/*
 * UAO — Université Alassane Ouattara
 * Override couleurs thème Educeet (public) → palette logo UAO
 *
 * Primaire  : #1e3272 (bleu marine — globe & texte du logo)
 * Accent/Or : #c9a227 (or — couleur académique)
 * Hover     : #0d1f5c (bleu marine foncé)
 * Light     : #e8ecf6 (teinte marine très claire)
 *
 * Remplace :
 *   --it-theme-1 : #03594E (vert foncé)  → #1e3272 (bleu marine)
 *   --it-theme-2 : #F8C62F (jaune)       → #c9a227 (or académique)
 *   --it-theme-3 : #1AB69D (teal)        → #2a4599 (bleu marine clair)
 */

:root {
    --it-theme-1:          #1e3272;
    --it-theme-2:          #c9a227;
    --it-theme-3:          #2a4599;
    --it-theme-4:          #1e3272;
    --it-theme-5:          #c9a227;
    --it-theme-6:          #c9a227;
    --it-heading-primary:  #0c1a4a;
    --uao-primary:         #1e3272;
    --uao-primary-dark:    #0d1f5c;
    --uao-primary-light:   #e8ecf6;
    --uao-gold:            #c9a227;
    --uao-gold-dark:       #a8831c;
}

/* ─── Liens ─────────────────────────────────────────────────────────────── */
a { color: #1e3272; }
a:hover { color: #0d1f5c; }

/* ─── Boutons primaires ─────────────────────────────────────────────────── */
.it-btn-primary,
[class*="it-btn"] {
    background-color: #1e3272 !important;
    border-color:     #1e3272 !important;
    color: #fff !important;
}
.it-btn-primary:hover,
[class*="it-btn"]:hover {
    background-color: #0d1f5c !important;
    border-color:     #0d1f5c !important;
}

/* ─── Boutons Bootstrap ─────────────────────────────────────────────────── */
.btn-primary {
    background-color: #1e3272 !important;
    border-color:     #1e3272 !important;
    color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #0d1f5c !important;
    border-color:     #0d1f5c !important;
}
.btn-outline-primary {
    color:        #1e3272 !important;
    border-color: #1e3272 !important;
}
.btn-outline-primary:hover {
    background-color: #1e3272 !important;
    border-color:     #1e3272 !important;
    color: #fff !important;
}

/* Bouton secondaire / or */
.it-btn-secondary,
.it-btn-2 {
    background-color: #c9a227 !important;
    border-color:     #c9a227 !important;
    color: #fff !important;
}
.it-btn-secondary:hover,
.it-btn-2:hover {
    background-color: #a8831c !important;
    border-color:     #a8831c !important;
}

/* ─── Header / menu ─────────────────────────────────────────────────────── */
.it-header-area {
    background-color: #fff !important;
    border-bottom: 2px solid #1e3272 !important;
}
.it-menu-content ul li a,
.it-menu-content > ul > li > a {
    color: #0c1a4a !important;
}
.it-menu-content ul li a:hover,
.it-menu-content > ul > li:hover > a,
.it-menu-content > ul > li.active > a {
    color: #1e3272 !important;
}

/* ─── Mega menu / dropdown ──────────────────────────────────────────────── */
.it-header-dropdown .it-submenu,
.it-mega-menu {
    border-top: 3px solid #1e3272 !important;
}
.it-submenu li a:hover { color: #1e3272 !important; }

/* ─── Hero / bannière ───────────────────────────────────────────────────── */
.it-hero-area,
.it-hero-bg,
[class*="it-hero"] {
    /* conserve le fond d'image mais ajoute overlay marine */
}
.it-hero-shape span,
.it-hero-shape-color { background-color: #1e3272 !important; }

/* ─── Sections colorées ─────────────────────────────────────────────────── */
.it-brand-area,
.grey-bg { background-color: #f4f6fb !important; }

[style*="background: #03594E"],
[style*="background:#03594E"],
[style*="background-color: #03594E"],
[style*="background-color:#03594E"] {
    background-color: #1e3272 !important;
}

/* ─── Section CTA (Call to action) ─────────────────────────────────────── */
.it-cta-area { background-color: #1e3272 !important; }
.it-cta-area h2,
.it-cta-area p,
.it-cta-area .it-section-title { color: #fff !important; }

/* ─── Breadcrumb / page title ───────────────────────────────────────────── */
.it-breadcrumb-area { background-color: #1e3272 !important; }
.it-breadcrumb-title { color: #fff !important; }
.it-breadcrumb-list li a { color: rgba(255,255,255,0.8) !important; }
.it-breadcrumb-list li.active,
.it-breadcrumb-list li span { color: #c9a227 !important; }

/* ─── Catégories / badges ───────────────────────────────────────────────── */
.it-course-category a,
.it-categories-item-tag a { color: #1e3272 !important; }
.it-categories-item-tag a:hover { background-color: #1e3272 !important; color: #fff !important; }

/* ─── Cards / cours ─────────────────────────────────────────────────────── */
.it-course-item:hover .it-course-title a { color: #1e3272 !important; }
.it-course-meta span i { color: #1e3272 !important; }

/* ─── Prix ──────────────────────────────────────────────────────────────── */
.it-course-price,
.it-price-amount { color: #1e3272 !important; }
.it-price-sale { color: #c9a227 !important; }

/* ─── Tabs ──────────────────────────────────────────────────────────────── */
.nav-tabs .nav-link.active,
.it-tab-btn.active {
    color: #1e3272 !important;
    border-color: #1e3272 !important;
}
.it-tab-btn::after { background-color: #1e3272 !important; }

/* ─── Statistiques / funfact ────────────────────────────────────────────── */
.it-funfact-number { color: #1e3272 !important; }
.it-funfact-icon { color: #1e3272 !important; }

/* ─── Témoignages ───────────────────────────────────────────────────────── */
.it-testi-quote i { color: #c9a227 !important; }
.it-testi-rating i { color: #c9a227 !important; }

/* ─── Footer ────────────────────────────────────────────────────────────── */
.it-footer-area { background-color: #0c1a4a !important; }
.it-footer-widget-title { color: #fff !important; }
.it-footer-widget-title::after { background-color: #c9a227 !important; }
.it-footer-widget ul li a { color: rgba(255,255,255,0.7) !important; }
.it-footer-widget ul li a:hover { color: #c9a227 !important; }
.it-footer-copyright { background-color: #091540 !important; }
.it-footer-copyright p,
.it-footer-copyright a { color: rgba(255,255,255,0.7) !important; }
.it-footer-copyright a:hover { color: #c9a227 !important; }

/* ─── Offcanvas mobile ──────────────────────────────────────────────────── */
.itoffcanvas { border-left: 3px solid #1e3272 !important; }
.itoffcanvas__social ul li a:hover { background-color: #1e3272 !important; }

/* ─── Preloader ─────────────────────────────────────────────────────────── */
.it-loading-logo { filter: none; }

/* ─── Scroll top ────────────────────────────────────────────────────────── */
#scroll-top { background-color: #1e3272 !important; }
#scroll-top:hover { background-color: #c9a227 !important; }

/* ─── Couleur de sélection ──────────────────────────────────────────────── */
::selection {
    background-color: #1e3272;
    color: #fff;
}
