/* ===== CORRECTION D'URGENCE FOND BLEU MOBILE ===== */
@media (max-width: 991px) {
    /* FORCER LA TRANSPARENCE SUR TOUTES LES SECTIONS CONCERNÉES */
    .ts-intro,
    #ts-intro,
    .ts-intro .container,
    .ts-intro .row,
    .ts-intro .col-md-4,
    .ts-intro .col-md-8,
    .ts-intro .border-left,
    .ts-intro .intro-details,
    .ts-intro .column-title,
    .ts-intro .column-title span,
    .ts-intro .lead,
    .ts-intro p,
    .ts-intro .btn {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
    }
    
    /* FORCER LA TRANSPARENCE SUR LA SECTION STATISTIQUES */
    #ts-facts-area,
    .ts-facts-area-bg,
    .bg-overlay,
    #ts-facts-area .container,
    .ts-facts-area-bg .container,
    .facts-wrapper,
    .ts-facts-bg,
    .ts-facts-content,
    .facts-icon,
    .ts-facts-num,
    .facts-desc {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
    }
    
    /* AJOUTER UN FOND LÉGER POUR LA LISIBILITÉ DES STATISTIQUES */
    .ts-facts-bg {
        background: rgba(15, 70, 101, 0.1) !important;
        backdrop-filter: blur(5px);
        border-radius: 10px;
        margin: 5px;
        padding: 15px;
    }
    
    /* FORCER LA COULEUR DU TEXTE EN BLANC POUR LA SECTION STATISTIQUES */
    #ts-facts-area,
    .ts-facts-area-bg,
    .ts-facts-num,
    .facts-desc {
        color: #fff !important;
    }
}

/* CORRECTION SUPPLÉMENTAIRE POUR PETITS ÉCRANS */
@media (max-width: 768px) {
    body,
    .body-inner,
    .main-container,
    section {
        background: transparent !important;
    }
    
    /* S'assurer que le fond de la page reste blanc */
    body {
        background-color: #f9f9f9 !important;
    }
}


/* ===== CORRECTION LOGOS - AJOUTÉ LE 01/03/2026 22:07:48 ===== */
.logo img,
.footer-logo img,
.navbar-brand img,
.header img[src*="logo"],
.footer img[src*="logo"],
img.logo,
img.footer-logo,
img[alt*="Logo"],
img[alt*="logo"] {
    max-width: 100% !important;
    height: auto !important;
    max-height: 100px !important;
    width: auto !important;
}

.footer-logo img {
    max-height: 90px !important;
}

@media (max-width: 768px) {
    .logo img,
    .navbar-brand img {
        max-height: 100px !important;
    }
}