/* Emplacement de ce fichier : /assets/css/pages/inscription.css */

/* =====================================================================
   PAGE : inscription.php
   La carte d'authentification commune (.ob-au-carte, .ob-au-formulaire...)
   est définie dans style.css. Ce fichier ne contient que ce qui est
   propre à CETTE page (type de compte, cases CGU, aide de champ).
   ===================================================================== */

.ob-in-carte {
    text-align: left;
}
.ob-in-carte .ob-au-icone,
.ob-in-carte h1,
.ob-in-carte .ob-au-sous-titre {
    text-align: center;
}

.ob-in-type-compte {
    display: flex;
    gap: 1rem;
}
.ob-in-carte-type {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border: 2px solid var(--ob-gris-bordure);
    border-radius: var(--ob-rayon-petit);
    padding: 0.8rem;
    cursor: pointer;
    font-weight: 700;
    color: var(--ob-texte-clair);
    transition: var(--ob-transition);
}
.ob-in-carte-type:has(input:checked) {
    border-color: var(--ob-vert-jardin);
    background: var(--ob-vert-tres-clair);
    color: var(--ob-bleu-marine);
}
.ob-in-carte-type.ob-in-selectionne {
    border-color: var(--ob-vert-jardin);
    background: var(--ob-vert-tres-clair);
    color: var(--ob-bleu-marine);
}
.ob-in-carte-type input {
    accent-color: var(--ob-vert-jardin);
}

.ob-in-aide-champ {
    font-size: 0.72rem;
    color: var(--ob-texte-clair);
}

.ob-in-cases {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}
.ob-in-case {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    font-size: 0.83rem;
    color: var(--ob-texte-clair);
    cursor: pointer;
}
.ob-in-case input {
    width: 17px;
    height: 17px;
    margin-top: 2px;
    accent-color: var(--ob-vert-jardin);
    flex-shrink: 0;
}
.ob-in-case a {
    color: var(--ob-bleu-vif);
    font-weight: 700;
}

@media (max-width: 575.98px) {
    .ob-au-carte { padding: 1.6rem; }
    .ob-in-type-compte { flex-direction: column; }
}