/**
 * FIXES POUR LE MEGA HEADER CYBERPUNK
 * Corrections de positionnement pour éviter que le contenu soit caché
 */

/* Fix principal - Le header doit pousser le contenu vers le bas sur TOUTES les pages */
/* AJUSTÉ car le niveau 4 est maintenant en bas */
body {
    padding-top: 220px !important; /* Réduit de 280px à 220px */
}

/* Ajustements pour différentes tailles d'écran */
@media (max-width: 1200px) {
    body {
        padding-top: 200px !important; /* Réduit de 260px */
    }
}

@media (max-width: 768px) {
    body {
        padding-top: 160px !important; /* Réduit de 200px */
    }
}

@media (max-width: 480px) {
    body {
        padding-top: 130px !important; /* Réduit de 150px */
    }
}

/* Fix spécifiques pour certaines pages */
body.category {
    padding-top: 240px !important; /* Ajusté */
}

body.product {
    padding-top: 240px !important; /* Ajusté */
}

/* Fix spécifique pour la homepage */
body#index {
    padding-top: 220px !important; /* Ajusté */
}

/* Fix pour les éléments qui pourraient avoir une position absolue */
body:not(#index) .breadcrumb-wrapper,
body:not(#index) #wrapper > .container:first-child {
    position: relative !important;
    margin-top: 20px !important;
}

/* S'assurer que le header reste bien fixé en haut */
.mega-header-cyberpunk {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
}

/* Animation smooth pour le scroll */
html {
    scroll-behavior: smooth;
}

/* Fix pour les notifications PrestaShop */
body #notifications {
    margin-top: unset!important;
}
body .breadcrumb {
    margin-top: unset!important;
}
/* Fix pour éviter que le contenu passe au-dessus du header */
#wrapper,
.container,
.row {
    position: relative;
    z-index: 1;
}

/* Ajustement pour le compact header */
.compact-header-cyberpunk {
    display: none; /* On le cache par défaut */
}

.compact-header-cyberpunk.active {
    display: block;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10000 !important;
}

/* Transition smooth quand on switch entre les headers */
body {
    transition: padding-top 0.3s ease;
}

/* Fix pour les modals et popups */
.modal,
.mfp-wrap {
    z-index: 10001 !important;
}

/* Debug - Bordure pour voir où est le contenu */
body.debug #wrapper {
    border: 2px solid red !important;
}

body.debug .container {
    border: 2px solid yellow !important;
}

/* Option alternative : Header non-fixe qui pousse le contenu */
body.header-static .mega-header-cyberpunk {
    position: relative !important;
}

body.header-static {
    padding-top: 0 !important;
}

/* Fix pour la page d'accueil custom */
body#index .custom-homepage {
    margin-top: 20px !important;
}