/**
 * Kokoricoo — thème unifié bleu moderne (site public + espaces connectés)
 * Charge en dernier pour harmoniser les anciennes couleurs vert/or/violet.
 */
:root {
    --brand-start: #0a2540;
    --brand-mid: #0d3a5c;
    --brand-end: #0f766e;
    --gradient-brand: linear-gradient(135deg, #0a2540 0%, #0d3a5c 45%, #0f766e 100%);
    --gradient-brand-h: linear-gradient(90deg, #0a2540, #0f766e);
    --primary: #0a2540;
    --primary-light: #0f766e;
    --primary-dark: #071a2e;
    --accent: #0f766e;
    --accent-light: #14b8a6;
    --accent-soft: #ccfbf1;
    --success: #0f766e;
    --success-soft: #ccfbf1;
    --highlight: #c9a227;
    --highlight-soft: #fef3c7;
    --gold: #c9a227;
    --gold-light: #e8c547;
    --gold-pale: #f7e08a;
    --gradient-gold: linear-gradient(135deg, #c9a227 0%, #e8c547 55%, #f7e08a 100%);
}

/* Bouton inscription / créer un compte — or clair (style Premium) */
.btn-gold,
.btn-gold-light,
.expert-show__cta--signup,
.mob-unified-hero__cta,
.mob-expert-profile__cta-btn--gold {
    background: var(--gradient-gold) !important;
    border: 1px solid rgba(180, 140, 20, .38) !important;
    color: #0a2540 !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 14px rgba(201, 162, 39, .32) !important;
}
.btn-gold:hover,
.btn-gold-light:hover,
.expert-show__cta--signup:hover,
.mob-unified-hero__cta:hover,
.mob-expert-profile__cta-btn--gold:hover {
    filter: brightness(1.04);
    color: #071a2e !important;
    box-shadow: 0 6px 18px rgba(201, 162, 39, .42) !important;
}
.expert-show__cta.btn-primary {
    background: linear-gradient(135deg, #0b3a6e 0%, #2563eb 100%) !important;
    color: #fff !important;
    border-color: #0b3a6e !important;
    box-shadow: 0 4px 14px rgba(37, 99, 235, .25) !important;
}

/* Boutons & liens d’action */
.btn-primary,
.mkt-btn-light,
.cl-btn--green,
.demande-cloture .cl-btn--green,
#ev-resend-btn,
#push-enable-btn {
    background: linear-gradient(135deg, #0b3a6e 0%, #2563eb 100%) !important;
    border-color: #0b3a6e !important;
    color: #fff !important;
}
.btn-primary:hover,
.mkt-btn-light:hover,
.cl-btn--green:hover {
    background: linear-gradient(135deg, #082a52 0%, #1d5bb8 100%) !important;
    filter: brightness(1.03);
}
.mkt-btn-light {
    box-shadow: 0 4px 14px rgba(37, 99, 235, .25);
}

/* Marché / acteurs / entreprises */
.mkt-kicker,
.mkt-aside a,
.pro-more:hover {
    color: #93c5fd !important;
}
.mkt-hero {
    background:
        radial-gradient(ellipse 70% 80% at 100% 0%, rgba(147, 197, 253, .22), transparent 55%),
        linear-gradient(145deg, #082a52 0%, #0b3a6e 48%, #2563eb 100%) !important;
}
.mkt-cta-band {
    background:
        radial-gradient(ellipse 80% 100% at 0% 50%, rgba(147, 197, 253, .2), transparent 55%),
        linear-gradient(135deg, #082a52 0%, #0b3a6e 55%, #2563eb 100%) !important;
}
.pro-card::before,
.esp-facteur-bar span {
    background: linear-gradient(90deg, #0b3a6e, #60a5fa) !important;
}
.pro-kicker {
    background: rgba(37, 99, 235, .12) !important;
    color: #0b3a6e !important;
}
.ent-card__secteur {
    background: rgba(37, 99, 235, .12) !important;
    color: #1d4ed8 !important;
}

/* Top nav — Premium reste jaune-orange (g-topnav.css) */
.g-topnav__avatar,
.g-topnav__logo-fb {
    background: #2563eb !important;
}
.g-topnav__search.globalo-search-pill:focus-within {
    box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.2), 0 4px 14px rgba(37, 99, 235, 0.12) !important;
}

/* Experts & professeurs (listings publics) */
.expert-listing-card:hover {
    border-color: #93c5fd !important;
    box-shadow: 0 8px 24px rgba(37, 99, 235, .14) !important;
}
.expert-listing-card__btn {
    background: #2563eb !important;
    color: #fff !important;
}
.expert-listing-card__btn:hover {
    background: #1d4ed8 !important;
}
.expert-listing-card__tarif-val {
    color: #2563eb !important;
}
.expert-listing-card__verified,
.professeur-listing-card__verified {
    display: none !important;
}
.expert-listing-card__verified--legacy {
    background: #dbeafe !important;
    color: #1d4ed8 !important;
    border-color: #93c5fd !important;
}
.professeur-listing-card:hover {
    border-color: #93c5fd !important;
    box-shadow: 0 8px 24px rgba(37, 99, 235, .14) !important;
}
.professeur-listing-card__btn {
    background: #2563eb !important;
    color: #fff !important;
}
.professeur-listing-card__btn:hover {
    background: #1d4ed8 !important;
}
.professeur-listing-card__tarif-val {
    color: #1d4ed8 !important;
}
.professeur-listing-card__tarif {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
}
.professeur-listing-card__mat-tag {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    color: #1d4ed8 !important;
}
.professeur-listing-card__verified {
    background: #dbeafe !important;
    color: #1d4ed8 !important;
    border-color: #93c5fd !important;
}

/* Badges navigation (layout_desktop inline compat) */
.nav-badge-exo,
.nav-badge-pub {
    background: #2563eb !important;
}

/* Dashboard — une seule famille bleue */
.layout-dashboard,
.layout-dashboard--client,
.layout-dashboard--expert,
.layout-dashboard--etudiant,
.layout-dashboard--professeur,
.layout-dashboard--entreprise {
    --dashboard-sidebar-bg: #0b3a6e;
    --dashboard-accent: #2563eb;
    --dashboard-accent-green: #1d5bb8;
    --dashboard-accent-soft: #e8f0fc;
    --dashboard-accent-soft-green: #eff6ff;
}
.layout-dashboard .dashboard-sidebar,
.layout-dashboard--client .dashboard-sidebar,
.layout-dashboard--expert .dashboard-sidebar {
    background: linear-gradient(180deg, #082a52 0%, #0b3a6e 55%, #2563eb 140%) !important;
}
.cl-badge--green,
.cl-badge--amber,
.prop-card__badge--acceptee {
    background: #dbeafe !important;
    color: #1d4ed8 !important;
}
.cl-badge--purple {
    background: #e0e7ff !important;
    color: #3730a3 !important;
}
.cl-stat-card__icon--green,
.cl-stat-card__icon--amber {
    background: #dbeafe !important;
    color: #2563eb !important;
}
.cl-btn--amber,
.cl-btn-sm--amber {
    background: linear-gradient(135deg, #0b3a6e, #2563eb) !important;
    color: #fff !important;
}
.cl-btn--purple {
    background: linear-gradient(135deg, #1d4ed8, #2563eb) !important;
}
.layout-dashboard .btn-primary {
    background: linear-gradient(135deg, #0b3a6e 0%, #2563eb 100%) !important;
    border-color: #0b3a6e !important;
}

/* Badge VIP vérifié */
.gv-badge svg circle {
    fill: #3b82f6 !important;
}

/* Accueil & sections vertes historiques */
.hero-desktop,
.page-home .hero-section {
    --hero-accent: #2563eb;
}
.section-badge,
.about-section--paytech .about-paytech__badge {
    background: rgba(37, 99, 235, .12) !important;
    color: #1d4ed8 !important;
}

/* Conserver rouge pour erreurs / alertes critiques uniquement */
.nav-badge-demandes {
    background: #dc2626 !important;
}
.g-topnav__badge,
.g-topnav__dot {
    background: #dc2626 !important;
}