/* ========================================
   PAGE PLATFORM/DOC - TYPOLOGIE
   docs/typologie-couleurs-themes-contraste.md
   Même typologie que about/plans : fond sombre, texte #f8f9fa, accent #ffcc00.
   Wrapper .page-platform-doc-typology uniquement (pas de classe body).
   Pas de style sur nk-content-body / nk-content / nk-content-inner pour ne pas
   impacter le footer (qui est rendu dans le même nk-content-body).
   ======================================== */

/* Variables typologie (scopées au wrapper) */
.page-platform-doc-typology {
    --cfy-primary: #ffcc00 !important;
    --cfy-primary-light: #e6b800 !important;
    --cfy-primary-dark: #e6b800 !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-text-muted: #adb5bd !important;
    --cfy-border-color: rgba(255, 255, 255, 0.1) !important;
    --cfy-white: #f8f9fa !important;
    --cfy-orange: #ffcc00 !important;
    --cfy-blue: #6ea8fe !important;
    --cfy-blue-light: #93c5fd !important;
    --cfy-blue-dark: #0d1a2d !important;
    --cfy-glass-light: rgba(255, 255, 255, 0.08) !important;
    --cfy-glass-border-light: rgba(255, 255, 255, 0.1) !important;
    --cfy-gradient-primary: linear-gradient(135deg, #ffcc00 0%, #e6b800 100%) !important;
    --cfy-gradient-secondary: linear-gradient(135deg, #141c26 0%, #101924 100%) !important;
    --cfy-gradient-accent: linear-gradient(135deg, #ffcc00 0%, #e6b800 100%) !important;
    --cfy-gradient-warning: linear-gradient(135deg, #ffcc00 0%, #e6b800 100%) !important;
    --cfy-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.3) !important;
    --cfy-shadow-light: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
    --cfy-card-bg: #141c26 !important;
    --cfy-card-border: rgba(255, 255, 255, 0.1) !important;
    background: #0a0a0a !important;
    color: #f8f9fa !important;
}

/* Container principal */
.page-platform-doc-typology .cfy-main-container {
    background: #0a0a0a !important;
    color: #f8f9fa !important;
}

.page-platform-doc-typology .cfy-main-container::before {
    display: none !important;
}

/* Cartes glass → fond typologie */
.page-platform-doc-typology .cfy-glass-card,
.page-platform-doc-typology .cfy-glass-card.cfy-danger-card,
.page-platform-doc-typology .cfy-glass-card.cfy-warning-card {
    background: #141c26 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #f8f9fa !important;
    backdrop-filter: none !important;
}

.page-platform-doc-typology .cfy-glass-card::before {
    background: #ffcc00 !important;
}

.page-platform-doc-typology .cfy-glass-card:hover {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Cartes génériques */
.page-platform-doc-typology .card,
.page-platform-doc-typology .cfy-toc-card,
.page-platform-doc-typology .cfy-badge-card,
.page-platform-doc-typology .cfy-example-card {
    background: #141c26 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #f8f9fa !important;
}

.page-platform-doc-typology .card-body,
.page-platform-doc-typology .card-title {
    color: #f8f9fa !important;
}

.page-platform-doc-typology .card-body .cfy-text-primary,
.page-platform-doc-typology .card-body small {
    color: #8094ae !important;
}

/* Icônes / wrappers */
.page-platform-doc-typology .cfy-icon-wrapper,
.page-platform-doc-typology .cfy-icon-wrapper.cfy-blue,
.page-platform-doc-typology .cfy-icon-wrapper.bg-primary-soft {
    background: rgba(255, 204, 0, 0.15) !important;
    color: #ffcc00 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Texte */
.page-platform-doc-typology .text-auto-contrast,
.page-platform-doc-typology .cfy-text-primary,
.page-platform-doc-typology .cfy-text-adaptive,
.page-platform-doc-typology .text-light-adaptive,
.page-platform-doc-typology .lead,
.page-platform-doc-typology p {
    color: #f8f9fa !important;
    text-shadow: none !important;
}

.page-platform-doc-typology .cfy-text-orange {
    color: #ffcc00 !important;
}

.page-platform-doc-typology .cfy-text-gradient {
    background: linear-gradient(135deg, #ffcc00 0%, #e6b800 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.page-platform-doc-typology .text-muted {
    color: #8094ae !important;
}

/* Titres */
.page-platform-doc-typology h1,
.page-platform-doc-typology h2,
.page-platform-doc-typology h3,
.page-platform-doc-typology h4,
.page-platform-doc-typology h5,
.page-platform-doc-typology h6,
.page-platform-doc-typology .display-3,
.page-platform-doc-typology .display-4,
.page-platform-doc-typology .display-5,
.page-platform-doc-typology .fs-1,
.page-platform-doc-typology .fs-2 {
    color: #f8f9fa !important;
    text-shadow: none !important;
}

/* Liens */
.page-platform-doc-typology a {
    color: #ffcc00 !important;
}

.page-platform-doc-typology a:hover {
    color: #e6b800 !important;
}

/* Boutons */
.page-platform-doc-typology .cfy-btn-primary,
.page-platform-doc-typology .cfy-btn-light,
.page-platform-doc-typology .btn-primary {
    background: #ffcc00 !important;
    border-color: #ffcc00 !important;
    color: #000000 !important;
}

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

/* Alert / danger / warning (icônes) */
.page-platform-doc-typology .text-danger,
.page-platform-doc-typology .ni-ni-alert-fill.text-danger {
    color: #f87171 !important;
}

.page-platform-doc-typology .text-warning,
.page-platform-doc-typology .ni-ni-alert-circle.text-warning {
    color: #ffcc00 !important;
}

/* Bloc YouTube / gradient bleu → fond sombre cohérent */
.page-platform-doc-typology .cfy-glass-card[style*="linear-gradient"][style*="cfy-blue"] {
    background: #101924 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.page-platform-doc-typology .cfy-glass-card .text-white {
    color: #f8f9fa !important;
}

.page-platform-doc-typology .fab.fa-youtube.text-danger {
    color: #f87171 !important;
}

/* Listes */
.page-platform-doc-typology .list-unstyled li {
    color: #f8f9fa !important;
}

.page-platform-doc-typology .ni-ni-cross-circle {
    color: #f87171 !important;
}

/* ——— Sections badges (Ghost, Free, Pro, etc.) : list-group ——— */
.page-platform-doc-typology .list-group,
.page-platform-doc-typology .list-group.list-group-flush {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.page-platform-doc-typology .list-group-item {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #f8f9fa !important;
}

.page-platform-doc-typology .list-group-item strong {
    color: #f8f9fa !important;
}

/* Icônes succès / échec dans les listes badges */
.page-platform-doc-typology .list-group-item .ni-ni-check-circle-fill.text-success,
.page-platform-doc-typology .list-group-item .text-success {
    color: #4ade80 !important;
}

.page-platform-doc-typology .list-group-item .ni-ni-cross-circle-fill.text-danger,
.page-platform-doc-typology .list-group-item .text-danger {
    color: #f87171 !important;
}

.page-platform-doc-typology .list-group-item .ni-ni-arrow-right-c.text-warning {
    color: #ffcc00 !important;
}

/* cfy-text-blue dans les listes (rôles utilisateur) */
.page-platform-doc-typology .cfy-text-blue {
    color: #6ea8fe !important;
}