/*
 * Pages Penta Com du site (ordinateur) : même allure que l'appli (mobile/css/pentacom-pages.css).
 * Fond gris clair, rubriques en cartes blanches arrondies, éléments des listes en tuiles, boutons et champs arrondis.
 * Chargé par beta/page_simple.php sur les seules pages Penta Com (option penta_com), après commun.css.
 */

html body { background: #f2f4f7; }
html body .pcs-titre { background: transparent; }
.pcs-titre > div { padding-bottom: .25rem; }

/* Rubriques en cartes (plus de gros filet noir au-dessus) */
.rubrique {
    border: 1px solid var(--pc-filet, #d9dce1);
    border-radius: 20px;
    background: #fff;
    padding: 1.25rem 1.4rem 1.4rem;
}
.rubrique::before { display: none; }
.rubrique > h2:first-child, .rubrique > :first-child > h2:first-child { margin-top: 0; }

/* Le grand espace entre les rubriques devient plus serré : les cartes se suffisent */
main.space-y-12 > :not([hidden]) ~ :not([hidden]) { margin-top: 1.25rem; }

/* Petits blocs titrés d'un filet à l'intérieur d'une page (sans rubrique) : en carte aussi */
main > .border-t-4, main > section.border-t-4 {
    border: 1px solid var(--pc-filet, #d9dce1);
    border-radius: 20px;
    background: #fff;
    padding: 1.25rem 1.4rem 1.4rem;
}

/* Éléments d'une liste en grille (annonces, trajets, appels…) : tuiles grises dans la carte */
.rubrique article.border-t-2, .rubrique .grid > article {
    border: 0;
    border-radius: 16px;
    background: #f5f7fa;
    padding: .9rem 1rem 1rem;
}
.rubrique article.border-t-2 img:first-child { border-radius: 12px; }

/* Réponse d'un pro, citation : encart arrondi */
.rubrique .border-l-4 {
    border-left: 0;
    border-radius: 12px;
    background: #eaf0f7;
    padding: .7rem .9rem;
}

/* Colonne de droite (« Parcourir », publicité) : un peu d'air entre les cartes */
aside.space-y-10 > :not([hidden]) ~ :not([hidden]) { margin-top: 1.25rem; }

/* Boutons et champs arrondis */
.bouton { border-radius: 12px; }
main .input, main .select, main .textarea,
main input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
main select, main textarea { border-radius: 10px; }

/* Message « rien pour l'instant » : encadré discret */
.rubrique > p.text-\[\#3d434c\]:only-of-type { padding: .9rem 1rem; border: 1px dashed #c9ced6; border-radius: 14px; }

/* Les autres outils Penta Com : tuiles un peu plus douces dans leur carte */
.rubrique .pc-outil { border-radius: 14px; }
.rubrique article .bouton { white-space: normal; max-width: 100%; }

/* Blocs des vues communes au site et à l'appli (Ma forme, coach, carnet, Ma saison, suivi) : en cartes, sans filet de titre */
main .forme-bloc, main .sa-bloc {
    margin-bottom: 1.25rem;
    border: 1px solid var(--pc-filet, #d9dce1);
    border-radius: 20px;
    background: #fff;
    padding: 1.25rem 1.4rem 1.4rem;
}
main .forme-bloc > .forme-titre:first-child, main .sa-bloc > .sa-titre:first-child,
main .forme-bloc > :first-child > .forme-titre:first-child { border-top: 0; padding-top: 0; }
/* Pas de carte dans une carte */
.rubrique :is(.forme-bloc, .sa-bloc), :is(.forme-bloc, .sa-bloc) :is(.forme-bloc, .sa-bloc, .rubrique) { border: 0; border-radius: 0; background: none; padding: 0; }
main p.forme-bloc { border: 0; background: none; padding: 0 .25rem; }
/* Une carte dans une grille garde sa hauteur (pas étirée jusqu'au bas de la colonne voisine) */
main .grid > .rubrique { align-self: start; }