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

/* Variables typologie (scopées au wrapper) */
.page-platform-plans-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-gradient-primary: linear-gradient(135deg, #ffcc00 0%, #e6b800 100%) !important;
    --cfy-gradient-warning: 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-card-bg: #141c26 !important;
    --cfy-card-border: rgba(255, 255, 255, 0.1) !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;
    background: #0a0a0a !important;
    color: #f8f9fa !important;
}

/* Bordures (comme about) */
.page-platform-plans-typology .cfy-hero,
.page-platform-plans-typology .cfy-section,
.page-platform-plans-typology .cfy-card,
.page-platform-plans-typology .cfy-container,
.page-platform-plans-typology .cfy-badge,
.page-platform-plans-typology .cfy-hashtag,
.page-platform-plans-typology .cfy-nav,
.page-platform-plans-typology .cfy-feature,
.page-platform-plans-typology [class*="border"] {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Hero */
.page-platform-plans-typology .cfy-hero {
    background: #0a0a0a !important;
    color: #f8f9fa !important;
}

.page-platform-plans-typology .cfy-hero-title,
.page-platform-plans-typology .cfy-hero-subtitle {
    color: #f8f9fa !important;
}

.page-platform-plans-typology .cfy-hero-subtitle {
    color: #8094ae !important;
}

/* Sections */
.page-platform-plans-typology .cfy-section {
    background: #141c26 !important;
}

.page-platform-plans-typology .cfy-section[style*="border-top"] {
    border-top-color: #ffcc00 !important;
}

.page-platform-plans-typology .cfy-section-title,
.page-platform-plans-typology .cfy-section-subtitle {
    color: #f8f9fa !important;
}

.page-platform-plans-typology .cfy-section-subtitle {
    color: #8094ae !important;
}

/* Badge / Hashtags */
.page-platform-plans-typology .cfy-badge,
.page-platform-plans-typology .cfy-badge-primary {
    background: rgba(255, 204, 0, 0.2) !important;
    color: #ffcc00 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.page-platform-plans-typology .cfy-hashtag {
    background: rgba(255, 204, 0, 0.12) !important;
    color: #ffcc00 !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.page-platform-plans-typology .cfy-hashtag:hover {
    background: rgba(255, 204, 0, 0.25) !important;
    color: #ffcc00 !important;
    box-shadow: 0 2px 8px rgba(255, 204, 0, 0.2) !important;
}

/* Cartes */
.page-platform-plans-typology .cfy-card {
    background: #141c26 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #f8f9fa !important;
}

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

.page-platform-plans-typology .cfy-card-body {
    color: #f8f9fa !important;
}

.page-platform-plans-typology .cfy-card-body p,
.page-platform-plans-typology .cfy-feature-text {
    color: #8094ae !important;
}

.page-platform-plans-typology .cfy-card-body h2,
.page-platform-plans-typology .cfy-card-body h3,
.page-platform-plans-typology .cfy-card-body h4,
.page-platform-plans-typology .cfy-feature-title,
.page-platform-plans-typology .cfy-mb-4[style*="color"] {
    color: #ffcc00 !important;
}

.page-platform-plans-typology .cfy-card[style*="gradient"] {
    background: #101924 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #f8f9fa !important;
}

.page-platform-plans-typology .cfy-card[style*="gradient"] .cfy-feature-icon,
.page-platform-plans-typology .cfy-card[style*="gradient"] h2,
.page-platform-plans-typology .cfy-card[style*="gradient"] p {
    color: #f8f9fa !important;
}

/* Feature */
.page-platform-plans-typology .cfy-feature {
    background: #141c26 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #f8f9fa !important;
}

.page-platform-plans-typology .cfy-feature-icon {
    color: #ffcc00 !important;
}

/* Nav tabs (si utilisés) */
.page-platform-plans-typology .cfy-nav {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.page-platform-plans-typology .cfy-nav-link {
    color: #8094ae !important;
}

.page-platform-plans-typology .cfy-nav-link:hover {
    color: #ffcc00 !important;
    background: rgba(255, 204, 0, 0.08) !important;
}

.page-platform-plans-typology .cfy-nav-link.active {
    color: #ffcc00 !important;
    background: #101924 !important;
    border-bottom-color: #ffcc00 !important;
}

/* Boutons */
.page-platform-plans-typology .cfy-btn,
.page-platform-plans-typology .cfy-btn-primary,
.page-platform-plans-typology .cfy-btn-black-glossy,
.page-platform-plans-typology .btn-primary,
.page-platform-plans-typology .btn[style*="--cfy-gradient"] {
    background: #ffcc00 !important;
    border-color: #ffcc00 !important;
    color: #000000 !important;
}

.page-platform-plans-typology .cfy-btn:hover,
.page-platform-plans-typology .cfy-btn-primary:hover,
.page-platform-plans-typology .cfy-btn-black-glossy:hover,
.page-platform-plans-typology .btn-primary:hover,
.page-platform-plans-typology .btn[style*="--cfy-gradient"]:hover {
    background: #e6b800 !important;
    border-color: #e6b800 !important;
    color: #000000 !important;
}

.page-platform-plans-typology .cfy-btn:focus {
    box-shadow: 0 0 0 2px rgba(255, 204, 0, 0.25) !important;
}

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

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

/* Texte général */
.page-platform-plans-typology .cfy-text-center,
.page-platform-plans-typology .row,
.page-platform-plans-typology .container-fluid {
    color: inherit !important;
}

.page-platform-plans-typology h1,
.page-platform-plans-typology h2,
.page-platform-plans-typology h3,
.page-platform-plans-typology h4,
.page-platform-plans-typology h5,
.page-platform-plans-typology .display-6,
.page-platform-plans-typology .cfy-text-primary {
    color: #f8f9fa !important;
}

.page-platform-plans-typology p {
    color: #8094ae !important;
}

/* Formulaire (spécifique plans) */
.page-platform-plans-typology .form-control,
.page-platform-plans-typology .form-select,
.page-platform-plans-typology input.form-control,
.page-platform-plans-typology textarea.form-control {
    background: #141c26 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #f8f9fa !important;
}

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

.page-platform-plans-typology .form-label,
.page-platform-plans-typology .form-check-label {
    color: #f8f9fa !important;
}

.page-platform-plans-typology .form-check-input {
    background: #141c26 !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

.page-platform-plans-typology .form-check-input:checked {
    background-color: #ffcc00 !important;
    border-color: #ffcc00 !important;
}

/* Blocs inline var(--cfy-bg-tertiary) / rgba */
.page-platform-plans-typology [style*="var(--cfy-bg-tertiary)"],
.page-platform-plans-typology [style*="var(--cfy-card-bg)"],
.page-platform-plans-typology [style*="rgba(6, 182, 212"] {
    background: #141c26 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #f8f9fa !important;
}

.page-platform-plans-typology [style*="rgba(6, 182, 212"] {
    background: #0f2027 !important;
}

/* Section badges (cfy-badges-section) */
.page-platform-plans-typology .cfy-badges-section,
.page-platform-plans-typology .cfy-badges-section .card {
    background: #141c26 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #f8f9fa !important;
}

.page-platform-plans-typology .cfy-badges-section h2,
.page-platform-plans-typology .cfy-badges-section .card-body h5 {
    color: #ffcc00 !important;
}

.page-platform-plans-typology .cfy-badges-section ul,
.page-platform-plans-typology .cfy-badges-section .text-auto-contrast {
    color: #f8f9fa !important;
}
