/* ============================================================
   Proxyma Santé — Thème Médical Burkina Faso
   Override des variables Fistudy par la palette médicale
   ============================================================ */
:root {
    --fistudy-base:         #00875A;
    --fistudy-base-rgb:     0, 135, 90;
    --fistudy-primary:      #F97316;
    --fistudy-primary-rgb:  249, 115, 22;
    --fistudy-black:        #1A3C6E;
    --fistudy-black-rgb:    26, 60, 110;

    --thm-base:         #00875A;
    --thm-base2:        #1A3C6E;
    --thm-black:        #0D1B2A;
    --thm-gray:         #F4F7F6;
    --thm-border-color: #E0EBE6;
    --thm-extra:        #F97316;
    --thm-extra2:       #00C87A;
    --thm-white:        #FFFFFF;
}

/* ==============================================================
   SECTION BANNER — hero médical
   ============================================================== */
.banner-one {
    background-color: #EFF9F5 !important; /* vert médical très clair */
}
/* Retire le fond violet hardcodé sur les sous-éléments */
.banner-one__clients-rating-box,
.banner-one__tag p {
    background: none;
}

/* ==============================================================
   SLIDING TEXT — bandeau bleu marine médical
   ============================================================== */
.sliding-text-one {
    background-color: #1A3C6E !important;
}
.sliding-text-one .sliding-text-one__title,
.sliding-text-one h2 {
    color: #ffffff !important;
}

/* Section sliding-text-three (Mobile Money) */
.sliding-text-three {
    background-color: #00875A !important;
}
.sliding-text-three .sliding-text-three__title,
.sliding-text-three h2 {
    color: #ffffff !important;
}

/* ==============================================================
   CATEGORY ONE — Spécialités : fond blanc
   ============================================================== */
.category-one {
    background: #ffffff !important;
    border-top: 1px solid #E0EBE6;
    border-bottom: 1px solid #E0EBE6;
}
.category-one .section-title__title,
.category-one .section-title__tagline {
    color: #1A3C6E !important;
}
/* Icône de spécialité */
.category-one__icon {
    background-color: #EFF9F5 !important;
    color: #00875A !important;
}
.category-one__single:hover .category-one__icon {
    background-color: #00875A !important;
    color: #fff !important;
}
.category-one__title a { color: #1A3C6E !important; }
.category-one__title a:hover { color: #00875A !important; }

/* ==============================================================
   COURSES ONE — Médecins vedettes : fond gris très clair
   ============================================================== */
.courses-one {
    background: linear-gradient(180deg, #F8FFFE 0%, #EFF9F5 100%) !important;
}
.courses-one__single:hover .courses-one__image::before {
    background-color: rgba(0, 135, 90, .75) !important;
}
.courses-one__meta a { color: #00875A !important; }
.courses-one__price { color: #00875A !important; }

/* ==============================================================
   WHY CHOOSE — fond blanc
   ============================================================== */
.why-choose-one {
    background: linear-gradient(180deg, #F8FFFE 0%, #ffffff 100%) !important;
}
/* Retire le fond violet sur les items */
.why-choose-one__progress-bar-inner,
.why-choose-one__progress-bar {
    background-color: #E0EBE6 !important;
}
.why-choose-one__progress-bar-inner span {
    background-color: #00875A !important;
}

/* ==============================================================
   COUNTER ONE — fond médical vert
   ============================================================== */
.counter-one {
    background: linear-gradient(135deg, #1A3C6E 0%, #00875A 100%) !important;
}
.counter-one__number { color: #ffffff !important; }
.counter-one__text   { color: rgba(255,255,255,0.85) !important; }
.counter-one__title  { color: #ffffff !important; }

/* ==============================================================
   NEWSLETTER — fond bleu marine
   ============================================================== */
.newsletter-one {
    background: linear-gradient(135deg, #1A3C6E 0%, #0d2347 100%) !important;
}
.newsletter-one .thm-btn {
    background-color: #F97316 !important;
    border-color: #F97316 !important;
}

/* ==============================================================
   TESTIMONIAL — fond blanc cassé
   ============================================================== */
.testimonial-one {
    background-color: #F4F7F6 !important;
}

/* ==============================================================
   LIVE CLASS — Téléconsultation : fond bleu marine
   ============================================================== */
.live-class-one {
    background: linear-gradient(135deg, #1A3C6E 0%, #0d2347 100%) !important;
}
.live-class-one .section-title__title,
.live-class-one .section-title__tagline,
.live-class-one p {
    color: #ffffff !important;
}

/* ==============================================================
   BLOG — fond blanc
   ============================================================== */
.blog-one {
    background-color: #ffffff !important;
}

/* ==============================================================
   HEADER — overrides
   ============================================================== */
.main-header { border-bottom: 2px solid #00875A; }
.main-menu .main-menu__list > li:hover > a,
.main-menu .main-menu__list > li.current > a {
    color: #00875A !important;
}

/* ==============================================================
   BOUTONS — vert médical
   ============================================================== */
.thm-btn, .thm-btn2 {
    background-color: #00875A !important;
    border-color: #00875A !important;
    color: #fff !important;
    transition: background-color .3s ease;
}
.thm-btn:hover, .thm-btn2:hover {
    background-color: #1A3C6E !important;
    border-color: #1A3C6E !important;
}

/* Liens */
a:hover { color: #00875A !important; }

/* Taglines */
.section-title__tagline,
.section-title__tagline-line {
    color: #00875A !important;
}

/* ==============================================================
   BADGES — statuts RDV (CSS pur, pas de Tailwind)
   ============================================================== */
.badge-statut-en_attente { background:#FEF3C7;color:#92400E;padding:2px 8px;border-radius:4px;font-size:12px; }
.badge-statut-confirme   { background:#DBEAFE;color:#1E40AF;padding:2px 8px;border-radius:4px;font-size:12px; }
.badge-statut-paye       { background:#D1FAE5;color:#065F46;padding:2px 8px;border-radius:4px;font-size:12px; }
.badge-statut-en_cours   { background:#EDE9FE;color:#5B21B6;padding:2px 8px;border-radius:4px;font-size:12px; }
.badge-statut-termine    { background:#F3F4F6;color:#374151;padding:2px 8px;border-radius:4px;font-size:12px; }
.badge-statut-annule     { background:#FEE2E2;color:#991B1B;padding:2px 8px;border-radius:4px;font-size:12px; }
.badge-statut-no_show    { background:#FFEDD5;color:#9A3412;padding:2px 8px;border-radius:4px;font-size:12px; }

/* ==============================================================
   BACK-OFFICE
   ============================================================== */
.sidebar-proxyma {
    background: linear-gradient(180deg, #1A3C6E 0%, #0d2347 100%);
}
.sidebar-proxyma .nav-link.active,
.sidebar-proxyma .nav-link:hover {
    background-color: #00875A !important;
    color: #fff !important;
}
.dashboard-card {
    background: #fff;
    border-left: 4px solid #00875A;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

/* Mobile Money */
.badge-orange-money { background:#FF6600;color:#fff; }
.badge-moov-money   { background:#0066CC;color:#fff; }
.badge-coris-money  { background:#FFCC00;color:#333; }

/* Toast */
.toast-proxyma {
    position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;
    animation:slideIn .3s ease;
}
@keyframes slideIn {
    from { transform:translateX(120%);opacity:0; }
    to   { transform:translateX(0);opacity:1; }
}