/* =============================================
   7.5KM DE CÔTE D'IVOIRE — Custom Theme CSS
   Couleur primaire: #FF6B00 (Orange)
   ============================================= */

/* Override couleur primaire partout */
:root {
    --primary: #FF6B00 !important;
    --accent: #FF6B00;
    --dark-navy: #0d1b2e;
    --navy: #1a2f4e;
}

/* Boutons principaux */
.flat-button,
.btn-contact {
    background-color: #FF6B00 !important;
    border-color: #FF6B00 !important;
    color: #fff !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    transition: background 0.2s, transform 0.2s !important;
}
.flat-button:hover,
.btn-contact:hover {
    background-color: #cc5200 !important;
    border-color: #cc5200 !important;
    transform: translateY(-2px);
}

/* Nav active & hover */
.mainnav ul.menu > li.current-menu-item > a,
.mainnav ul.menu > li > a:hover {
    color: #FF6B00 !important;
}

/* Preloader */
.swapping-squares-spinner .square {
    background-color: #FF6B00 !important;
}

/* Sub-title */
.flat-sub-slider {
    color: #FF6B00 !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 14px !important;
    letter-spacing: 3px !important;
    text-transform: uppercase;
}

/* Title slider */
.flat-title-slider {
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700 !important;
    font-size: 54px !important;
    line-height: 1.1 !important;
    color: #fff !important;
}

/* Section titles */
.title-section {
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700 !important;
    color: #121212;
}

/* Sub titles */
.sub-title {
    font-family: 'Oswald', sans-serif !important;
    color: #FF6B00 !important;
    font-size: 13px !important;
    letter-spacing: 3px !important;
    text-transform: uppercase;
}

/* Header top */
.header-top {
    background: #121212 !important;
}
.header-top .address a,
.header-top .address address,
.header-top .social-icon a {
    color: #aaa !important;
}
.header-top .social-icon a:hover {
    color: #FF6B00 !important;
}

/* Header main */
#header {
    background: #0d1b2e !important;
}

/* Nav links */
.mainnav ul.menu > li > a {
    color: #fff !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 15px !important;
    letter-spacing: 0.5px !important;
}

/* Submenu */
.mainnav .submenu {
    background: #0d1b2e !important;
    border-top: 2px solid #FF6B00 !important;
}
.mainnav .submenu li a {
    color: #ccc !important;
    font-family: 'Jost', sans-serif !important;
}
.mainnav .submenu li a:hover {
    color: #FF6B00 !important;
    padding-left: 8px !important;
}

/* Header right login */
.header-right .login a {
    color: #fff !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 14px !important;
    letter-spacing: 0.5px;
}
.header-right .login a:hover {
    color: #FF6B00 !important;
}

/* Event box slide */
.box-events-slide {
    border: 1px solid rgba(255,107,0,0.3) !important;
    background: rgba(13,27,46,0.95) !important;
}
.new-event {
    background: #FF6B00 !important;
    color: #fff !important;
    font-family: 'Oswald', sans-serif !important;
}
.title-event a {
    color: #fff !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 18px !important;
}
.title-event a:hover {
    color: #FF6B00 !important;
}
.content-event ul li a {
    color: #ccc !important;
    font-size: 13px !important;
}

/* Swiper buttons */
.swiper-button-next,
.swiper-button-prev {
    color: #FF6B00 !important;
}
.swiper-button-next::after,
.swiper-button-prev::after {
    color: #FF6B00 !important;
}

/* Go top button */
.go-top {
    background: #FF6B00 !important;
    color: #fff !important;
}
.go-top:hover {
    background: #cc5200 !important;
}

/* Body font */
body {
    font-family: 'Jost', sans-serif !important;
}

/* Slider overlay */
.tf-banner .image-slider {
    min-height: 600px;
}

/* Mobile menu */
@media (max-width: 1199px) {
    .flat-title-slider { font-size: 36px !important; }
    .tf-banner .image-slider { min-height: 450px; }
}
@media (max-width: 767px) {
    .flat-title-slider { font-size: 28px !important; }
    .tf-banner .image-slider { min-height: 380px; }
}

/* Burger menu color */
.btn-menu span.icon-menu {
    color: #fff !important;
}

/* Liens footer hover */
footer a:hover {
    color: #FF6B00 !important;
}

/* === PRELOADER FIX === */
.preload-container {
    position: fixed !important;
    top: 0; left: 0; right: 0; bottom: 0;
    background: #121212;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.4s ease;
}
/* Fallback : si JS ne se déclenche pas, cacher après 2s via animation CSS */
@keyframes hidePreloader {
    0%   { opacity: 1; visibility: visible; }
    95%  { opacity: 1; visibility: visible; }
    100% { opacity: 0; visibility: hidden;  pointer-events: none; }
}
.preload-container {
    animation: hidePreloader 2.5s forwards;
}