/*
Fichier : css_compte_age.css
Chemin  : D:\speedclicV2\www\assets\css\css_compte_age.css
Rôle    : Le dessin de la CERTIFICATION DE L'ÂGE (compte_age_bloc.php), de l'IMAGE SELON
          L'OUTIL (compte_portrait_bloc.php), des CONDITIONS en modale et de la page de
          validation du courriel (age_valider.php). Les marges du bloc restent à l'écran
          hôte (.epx-bloc, .epp-bloc, .ens-bloc) : c'est lui qui les porte.
Créé    : 24/09/2026
*/

.age-bloc { border: 1px solid #d6dde4; border-radius: 8px; padding: 10px 14px; background: #fbfcfd; }
.age-bloc.age-est-certifie { border-color: #8fc79a; background: #f4fbf5; }
.age-tete { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.age-titre { font-weight: 600; }
.age-badge[hidden] { display: none; }
.age-badge {
    display: inline-flex; align-items: center; justify-content: center;
    width: 20px; height: 20px; border-radius: 50%;
    background: #2e9d48; color: #fff; font-size: 13px; font-weight: 700; cursor: help;
}
.age-aide { margin: 0 0 8px 0; font-size: 13px; color: #45525f; }
.age-etat { font-size: 13px; font-weight: 600; color: #1d6b31; margin-bottom: 6px; }
.age-etat:empty { display: none; }
.age-form { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.age-form[hidden] { display: none; }
.age-ligne { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; }
.age-lib { font-weight: 600; }
.age-date { padding: 4px 6px; border: 1px solid #b6c0cb; border-radius: 5px; font: inherit; }
.age-cgu input { margin: 0; }
.age-lien {
    border: 0; background: none; padding: 0; color: #1f6fc5; text-decoration: underline;
    cursor: pointer; font: inherit; font-size: 13px;
}
.age-bouton {
    padding: 6px 16px; border: 0; border-radius: 5px; background: #1c5fbe; color: #fff;
    font-weight: 600; cursor: pointer;
}
.age-bouton:hover { background: #1466b8; }
.age-bouton:disabled { opacity: .6; cursor: wait; }
.age-msg { flex-basis: 100%; font-size: 13px; }
.age-msg:empty { display: none; }
.age-msg-ok { color: #1d6b31; }
.age-msg-err { color: #b3261e; font-weight: 600; }
.age-rgpd { margin: 10px 0 0 0; font-size: 12px; color: #5d6975; font-style: italic; }

/* ═══ L'IMAGE SELON L'OUTIL ═══ */
.prt-bloc { border: 1px solid #d6dde4; border-radius: 8px; padding: 10px 14px; background: #fbfcfd; }
.prt-ligne { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 6px 0; border-top: 1px dashed #dde3e9; }
.prt-outil { min-width: 90px; font-weight: 600; font-size: 13px; }
.prt-apercu { width: 40px; height: 50px; display: inline-flex; align-items: center; justify-content: center; background: #eef1f4; border-radius: 4px; overflow: hidden; }
.prt-apercu img { width: 100%; height: 100%; object-fit: cover; }
.prt-choix { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; }
.prt-msg { font-size: 12px; }
.prt-grille { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px 0 10px 104px; }
.prt-grille[hidden] { display: none; }
.prt-cat { flex: 0 0 100%; margin-top: 4px; padding: 2px 0; font-weight: 600; font-size: 12px; font-family: inherit; color: #13496a; background: none; border: 0; border-bottom: 1px solid #bcd9f0; text-align: left; cursor: pointer; }
.prt-cat:hover { color: #1c5fbe; }
.prt-cat::before { content: "\25B8"; display: inline-block; width: 14px; color: #1c5fbe; }
.prt-cat[aria-expanded="true"]::before { content: "\25BE"; }
.prt-avatar[hidden] { display: none; }
.prt-avatar { border: 2px solid transparent; border-radius: 6px; padding: 0; background: #fff; cursor: pointer; width: 54px; height: 67px; overflow: hidden; }
.prt-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.prt-avatar:hover { border-color: #9cc2e8; }
.prt-avatar-actif { border-color: #1c5fbe; }

/* ═══ LES CONDITIONS EN MODALE ═══ */
.cgu-boite { width: 60%; }
.cgu-corps { max-height: 62vh; }
.cgu-art { margin: 14px 0 4px 0; font-size: 14px; color: #1d2b36; }
.cgu-art:first-child { margin-top: 0; }
.cgu-par { margin: 0 0 6px 0; font-size: 13px; }

/* ═══ LA PAGE DU LIEN DU COURRIEL ═══ */
.agv-page { margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center; background: #eef1f4; font: 15px/1.5 system-ui, "Segoe UI", Arial, sans-serif; color: #2c3641; }
.agv-boite { max-width: 520px; width: 92%; background: #fff; border-radius: 10px; padding: 26px 30px; box-shadow: 0 10px 30px rgba(0,0,0,.15); border-top: 6px solid #b3261e; }
.agv-boite.agv-ok { border-top-color: #2e9d48; }
.agv-titre { margin: 0 0 10px 0; font-size: 20px; }
.agv-texte { margin: 0 0 18px 0; }
.agv-bouton { display: inline-block; padding: 8px 18px; background: #1c5fbe; color: #fff; text-decoration: none; border-radius: 6px; font-weight: 600; }

/* === FIN DU FICHIER : D:\speedclicV2\www\assets\css\css_compte_age.css === */