/* ========================================
   PAGES PLATFORM - THÈME CLAIR (body.light-mode)
   Surcharges pour about, plans, doc, faq, map, terms, privacy.
   Référence : docs/typologie-couleurs-themes-contraste.md
   PALETTE LIGHT : bg-page #f5f6f8 | bg-card #ffffff | bg-header #eef0f3
   text-primary #1a1d21 | text-secondary #4a5568 | accent #ffcc00 | accent-text #b8860b
   ======================================== */

/* Fond principal (wrapper + parents optionnels) */
body.light-mode .page-platform-about-typology,
body.light-mode .page-platform-plans-typology,
body.light-mode .page-platform-doc-typology,
body.light-mode .page-platform-faq-typology,
body.light-mode .page-platform-map-typology,
body.light-mode .page-platform-terms-typology,
body.light-mode .page-platform-privacy-typology {
    background: #f5f6f8 !important;
    color: #1a1d21 !important;
}

body.light-mode .nk-content-body:has(.page-platform-about-typology),
body.light-mode .nk-content-body:has(.page-platform-plans-typology),
body.light-mode .nk-content-body:has(.page-platform-doc-typology),
body.light-mode .nk-content-body:has(.page-platform-faq-typology),
body.light-mode .nk-content-body:has(.page-platform-map-typology),
body.light-mode .nk-content-body:has(.page-platform-terms-typology),
body.light-mode .nk-content-body:has(.page-platform-privacy-typology) {
    background: #f5f6f8 !important;
    color: #1a1d21 !important;
}

/* Containers et cartes */
body.light-mode .page-platform-about-typology .cfy-hero,
body.light-mode .page-platform-about-typology .cfy-section,
body.light-mode .page-platform-about-typology .cfy-card,
body.light-mode .page-platform-plans-typology .cfy-hero,
body.light-mode .page-platform-plans-typology .cfy-section,
body.light-mode .page-platform-plans-typology .card,
body.light-mode .page-platform-doc-typology .card,
body.light-mode .page-platform-doc-typology .cfy-main-container,
body.light-mode .page-platform-faq-typology .container-fluid,
body.light-mode .page-platform-faq-typology .card.card-bordered,
body.light-mode .page-platform-faq-typology .card.shadow-sm,
body.light-mode .page-platform-faq-typology .card-body,
body.light-mode .page-platform-map-typology .container-fluid,
body.light-mode .page-platform-map-typology .card,
body.light-mode .page-platform-terms-typology .card,
body.light-mode .page-platform-terms-typology .container,
body.light-mode .page-platform-privacy-typology .card,
body.light-mode .page-platform-privacy-typology .container {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #1a1d21 !important;
}

/* Titres */
body.light-mode .page-platform-about-typology .cfy-hero-title,
body.light-mode .page-platform-about-typology .cfy-section-title,
body.light-mode .page-platform-plans-typology .cfy-hero-title,
body.light-mode .page-platform-plans-typology .cfy-section-title,
body.light-mode .page-platform-plans-typology h1,
body.light-mode .page-platform-plans-typology h2,
body.light-mode .page-platform-faq-typology h1,
body.light-mode .page-platform-faq-typology h2,
body.light-mode .page-platform-faq-typology h3,
body.light-mode .page-platform-faq-typology h4,
body.light-mode .page-platform-faq-typology .display-6,
body.light-mode .page-platform-faq-typology .nk-block-content-head h2,
body.light-mode .page-platform-map-typology h1,
body.light-mode .page-platform-map-typology h2,
body.light-mode .page-platform-terms-typology h1,
body.light-mode .page-platform-terms-typology h2,
body.light-mode .page-platform-privacy-typology h1,
body.light-mode .page-platform-privacy-typology h2 {
    color: #1a1d21 !important;
}

/* Sous-titres et texte secondaire */
body.light-mode .page-platform-about-typology .cfy-hero-subtitle,
body.light-mode .page-platform-about-typology .cfy-section-subtitle,
body.light-mode .page-platform-plans-typology .cfy-hero-subtitle,
body.light-mode .page-platform-plans-typology .cfy-section-subtitle,
body.light-mode .page-platform-plans-typology p,
body.light-mode .page-platform-faq-typology .lead,
body.light-mode .page-platform-faq-typology p,
body.light-mode .page-platform-faq-typology .alert p,
body.light-mode .page-platform-map-typology p,
body.light-mode .page-platform-terms-typology p,
body.light-mode .page-platform-privacy-typology p {
    color: #4a5568 !important;
}

/* Alertes */
body.light-mode .page-platform-faq-typology .alert,
body.light-mode .page-platform-faq-typology .alert-info {
    background: #e7f5ff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    color: #1a1d21 !important;
}
body.light-mode .page-platform-faq-typology .alert-heading,
body.light-mode .page-platform-faq-typology .alert h4 {
    color: #b8860b !important;
}

/* Liens (accent-text sur fond clair) */
body.light-mode .page-platform-about-typology a,
body.light-mode .page-platform-plans-typology a,
body.light-mode .page-platform-doc-typology a,
body.light-mode .page-platform-faq-typology a,
body.light-mode .page-platform-map-typology a,
body.light-mode .page-platform-terms-typology a,
body.light-mode .page-platform-privacy-typology a {
    color: #b8860b !important;
}
body.light-mode .page-platform-about-typology a:hover,
body.light-mode .page-platform-plans-typology a:hover,
body.light-mode .page-platform-doc-typology a:hover,
body.light-mode .page-platform-faq-typology a:hover,
body.light-mode .page-platform-map-typology a:hover,
body.light-mode .page-platform-terms-typology a:hover,
body.light-mode .page-platform-privacy-typology a:hover {
    color: #e6b800 !important;
}

/* About : hashtags et badges */
body.light-mode .page-platform-about-typology .cfy-hashtag {
    background: rgba(255, 204, 0, 0.12) !important;
    color: #b8860b !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}
body.light-mode .page-platform-plans-typology .cfy-hashtag {
    background: rgba(255, 204, 0, 0.12) !important;
    color: #b8860b !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}
body.light-mode .page-platform-about-typology .cfy-badge {
    background: rgba(255, 204, 0, 0.15) !important;
    color: #b8860b !important;
}

/* FAQ : accordéon */
body.light-mode .page-platform-faq-typology .accordion-item {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}
body.light-mode .page-platform-faq-typology .accordion-button {
    background: #eef0f3 !important;
    color: #1a1d21 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}
body.light-mode .page-platform-faq-typology .accordion-button:not(.collapsed) {
    background: #ffffff !important;
    color: #b8860b !important;
}
body.light-mode .page-platform-faq-typology .accordion-button::after {
    filter: none;
}
body.light-mode .page-platform-faq-typology .accordion-body {
    background: #ffffff !important;
    color: #1a1d21 !important;
}
body.light-mode .page-platform-faq-typology .accordion-body p,
body.light-mode .page-platform-faq-typology .accordion-body li {
    color: #4a5568 !important;
}

/* FAQ / Terms / Privacy : tableaux */
body.light-mode .page-platform-faq-typology .table,
body.light-mode .page-platform-terms-typology .table,
body.light-mode .page-platform-privacy-typology .table {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #1a1d21 !important;
}
body.light-mode .page-platform-faq-typology .table thead th,
body.light-mode .page-platform-terms-typology .table thead th,
body.light-mode .page-platform-privacy-typology .table thead th {
    background: #eef0f3 !important;
    color: #1a1d21 !important;
}
body.light-mode .page-platform-faq-typology .table tbody td,
body.light-mode .page-platform-faq-typology .table tbody th,
body.light-mode .page-platform-terms-typology .table tbody td,
body.light-mode .page-platform-privacy-typology .table tbody td {
    background: #ffffff !important;
    color: #1a1d21 !important;
}

/* Doc : cartes glass / cfy-glass-card */
body.light-mode .page-platform-doc-typology .cfy-glass-card,
body.light-mode .page-platform-doc-typology .card-body {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #1a1d21 !important;
}

/* ========== DOCUMENTATION — Lisibilité complète thème clair (éviter gris sur blanc) ========== */
body.light-mode .page-platform-doc-typology .cfy-main-container {
    background: #f5f6f8 !important;
    color: #1a1d21 !important;
}
body.light-mode .page-platform-doc-typology .cfy-glass-card,
body.light-mode .page-platform-doc-typology .cfy-glass-card.cfy-danger-card,
body.light-mode .page-platform-doc-typology .cfy-glass-card.cfy-warning-card,
body.light-mode .page-platform-doc-typology .card,
body.light-mode .page-platform-doc-typology .cfy-toc-card,
body.light-mode .page-platform-doc-typology .cfy-badge-card,
body.light-mode .page-platform-doc-typology .cfy-example-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #1a1d21 !important;
}
body.light-mode .page-platform-doc-typology .card-body,
body.light-mode .page-platform-doc-typology .card-title {
    color: #1a1d21 !important;
}
body.light-mode .page-platform-doc-typology .card-body .cfy-text-primary,
body.light-mode .page-platform-doc-typology .card-body small {
    color: #4a5568 !important;
}
body.light-mode .page-platform-doc-typology .text-auto-contrast,
body.light-mode .page-platform-doc-typology .cfy-text-primary,
body.light-mode .page-platform-doc-typology .cfy-text-adaptive,
body.light-mode .page-platform-doc-typology .text-light-adaptive,
body.light-mode .page-platform-doc-typology .lead,
body.light-mode .page-platform-doc-typology p {
    color: #1a1d21 !important;
    text-shadow: none !important;
}
body.light-mode .page-platform-doc-typology .cfy-text-orange {
    color: #b8860b !important;
}
body.light-mode .page-platform-doc-typology .cfy-text-gradient {
    background: linear-gradient(135deg, #b8860b 0%, #856404 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}
body.light-mode .page-platform-doc-typology .text-muted {
    color: #4a5568 !important;
}
body.light-mode .page-platform-doc-typology h1,
body.light-mode .page-platform-doc-typology h2,
body.light-mode .page-platform-doc-typology h3,
body.light-mode .page-platform-doc-typology h4,
body.light-mode .page-platform-doc-typology h5,
body.light-mode .page-platform-doc-typology h6,
body.light-mode .page-platform-doc-typology .display-3,
body.light-mode .page-platform-doc-typology .display-4,
body.light-mode .page-platform-doc-typology .display-5,
body.light-mode .page-platform-doc-typology .fs-1,
body.light-mode .page-platform-doc-typology .fs-2 {
    color: #1a1d21 !important;
    text-shadow: none !important;
}
body.light-mode .page-platform-doc-typology .cfy-icon-wrapper,
body.light-mode .page-platform-doc-typology .cfy-icon-wrapper.cfy-blue,
body.light-mode .page-platform-doc-typology .cfy-icon-wrapper.bg-primary-soft {
    background: rgba(255, 204, 0, 0.12) !important;
    color: #b8860b !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}
body.light-mode .page-platform-doc-typology .cfy-glass-card[style*="linear-gradient"][style*="cfy-blue"] {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}
body.light-mode .page-platform-doc-typology .cfy-glass-card .text-white {
    color: #1a1d21 !important;
}
body.light-mode .page-platform-doc-typology .list-unstyled li {
    color: #1a1d21 !important;
}
body.light-mode .page-platform-doc-typology .list-group,
body.light-mode .page-platform-doc-typology .list-group.list-group-flush {
    background: transparent !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}
body.light-mode .page-platform-doc-typology .list-group-item {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #1a1d21 !important;
}
body.light-mode .page-platform-doc-typology .list-group-item strong {
    color: #1a1d21 !important;
}
body.light-mode .page-platform-doc-typology .list-group-item .ni-ni-arrow-right-c.text-warning {
    color: #b8860b !important;
}
body.light-mode .page-platform-doc-typology .cfy-text-blue {
    color: #1a1d21 !important;
}
body.light-mode .page-platform-doc-typology {
    --cfy-bg-primary: #f5f6f8 !important;
    --cfy-bg-secondary: #ffffff !important;
    --cfy-text-primary: #1a1d21 !important;
    --cfy-text-secondary: #4a5568 !important;
    --cfy-text-muted: #4a5568 !important;
}

/* Map : Plan du site — finalisation thème clair */
body.light-mode .page-platform-map-typology .card,
body.light-mode .page-platform-map-typology .card-body {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #1a1d21 !important;
}
body.light-mode .page-platform-map-typology .h4,
body.light-mode .page-platform-map-typology h3 {
    color: #1a1d21 !important;
}
body.light-mode .page-platform-map-typology .text-primary {
    color: #b8860b !important;
}
body.light-mode .page-platform-map-typology .btn-outline-primary {
    background: transparent !important;
    border-color: #b8860b !important;
    color: #b8860b !important;
}
body.light-mode .page-platform-map-typology .btn-outline-primary:hover {
    background: rgba(184, 134, 11, 0.1) !important;
    border-color: #e6b800 !important;
    color: #e6b800 !important;
}
body.light-mode .page-platform-map-typology .list-unstyled li,
body.light-mode .page-platform-map-typology .list-unstyled a {
    color: #1a1d21 !important;
}
body.light-mode .page-platform-map-typology .list-unstyled a:hover {
    color: #b8860b !important;
}
body.light-mode .page-platform-map-typology .list-group-item {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #1a1d21 !important;
}

/* Variables CSS (surcharge dans le wrapper en light) */
body.light-mode .page-platform-about-typology {
    --cfy-bg-primary: #f5f6f8 !important;
    --cfy-bg-secondary: #ffffff !important;
    --cfy-text-primary: #1a1d21 !important;
    --cfy-text-secondary: #4a5568 !important;
    --cfy-border-color: rgba(0, 0, 0, 0.1) !important;
}
body.light-mode .page-platform-plans-typology {
    --cfy-bg-primary: #f5f6f8 !important;
    --cfy-bg-secondary: #ffffff !important;
    --cfy-text-primary: #1a1d21 !important;
    --cfy-text-secondary: #4a5568 !important;
    --cfy-border-color: rgba(0, 0, 0, 0.1) !important;
}
body.light-mode .page-platform-faq-typology {
    --cfy-bg-primary: #f5f6f8 !important;
    --cfy-bg-secondary: #ffffff !important;
    --cfy-text-primary: #1a1d21 !important;
    --cfy-text-secondary: #4a5568 !important;
}
body.light-mode .page-platform-map-typology {
    --cfy-bg-primary: #f5f6f8 !important;
    --cfy-bg-secondary: #ffffff !important;
    --cfy-text-primary: #1a1d21 !important;
    --cfy-text-secondary: #4a5568 !important;
}
body.light-mode .page-platform-terms-typology,
body.light-mode .page-platform-privacy-typology {
    --cfy-bg-primary: #f5f6f8 !important;
    --cfy-bg-secondary: #ffffff !important;
    --cfy-text-primary: #1a1d21 !important;
    --cfy-text-secondary: #4a5568 !important;
}