/* Mobile Banner Hide - CSS pour masquer strictement toutes les bannières sur mobile/tablette */

/* Masquage par défaut sur mobile et tablette */
@media screen and (max-width: 1199px) {
    /* Bannières principales */
    .header-ad-place,
    .header-promo-zone,
    .desktop-banner,
    .header-banner,
    .promo-banner,
    .ad-banner {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
        left: -9999px !important;
        top: -9999px !important;
    }
    
    /* Conteneurs de bannières */
    .banner-container,
    .promo-container,
    .ad-container {
        display: none !important;
        visibility: hidden !important;
    }
    
    /* Bannières spécifiques par ID */
    #header-banner,
    #promo-banner,
    #desktop-banner {
        display: none !important;
        visibility: hidden !important;
    }
}

/* Affichage uniquement sur desktop (1200px et plus) */
@media screen and (min-width: 1200px) {
    .header-promo-zone {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        width: auto !important;
        overflow: visible !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
    }
}

/* Masquage forcé pour certains écrans intermédiaires */
@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .header-ad-place,
    .header-promo-zone,
    .desktop-banner {
        display: none !important;
        visibility: hidden !important;
    }
}

/* Masquage spécifique pour tablettes en mode paysage */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .header-ad-place,
    .header-promo-zone,
    .desktop-banner {
        display: none !important;
        visibility: hidden !important;
    }
}

/* Masquage spécifique pour tablettes en mode portrait */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .header-ad-place,
    .header-promo-zone,
    .desktop-banner {
        display: none !important;
        visibility: hidden !important;
    }
}