/* ============================================
   DARK MODE - Pages légales
   Gère : Mentions légales, Politique de confidentialité, CGU, Cookies, Conditions Sites Perso
   À inclure APRÈS dark-mode.css
   Version : 1.1
   Date : Janvier 2026
   ============================================ */

/* ===== ADAPTATION DU BODY ===== */
body.dark-mode.page-legale {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

/* ===== TITRES PRINCIPAUX ===== */
body.dark-mode h1 {
    color: #ffffff !important;
    border-bottom-color: #4da3ff !important;
}

body.dark-mode h2 {
    color: #ffffff !important;
    border-left-color: #4da3ff !important;
}

body.dark-mode h3,
body.dark-mode h4 {
    color: #ffffff !important;
}

/* Titres dans les encadrés */
body.dark-mode .intro h3,
body.dark-mode .intro h4,
body.dark-mode .summary-box h3,
body.dark-mode .summary-box h4,
body.dark-mode .important h3,
body.dark-mode .important h4,
body.dark-mode .info-block h3,
body.dark-mode .info-block h4,
body.dark-mode .contact-box h3,
body.dark-mode .contact-box h4,
body.dark-mode .highlight-box h3,
body.dark-mode .highlight-box h4,
body.dark-mode .services-list h3,
body.dark-mode .services-list h4,
body.dark-mode .interdiction-list h3,
body.dark-mode .interdiction-list h4 {
    color: #ffffff !important;
}

/* ===== INTRO BOX ===== */
body.dark-mode .intro {
    background-color: #2a2a2a !important;
    border-left-color: #4da3ff !important;
    color: #e0e0e0 !important;
}

/* ===== SUMMARY BOX ===== */
body.dark-mode .summary-box {
    background-color: #2a4a6f !important;
    border-left-color: #4da3ff !important;
    color: #e0e0e0 !important;
}

body.dark-mode .summary-box h3 {
    color: #ffffff !important;
}

body.dark-mode .summary-box ul,
body.dark-mode .summary-box li {
    color: #e0e0e0 !important;
}

/* ===== IMPORTANT BOX ===== */
body.dark-mode .important {
    background-color: #3a3520 !important;
    border-color: #ffcc00 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .important strong {
    color: #ffcc00 !important;
}

/* ===== INFO BLOCK ===== */
body.dark-mode .info-block {
    background-color: #2a2a2a !important;
    border-color: #444444 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .info-block strong {
    color: #4da3ff !important;
}

body.dark-mode .info-block p {
    color: #e0e0e0 !important;
}

/* ===== CONTACT BOX ===== */
body.dark-mode .contact-box {
    background-color: #2a3a2a !important;
    border-color: #4da3ff !important;
    color: #e0e0e0 !important;
}

body.dark-mode .contact-box h3 {
    color: #ffffff !important;
}

/* ===== TABLEAUX GÉNÉRIQUES (tous tableaux HTML) ===== */
body.dark-mode table,
body.dark-mode table[style] {
    background-color: #1a1a1a !important;
    border-color: #444444 !important;
}

body.dark-mode table th,
body.dark-mode table[style] th,
body.dark-mode th[style] {
    background-color: #4da3ff !important;
    color: #ffffff !important;
    border-color: #444444 !important;
}

body.dark-mode table td,
body.dark-mode table[style] td,
body.dark-mode td[style] {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border-color: #444444 !important;
}

body.dark-mode table tr:nth-child(even) td,
body.dark-mode table[style] tr:nth-child(even) td {
    background-color: #222222 !important;
}

body.dark-mode table tr:hover td,
body.dark-mode table[style] tr:hover td {
    background-color: #333333 !important;
}

/* Forcer les styles pour les tr avec style inline */
body.dark-mode tr[style] {
    background-color: transparent !important;
}

body.dark-mode tr[style]:nth-child(even) {
    background-color: transparent !important;
}

/* ===== TABLEAUX AVEC CLASSES SPÉCIFIQUES ===== */
body.dark-mode .data-table {
    background-color: #1a1a1a !important;
    border-color: #444444 !important;
}

body.dark-mode .data-table th {
    background-color: #4da3ff !important;
    color: #ffffff !important;
    border-color: #444444 !important;
}

body.dark-mode .data-table td {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border-color: #444444 !important;
}

body.dark-mode .data-table tr:nth-child(even) td {
    background-color: #222222 !important;
}

body.dark-mode .data-table tr:hover td {
    background-color: #333333 !important;
}

/* ===== COOKIE TABLE (COOKIES PAGE & TABLEAUX GÉNÉRAUX) ===== */
body.dark-mode .cookie-table {
    background-color: #1a1a1a !important;
    border-color: #444444 !important;
}

body.dark-mode .cookie-table th {
    background-color: #4da3ff !important;
    color: #ffffff !important;
    border-color: #444444 !important;
}

body.dark-mode .cookie-table td {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border-color: #444444 !important;
}

body.dark-mode .cookie-table tr:nth-child(even) td {
    background-color: #222222 !important;
}

body.dark-mode .cookie-table tr:hover td {
    background-color: #333333 !important;
}

/* ===== LIENS ===== */
body.dark-mode a {
    color: #4da3ff !important;
}

body.dark-mode a:hover {
    color: #80c1ff !important;
    text-decoration: underline;
}

/* ===== LISTES ===== */
body.dark-mode ul,
body.dark-mode ol {
    color: #e0e0e0 !important;
}

body.dark-mode ul li,
body.dark-mode ol li {
    color: #e0e0e0 !important;
}

/* Listes dans les encadrés */
body.dark-mode .services-list ul,
body.dark-mode .services-list li,
body.dark-mode .interdiction-list ul,
body.dark-mode .interdiction-list li,
body.dark-mode .info-block ul,
body.dark-mode .info-block li,
body.dark-mode .highlight-box ul,
body.dark-mode .highlight-box li {
    color: #e0e0e0 !important;
}

/* ===== PARAGRAPHES ===== */
body.dark-mode p {
    color: #e0e0e0 !important;
}

body.dark-mode p strong {
    color: #ffffff !important;
}

/* ===== DATE DE MISE À JOUR ===== */
body.dark-mode .date-maj {
    color: #888888 !important;
    border-top-color: #444444 !important;
}

/* ===== SECTIONS ===== */
body.dark-mode .section {
    color: #e0e0e0 !important;
    background-color: #2a2a2a !important;
}

/* ===== SERVICES LIST (CGU & CONDITIONS SITES PERSO) ===== */
body.dark-mode .services-list {
    background-color: #2a2a2a !important;
    border-left-color: #4da3ff !important;
    color: #e0e0e0 !important;
}

body.dark-mode .services-list h3,
body.dark-mode .services-list h4 {
    color: #ffffff !important;
}

body.dark-mode .services-list strong {
    color: #4da3ff !important;
}

/* ===== INTERDICTION LIST (CGU & CONDITIONS SITES PERSO) ===== */
body.dark-mode .interdiction-list {
    background-color: #3a2020 !important;
    border-color: #ff6666 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .interdiction-list strong {
    color: #ff6666 !important;
}

body.dark-mode .interdiction-list p {
    color: #e0e0e0 !important;
}

/* ===== HIGHLIGHT BOX (CGU & CONDITIONS SITES PERSO) ===== */
body.dark-mode .highlight-box {
    background-color: #2a3a2a !important;
    border-color: #4da3ff !important;
    color: #e0e0e0 !important;
}

body.dark-mode .highlight-box h3,
body.dark-mode .highlight-box h4 {
    color: #ffffff !important;
}

body.dark-mode .highlight-box p {
    color: #e0e0e0 !important;
}

body.dark-mode .highlight-box strong {
    color: #4da3ff !important;
}

/* ===== COOKIE TYPE BOXES (COOKIES PAGE) ===== */
body.dark-mode .cookie-type {
    background-color: #1e2a3a !important;
    border-left-color: #4da3ff !important;
    color: #e0e0e0 !important;
}

body.dark-mode .cookie-type-required {
    background-color: #3a2e1e !important;
    border-left-color: #ff9800 !important;
}

body.dark-mode .cookie-type-analytics {
    background-color: #2e1e3a !important;
    border-left-color: #9c27b0 !important;
}

body.dark-mode .cookie-type-functional {
    background-color: #1e3a2e !important;
    border-left-color: #4caf50 !important;
}

body.dark-mode .cookie-type-advertising {
    background-color: #3a1e1e !important;
    border-left-color: #f44336 !important;
}

/* ===== BROWSER GUIDE (COOKIES PAGE) ===== */
body.dark-mode .browser-guide {
    background-color: #2a2a2a !important;
    border-color: #444444 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .browser-guide h4 {
    color: #ffffff !important;
}

/* ===== TRANSITIONS ===== */
body.dark-mode.page-legale,
body.dark-mode.page-legale * {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}