/* =========================================================
	PAGE POLITIQUE DE COOKIES généré par COMPLIANZ en auto.
   0. Charger la police Albert Sans
   ========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Albert+Sans:wght@400;500;600;700&display=swap");


/* =========================================================
   1. Typo & style de base du document Complianz
   (on force tout ce qui est texte dans le bloc cookies)
   ========================================================= */
#cmplz-document,
#cmplz-document p,
#cmplz-document li,
#cmplz-document a,
#cmplz-document span,
#cmplz-document div {
    font-family: "Albert Sans", sans-serif !important;
    font-size: 15px !important;
    color: #464646 !important;
    line-height: 1.6 !important;
}


/* =========================================================
   2. Hiérarchie des titres du document
   - h1/h2 : titres de section (5. Cookies)
   - .cmplz-subtitle : sous-sections (5.1, 5.2…)
   ========================================================= */

/* Titres principaux (ex. "5. Cookies") */
#cmplz-document h1,
#cmplz-document h2 {
    font-size: 19px !important;
    color: #FD4C1E !important;
    line-height: 1.3 !important;
    margin-top: 1.4em !important;
    margin-bottom: 0.4em !important;
}

/* Sous-titres numérotés (ex. "5.1 Cookies techniques ou fonctionnels") */
#cmplz-document .cmplz-subtitle {
    font-size: 17px !important; /* un peu plus petit que le parent */
    color: #FD4C1E !important;
    font-weight: 600 !important;
    margin-top: 1rem !important;
    margin-bottom: 0.4rem !important;
}


/* =========================================================
   3. Blocs repliés (details) : services + catégories consentement
   ========================================================= */

/* Le bloc lui-même */
#cmplz-document details.cmplz-dropdown,
#cmplz-document details.cmplz-category {
    background: #FFF4F2 !important;
    border: 1px solid #FD4C1E !important;
    border-radius: 10px !important;
    margin-bottom: 1rem !important;
    padding: 0 !important; /* on enlève le gros padding du <details> */
}

/* Header cliquable (la ligne qui affiche le titre) */
#cmplz-document details.cmplz-dropdown > summary,
#cmplz-document details.cmplz-category > summary {
    background: #FFF4F2 !important;
    border-radius: 10px !important;
    list-style: none !important;
    cursor: pointer !important;
    padding: 0.45rem 0.9rem !important; /* espace réduit */
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

/* Contenu interne quand le bloc est ouvert */
#cmplz-document details.cmplz-dropdown > div,
#cmplz-document details.cmplz-category > div {
    padding: 0.6rem 0.9rem 1rem !important;
}

/* Titres à l'intérieur de ces en-têtes (ex. "Fonctionnel", "Statistiques") */
#cmplz-document .cmplz-service-header h3,
#cmplz-document .cmplz-category-title,
#cmplz-document details.cmplz-category summary .cmplz-category-header {
    font-size: 15px !important;
    font-weight: 700 !important;     /* tout en gras */
    color: #FD4C1E !important;
    margin: 0 !important;
}

/* Certains éléments internes de Complianz ajoutent un fond : on l'unifie */
#cmplz-document .cmplz-category-header,
#cmplz-document .cmplz-service-header {
    background: #FFF4F2 !important;
}
#cmplz-document .cmplz-category-header > span,
#cmplz-document .cmplz-service-header > div,
#cmplz-document .cmplz-service-header p {
    background: transparent !important;
}


/* =========================================================
   4. Liens en orange uniquement sur cette page
   ========================================================= */
#post-2241 a,
#post-2241 a:visited {
    color: #FD4C1E !important;
}
#post-2241 a:hover {
    opacity: 0.9;
}


/* =========================================================
   5. Titre de page du thème (Woodmart)
   - on réduit un peu les marges au-dessus et au-dessous
   ========================================================= */
.wd-page-title .entry-title,
.page-title .entry-title {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}


/* =========================================================
   6. Espace entre le titre et le 1er paragraphe Complianz
   (tu avais mis un décalage vers le haut)
   ========================================================= */
#cmplz-document > p:first-of-type {
    margin-top: -40px !important;
}


/* =========================================================
   7. Tableaux internes (version "vrai" <table>)
   - on enlève la grosse bordure externe
   - on garde les petites bordures de cellules
   ========================================================= */
#cmplz-document .cmplz-service-description table,
#cmplz-document #cmplz-cookies-overview table {
    border: 1px solid transparent !important;
    box-shadow: none !important;
}
#cmplz-document .cmplz-service-description table th,
#cmplz-document .cmplz-service-description table td,
#cmplz-document #cmplz-cookies-overview table th,
#cmplz-document #cmplz-cookies-overview table td {
    border-color: #d7d7d7 !important;
}


/* =========================================================
   8. "Fausse table" Complianz (.cookies-per-purpose)
   - c’est ce qui mettait encore une grosse bordure grise
   ========================================================= */
#cmplz-document .cookies-per-purpose {
    border: 0 !important;                      /* on supprime le cadre gris externe */
    background: #FFF4F2 !important;            /* même fond que le reste du bloc */
    box-shadow: none !important;
}
/* on laisse les petites séparations internes si Complianz les affiche */
#cmplz-document .cookies-per-purpose > div {
    border-color: #d7d7d7 !important;
}