/* ========================================
   PAGE PLATFORM/MAP - TYPOLOGIE
   docs/typologie-couleurs-themes-contraste.md
   Même typologie que about/plans/doc/faq : fond sombre, texte #f8f9fa, accent #ffcc00.
   Wrapper .page-platform-map-typology uniquement (pas de classe body).
   ======================================== */

/* Forcer le fond sombre sur les conteneurs parents (nk-content) */
.nk-content-body:has(.page-platform-map-typology),
.nk-content:has(.page-platform-map-typology) .nk-content-body,
.nk-content:has(.page-platform-map-typology),
.nk-content-inner:has(.page-platform-map-typology) {
    background: #0a0a0a !important;
    color: #f8f9fa !important;
}

/* Variables typologie (scopées au wrapper) */
.page-platform-map-typology {
    --cfy-primary: #ffcc00 !important;
    --cfy-bg-primary: #0a0a0a !important;
    --cfy-bg-secondary: #141c26 !important;
    --cfy-bg-tertiary: #101924 !important;
    --cfy-text-primary: #f8f9fa !important;
    --cfy-text-secondary: #8094ae !important;
    --cfy-border-color: rgba(255, 255, 255, 0.1) !important;
    background: #0a0a0a !important;
    color: #f8f9fa !important;
}

/* Bandeau */
.page-platform-map-typology .card.card-bordered,
.page-platform-map-typology .card-inner,
.page-platform-map-typology .nk-block-content,
.page-platform-map-typology .nk-block-content-head {
    color: #f8f9fa !important;
}

.page-platform-map-typology .nk-block-content-head h2 {
    color: #f8f9fa !important;
}

/* Container et grille */
.page-platform-map-typology .container-fluid {
    background: #0a0a0a !important;
    color: #f8f9fa !important;
}

/* Cartes (Par Pays, Par Langue, etc.) */
.page-platform-map-typology .card,
.page-platform-map-typology .card.h-100 {
    background: #141c26 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #f8f9fa !important;
}

.page-platform-map-typology .card-body {
    background: #141c26 !important;
    color: #f8f9fa !important;
}

/* Cartes avec bg-opacity (recherche, pages légales, aide, etc.) */
.page-platform-map-typology .card.bg-primary.bg-opacity-10,
.page-platform-map-typology .card.bg-secondary.bg-opacity-10,
.page-platform-map-typology .card.bg-info.bg-opacity-10,
.page-platform-map-typology .card.bg-warning.bg-opacity-10,
.page-platform-map-typology .card.bg-success.bg-opacity-10 {
    background: #101924 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.page-platform-map-typology .card.bg-primary.bg-opacity-10 .card-body,
.page-platform-map-typology .card.bg-secondary.bg-opacity-10 .card-body,
.page-platform-map-typology .card.bg-info.bg-opacity-10 .card-body,
.page-platform-map-typology .card.bg-warning.bg-opacity-10 .card-body,
.page-platform-map-typology .card.bg-success.bg-opacity-10 .card-body {
    background: #101924 !important;
}

/* Titres de cartes */
.page-platform-map-typology .card-body h3,
.page-platform-map-typology .card-body .h4,
.page-platform-map-typology .text-primary {
    color: #ffcc00 !important;
}

.page-platform-map-typology .card-body .bi {
    color: #ffcc00 !important;
}

/* Listes et liens dans les cartes */
.page-platform-map-typology .list-unstyled,
.page-platform-map-typology .list-unstyled li {
    color: #f8f9fa !important;
}

.page-platform-map-typology .list-unstyled a,
.page-platform-map-typology a.text-body {
    color: #f8f9fa !important;
}

.page-platform-map-typology .list-unstyled a:hover,
.page-platform-map-typology a.text-body:hover {
    color: #ffcc00 !important;
}

.page-platform-map-typology .list-unstyled .bi-arrow-right-short {
    color: #ffcc00 !important;
}

/* Boutons */
.page-platform-map-typology .btn-outline-primary {
    background: transparent !important;
    border-color: #ffcc00 !important;
    color: #ffcc00 !important;
}

.page-platform-map-typology .btn-outline-primary:hover {
    background: #ffcc00 !important;
    color: #000000 !important;
    border-color: #ffcc00 !important;
}

.page-platform-map-typology .btn-primary {
    background: #ffcc00 !important;
    border-color: #ffcc00 !important;
    color: #000000 !important;
}

.page-platform-map-typology .btn-primary:hover {
    background: #e6b800 !important;
    border-color: #e6b800 !important;
    color: #000000 !important;
}

/* Formulaire recherche rapide */
.page-platform-map-typology .form-control {
    background: #101924 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #f8f9fa !important;
}

.page-platform-map-typology .form-control::placeholder {
    color: #8094ae !important;
}

.page-platform-map-typology .form-control:focus {
    border-color: rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 0 0 2px rgba(255, 204, 0, 0.25) !important;
}

.page-platform-map-typology .input-group .btn-primary {
    background: #ffcc00 !important;
    border-color: #ffcc00 !important;
    color: #000000 !important;
}