/**
 * Fix minimal pour la visibilité de la bannière sur Chrome
 * Corrige UNIQUEMENT le problème de visibilité sans modifier la disposition
 * Utilise des classes neutres pour éviter les bloqueurs de publicité
 * Version: 1.0.2
 */

/* Chrome: Force la visibilité de la zone promotionnelle (desktop uniquement) */
@media (min-width: 1200px) {
    .header-promo-zone,
    .header-promo-zone * {
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* Masquer sur mobile/tablette comme l'original - Renforcé pour la production */
@media (max-width: 1199px) {
    .header-promo-zone,
    .header-promo-zone.header-promo-zone,
    div.header-promo-zone,
    .logo-ad-wrapper .header-promo-zone {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden !important;
    }
}

/* Chrome: S'assurer que les bannières et contenus sont visibles (desktop uniquement) */
@media (min-width: 1200px) {
    .header-promo-zone iframe,
    .header-promo-zone ins.adsbygoogle,
    .header-promo-zone .header-banner,
    .header-promo-zone .desktop-banner,
    .header-promo-zone .banner_shortcode {
        visibility: visible !important;
        opacity: 1 !important;
        display: block !important;
    }
}

/* Chrome: Empêcher Chrome de masquer les éléments (desktop uniquement) */
@media (min-width: 1200px) {
    .header-promo-zone[style*="display: none"],
    .header-promo-zone[style*="visibility: hidden"] {
        visibility: visible !important;
        opacity: 1 !important;
        display: table-cell !important;
    }
}

/* Chrome: Classes spécifiques pour les bannières générées (desktop uniquement) */
@media (min-width: 1200px) {
    .banner-inner-wrapper,
    .banner-inner-wrapper * {
        visibility: visible !important;
        opacity: 1 !important;
        display: block !important;
    }
}

/* Chrome: Correctif spécifique pour Chrome/WebKit (desktop uniquement) */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1200px) {
    .header-promo-zone {
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* Support rétrocompatibilité pour anciennes classes (desktop uniquement) */
@media (min-width: 1200px) {
    .header-ad-place {
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* Masquer les anciennes classes sur mobile/tablette comme l'original - Renforcé */
@media (max-width: 1199px) {
    .header-ad-place,
    .header-ad-place.header-ad-place,
    div.header-ad-place,
    .logo-ad-wrapper .header-ad-place {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden !important;
    }
}

/* Styles originaux pour les nouvelles classes neutres */
.header-promo-zone {
    display: table-cell;
    float: right;
    overflow: hidden;
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
}

.header-promo-zone .desktop-banner {
    margin: 0 auto;
    text-align: center;
}

/* Styles pour les différents types de headers */
.header-style-two .header-promo-zone {
    align-self: center;
    display: flex;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0 30px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.header-style-four .header-promo-zone {
    display: flex;
    float: none;
    overflow: hidden;
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    width: 100%;
}

.header-style-six .header-promo-zone {
    display: flex;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    padding: 0;
    vertical-align: middle;
    width: 100%;
}

/* Classes pour masquer selon les appareils */
@media (min-width:1025px) { .desktop-banner-hide {display: none !important;} }
@media (max-width: 1199px) { .tablet-banner-hide {display: none !important;} }
@media (max-width:767px) { .phone-banner-hide {display: none !important;} }