/**
 * ================================================================
 * FICHIER : Confidentialite.css
 * EMPLACEMENT : 2027_B2B/pages/Confidentialite/Confidentialite.css
 * SHORT_DESC : Styles de la page « Politique de confidentialité »
 * DESCRIPTION : En-tête sobre, sommaire collant, colonne de lecture, fiches de traitement,
 *               tableau des témoins de connexion. Jetons de theme.css uniquement.
 *
 * SOMMAIRE :
 *   - CONFID_ENTETE
 *   - CONFID_SOMMAIRE
 *   - CONFID_ARTICLES
 *   - CONFID_TABLEAU
 *   - RESPONSIVE
 *
 * MODIFICATIONS :
 *   - 06/10/2026 13:44 : Création — A VALIDER PAR JaxX
 *
 * ================================================================
 */

/* CONFID_ENTETE ======================================================= */
.confid_entete
{
    padding: clamp(56px, 9vw, 112px) 0 clamp(32px, 5vw, 56px);
    border-bottom: 1px solid var(--ligne);
}

.confid_entete h1
{
    font-size: clamp(2rem, 4.5vw, 3.4rem);
}

.confid_entete_texte
{
    max-width: 68ch;
    color: var(--encre_second);
    margin: 0;
}
/* CONFID_ENTETE ======================================================= */

/* CONFID_SOMMAIRE ===================================================== */
.confid_corps
{
    padding: clamp(40px, 6vw, 80px) 0 clamp(64px, 9vw, 120px);
}

.confid_grille
{
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 8fr);
    gap: clamp(32px, 6vw, 96px);
    align-items: start;
}

.confid_sommaire
{
    position: sticky;
    top: calc(var(--hauteur_header) + var(--espace_3));
}

.confid_sommaire_titre
{
    display: block;
    font-size: var(--texte_xs, 0.75rem);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--encre_attenuee);
    margin-bottom: var(--espace_2);
}

.confid_sommaire_liste
{
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: confid_sommaire;
    border-top: 1px solid var(--ligne);
}

.confid_sommaire_liste li
{
    counter-increment: confid_sommaire;
    border-bottom: 1px solid var(--ligne);
}

.confid_sommaire_lien
{
    display: flex;
    gap: 10px;
    align-items: baseline;
    padding: 10px 0;
    min-height: 44px;
    font-size: var(--texte_sm, 0.92rem);
    color: var(--encre_second);
}

.confid_sommaire_lien::before
{
    content: counter(confid_sommaire, decimal-leading-zero);
    font-family: var(--police_mono);
    font-size: 0.75rem;
    color: var(--encre_attenuee);
}

.confid_sommaire_lien:hover
{
    color: var(--accent);
}

.confid_sommaire_liens
{
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: var(--espace_3);
    font-size: var(--texte_sm, 0.92rem);
}
/* CONFID_SOMMAIRE ===================================================== */

/* CONFID_ARTICLES ===================================================== */
.confid_articles
{
    max-width: 76ch;
    min-width: 0;
}

.confid_article
{
    padding: var(--espace_4) 0;
    border-bottom: 1px solid var(--ligne);
    scroll-margin-top: calc(var(--hauteur_header) + var(--espace_3));
}

.confid_article:first-child
{
    padding-top: 0;
}

.confid_article:last-child
{
    border-bottom: 0;
}

.confid_article h2
{
    font-size: clamp(1.3rem, 2.2vw, 1.7rem);
    margin-bottom: var(--espace_2);
}

.confid_article h3
{
    font-size: 1.1rem;
    margin: var(--espace_3) 0 var(--espace_1);
}

.confid_article p,
.confid_article li
{
    color: var(--encre_second);
}

.confid_article p:last-child
{
    margin-bottom: 0;
}

.confid_article strong
{
    color: var(--encre);
}

.confid_liste
{
    padding-left: 1.2em;
    margin: 0 0 var(--espace_3);
}

.confid_liste li + li
{
    margin-top: 6px;
}

.confid_traitement
{
    margin-top: var(--espace_3);
}

.confid_traitement h3
{
    margin-top: 0;
}

.confid_fiche
{
    display: grid;
    grid-template-columns: minmax(130px, 1fr) minmax(0, 3fr);
    gap: 0;
    margin: var(--espace_2) 0 var(--espace_3);
    border: 1px solid var(--ligne);
    border-radius: 2px;
    background: var(--surface_carte);
}

.confid_fiche dt,
.confid_fiche dd
{
    margin: 0;
    padding: 10px 14px;
    border-bottom: 1px solid var(--ligne);
    font-size: var(--texte_sm, 0.95rem);
}

.confid_fiche dt
{
    color: var(--encre_attenuee);
}

.confid_fiche dd
{
    color: var(--encre);
}

.confid_fiche dt:nth-last-of-type(1),
.confid_fiche dd:nth-last-of-type(1)
{
    border-bottom: 0;
}

.confid_note
{
    font-size: var(--texte_sm, 0.9rem);
    color: var(--encre_attenuee);
}
/* CONFID_ARTICLES ===================================================== */

/* CONFID_TABLEAU ====================================================== */
.confid_tableau_cadre
{
    overflow-x: auto;
    margin: var(--espace_3) 0;
    border: 1px solid var(--ligne);
    border-radius: 2px;
    background: var(--surface_carte);
}

.confid_tableau
{
    width: 100%;
    min-width: 640px;
    border-collapse: collapse;
    font-size: var(--texte_sm, 0.9rem);
}

.confid_tableau_legende
{
    caption-side: top;
    text-align: left;
    padding: 10px 14px;
    font-size: var(--texte_xs, 0.75rem);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--encre_attenuee);
    border-bottom: 1px solid var(--ligne);
}

.confid_tableau th,
.confid_tableau td
{
    padding: 10px 14px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid var(--ligne);
    color: var(--encre_second);
}

.confid_tableau thead th
{
    font-size: var(--texte_xs, 0.75rem);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--encre_attenuee);
    font-weight: 500;
}

.confid_tableau tbody th
{
    color: var(--encre);
    font-weight: 500;
    white-space: nowrap;
}

.confid_tableau tbody tr:last-child th,
.confid_tableau tbody tr:last-child td
{
    border-bottom: 0;
}

.confid_tableau code
{
    font-size: 0.85em;
}
/* CONFID_TABLEAU ====================================================== */

/* RESPONSIVE ========================================================== */
@media (max-width: 900px)
{
    .confid_grille
    {
        grid-template-columns: 1fr;
    }

    .confid_sommaire
    {
        position: static;
    }

    .confid_sommaire_liste
    {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
        gap: 0 var(--espace_3);
    }
}

@media (max-width: 520px)
{
    .confid_fiche
    {
        grid-template-columns: 1fr;
    }

    .confid_fiche dt
    {
        padding-bottom: 2px;
        border-bottom: 0;
    }

    .confid_fiche dd
    {
        padding-top: 0;
    }
}
/* RESPONSIVE ========================================================== */