/* ==========================================================================
   ELIF INNOV — Charte graphique officielle
   Primary  : #f05b07 (Orange dynamique) -> CTAs, hover, icônes, titres
   Secondary: #000000 (Noir rigoureux)   -> header, footer, titres principaux
   Typographie: Caviar Dreams (Regular / Bold / Bold Italic), fallback Arial
   ========================================================================== */

/* ------------------------- POLICES : Caviar Dreams -------------------------
   Pour activer réellement la police, déposez les fichiers dans
   /assets/fonts/ (CaviarDreams.woff2/.woff/.ttf, CaviarDreams-Bold.*,
   CaviarDreams-BoldItalic.*). À défaut, la pile de secours
   'Caviar Dreams', 'Arial', sans-serif est utilisée automatiquement.        */
@font-face {
    font-family: 'Caviar Dreams';
    src: url('../fonts/CaviarDreams.woff2') format('woff2'),
         url('../fonts/CaviarDreams.woff') format('woff'),
         url('../fonts/CaviarDreams.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Caviar Dreams';
    src: url('../fonts/CaviarDreams-Bold.woff2') format('woff2'),
         url('../fonts/CaviarDreams-Bold.woff') format('woff'),
         url('../fonts/CaviarDreams-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Caviar Dreams';
    src: url('../fonts/CaviarDreams-BoldItalic.woff2') format('woff2'),
         url('../fonts/CaviarDreams-BoldItalic.woff') format('woff'),
         url('../fonts/CaviarDreams-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* ------------------------- TYPOGRAPHIE GLOBALE ----------------------------- */
body {
    font-family: 'Caviar Dreams', 'Arial', sans-serif;
    color: #333333;
}
h1, h2, h3, h4, h5, h6,
.rr-btn, .sub-title, .subtitle, .breadcrumb__title {
    font-family: 'Caviar Dreams', 'Arial', sans-serif;
}
h1, h2, h3 { font-weight: 700; letter-spacing: .2px; }
.sub-title, .subtitle { font-weight: 400; }

/* ------------------------- COULEURS PRINCIPALES ---------------------------- */
:root {
    --rr-theme-primary: #f05b07;
    --rr-heading-primary: #000000;
    --rr-text-body: #333333;
}

/* ------------------------- EN-TÊTE (header) : Blanc ----------------------------------- */
.header__area,
.header__area.header-inner,
.header__area.white-bg {
    background-color: #ffffff !important;
    background-image: none !important;
}
.header__area .main-menu ul li > a,
.header__area .header-top-socail-menu span a,
.header__area .header-top-social a,
.header__area .header__login-link {
    color: #000000 !important;
}
.header__area .main-menu ul li > a:hover,
.header__area .main-menu ul li.active > a,
.header__area .main-menu ul li.active > a::before {
    color: var(--rr-theme-primary) !important;
}
.header__area .main-menu ul li .submenu {
    background-color: #ffffff !important;
}
.header__area .main-menu ul li .submenu li a {
    color: #000000 !important;
}
.header__area .main-menu ul li .submenu li a:hover {
    color: var(--rr-theme-primary) !important;
}
.header__area .header__login-link {
    background: var(--rr-theme-primary) !important;
    color: #ffffff !important;
}

/* ------------------------- PIED DE PAGE (footer) : Noir rigoureux --------- */
.footer__area-common.background,
.footer__bottom-wrapper,
.footer__bottom-wrapper.footer__bottom-home-1-bg {
    background-color: #000000 !important;
    background-image: none !important;
}
.footer__area-common,
.footer__area-common p,
.footer__widget-title h4,
.footer__link a,
.footer__subscribe li,
.footer__subscribe a,
.footer__copyright p,
.footer__copyright-menu a {
    color: #ffffff !important;
}
.footer__link a:hover,
.footer__copyright-menu a:hover,
.footer__content a:hover {
    color: var(--rr-theme-primary) !important;
}
.footer__widget-title h4 {
    border-color: var(--rr-theme-primary) !important;
}
.footer__social a {
    color: #ffffff !important;
}
.footer__social a:hover {
    color: var(--rr-theme-primary) !important;
}