/*
 * Appli du magazine (/mobile/) : même allure que Penta Com (cartes arrondies, boutons lisibles en mode nuit et en mode jour).
 * Chargé par components/mobile_header.php sur toutes les pages ; css/pentacom-pages.css s'y ajoute sur les pages Penta Com.
 * L'accueil (body.pma-accueil, css/accueil-appli.css) garde ses propres cartes « En direct » : il n'est pas touché ici.
 */

/* Boutons pleins : texte toujours lisible sur la couleur de l'appli (--sur-blue, défini dans mobile_header.php) */
.pm-bouton:not(.secondaire):not(.pck-second) { color: var(--sur-blue, #0d0f14) !important; }
.pm-bouton { border-radius: 14px !important; }
.pm-bouton:active { transform: scale(.98); }

/* Champs et recherches arrondis */
.pm-page input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), .pm-page select, .pm-page textarea { border-radius: 12px; }
.pm-recherche input, input.pm-recherche, .pm-recherche-filtres select { border-radius: 999px !important; }
.pm-message { border-radius: 14px; }

/* Pages de texte et formulaires (tableau de bord, appareils, contact…) : blocs en cartes */
body:not(.pma-accueil) .pm-page > section,
body:not(.pma-accueil) .pm-page > details,
body:not(.pma-accueil) .pm-page > form.pm-form {
    margin: 0 0 14px;
    padding: 14px;
    border: 1px solid var(--rule);
    border-radius: 20px;
    background: var(--ink2);
}
body:not(.pma-accueil) .pm-page > section > :first-child, body:not(.pma-accueil) .pm-page > form.pm-form > :first-child { margin-top: 0; }
body:not(.pma-accueil) .pm-page > section > :last-child { margin-bottom: 0; }

/* Listes (compétitions, résultats, calendrier, articles, athlètes, PentaScore) : une carte par ligne, filet de couleur de la discipline gardé */
body:not(.pma-accueil) .pm-comp-ligne,
body:not(.pma-accueil) .pm-liste-ligne {
    margin: 0 12px 8px;
    border: 1px solid var(--rule);
    border-radius: 16px;
    background: var(--ink2);
}
body:not(.pma-accueil) .pm-comp-ligne { border-left: 4px solid var(--disc, var(--rule2, var(--rule))); }
body:not(.pma-accueil) .pm-comp-ligne:active, body:not(.pma-accueil) .pm-liste-ligne:active { transform: scale(.985); }
body:not(.pma-accueil) .pm-comp-mois > :first-child + .pm-comp-ligne,
body:not(.pma-accueil) .pm-cal-titre-jour + .pm-comp-ligne { margin-top: 4px; }

/* « Rien pour l'instant » : cadre discret */
body:not(.pma-accueil) .pm-comp-vide { margin: 12px; padding: 18px 16px; border: 1px dashed var(--rule2, var(--rule)); border-radius: 18px; }