/* Styles de base */
body {
    font-family: 'Poppins', sans-serif;
    scroll-behavior: smooth;
}

header {
    position: relative;
    z-index: 1000 !important;
}
 #mobile-search-overlay.is-active {
        transform: translateY(0);
    }
/* Couleurs personnalisées */
.bg-investir-blue { background-color: #2A3B84; }
.bg-investir-orange { background-color: #F39C12; }
.bg-investir-green { background-color: #1E7E34; }
.bg-investir-teal { background-color: #00AAB2; }
.text-investir-orange { color: #F39C12; }
.border-investir-orange { border-color: #F39C12; }

/* Dégradés et arrière-plans */
.gradient-bg {
    background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
}

.hero-slide {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4)), url("../images/illustration investir 27.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.hero-section {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), url("../images/illustration investir 27.jpg");
    background-size: cover;
    background-position: center;
}
.hero-section.notre-chaine {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), url("../images/Djibouti-Telecom.webp");
}
.hero-section.investir {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), url("../images/illustration investyir 3.jpg");
    background-size: cover;
    background-position: top;
}
.hero-section.podcasts {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), url("../images/PHOTO-2025-08-01-12-37-38.jpg");
}
.hero-section.emissions {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), url("../images/illustration investir 20.jpg");
}
.hero-section.bourse {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), url("../images/illustration investir 16.webp");
}
.hero-section.investir-uemoa {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), url("../images/CARTE-DE-LUEMOA.jpg");
}
/* Animations */
@keyframes float {
    /* Définie ailleurs mais utilisée */
}

@keyframes scroll {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

.animate-scroll {
    animation: scroll 25s linear infinite;
}

@keyframes gradient {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

.animate-float {
    animation: float 6s ease-in-out infinite;
}

/* Effets de survol communs */
.card-hover, .team-card, .stat-card, .market-index-card, .currency-card {
    transition: all 0.3s ease;
}

.card-hover:hover, .stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.team-card:hover {
    transform: translateY(-10px);
}

.team-card:hover .team-img {
    transform: scale(1.05);
}

.team-img {
    transition: transform 0.5s ease;
}

.market-index-card:hover, .currency-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Menu mobile */
.menu-mobile {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Scrollbar cachée */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Bouton de lecture */
.play-btn-hover:hover .play-icon {
    transform: scale(1.1);
    opacity: 1;
}

.play-icon {
    transition: all 0.3s ease;
    opacity: 0;
}

/* Timeline */
.timeline-dot {
    position: relative;
}

.timeline-dot::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -30px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #f97316;
    transform: translateY(-50%);
}

.timeline-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -22px;
    width: 2px;
    background-color: #e5e7eb;
}

.timeline-item:first-child .timeline-line {
    top: 50%;
}

.timeline-item:last-child .timeline-line {
    bottom: 50%;
}

/* Styles boursiers */
.stock-up { color: #10b981; }
.stock-down { color: #ef4444; }
.stock-neutral { color: #6b7280; }

.tab-active {
    border-bottom: 3px solid #f97316;
    color: #f97316;
}

/* Éléments interactifs */
.news-item:hover, .schedule-item:hover, .guide-item:hover, .episode-item:hover, .video-item:hover {
    background-color: rgba(249, 115, 22, 0.05);
    border-left: 4px solid #f97316;
}

.news-item, .schedule-item, .guide-item, .episode-item, .video-item {
    transition: all 0.2s ease;
}

/* Filtres */
.filter-btn {
    transition: all 0.2s ease;
}

.filter-btn.active {
    background-color: #f97316;
    color: white;
}

/* Cartes avec superposition */
.emission-card, .opportunity-card, .podcast-card, .video-thumbnail {
    position: relative;
    overflow: hidden;
}

.emission-card::before, .podcast-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 1;
}

.opportunity-card::before, .video-thumbnail::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 1;
}

.emission-card-content, .opportunity-card-content, .podcast-card-content, .video-thumbnail-content {
    position: relative;
    z-index: 2;
}

/* Navigation sans scrollbar */
.day-tabs {
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.day-tabs::-webkit-scrollbar {
    display: none;
}

/* Pills et badges */
.sector-pill:hover, .category-pill:hover {
    transform: scale(1.05);
}

.sector-pill, .category-pill {
    transition: all 0.2s ease;
}

/* Cartes de témoignages */
.testimonial-card {
    transition: all 0.3s ease;
}

.testimonial-card:hover {
    transform: translateY(-10px);
}

/* Formulaire de contact */
.contact-form-input:focus {
    outline: none;
    border-color: #f97316;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.1);
}

/* Lecteur audio */
.audio-player {
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
}

.volume-slider {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: pointer;
}

.volume-slider::-webkit-slider-track {
    background: #e5e7eb;
    height: 4px;
    border-radius: 2px;
}

.volume-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #f97316;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    margin-top: -6px;
}

.volume-slider::-moz-range-track {
    background: #e5e7eb;
    height: 4px;
    border-radius: 2px;
}

.volume-slider::-moz-range-thumb {
    background: #f97316;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: none;
}

.progress-bar {
    transition: width 0.3s ease;
}

/* Boutons de lecture */
.play-btn {
    transition: all 0.3s ease;
}

.play-btn:hover {
    transform: scale(1.1);
    background-color: #ea580c;
}

/* Pagination */
.pagination-btn {
    transition: all 0.2s ease;
}

.pagination-btn:hover, .pagination-btn.active {
    background-color: #f97316;
    color: white;
}

/* Conteneurs */
.chart-container {
    position: relative;
    height: 300px;
}
@keyframes partner-marquee {
                0% { transform: translateX(0); }
                100% { transform: translateX(-50%); }
            }
            .animate-partner-marquee {
                animation: partner-marquee 20s linear infinite;
            }