/*
 Theme Name:   Divi Child - Acrotec
 Theme URI:    https://acrotech-etancheite.local
 Description:  Child theme pour Divi - Acrotec Étanchéité
 Author:       Joe
 Author URI:   https://acrotech-etancheite.local
 Template:     Divi
 Version:      1.0.0
*/

/* Hero / Fullwidth Header - Min height 800px */
.et_pb_fullwidth_header {
    min-height: 800px !important;
}

.et_pb_fullwidth_header_0 {
    min-height: 800px !important;
}

/* Background centré cover */
.et_pb_fullwidth_header,
.et_pb_section[style*="background-image"] {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* ========================================
   TRANSPARENT HEADER - OVERLAP STYLE
   ======================================== */

/* Supprimer le padding-top du page-container */
.et_fixed_nav.et_show_nav #page-container,
.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container {
    padding-top: 0 !important;
}

/* Top header (barre contact) - transparent et absolute */
#top-header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 100001 !important;
    background-color: transparent !important;
}

/* Main header - transparent et absolute */
#main-header {
    position: absolute !important;
    top: 30px !important; /* sous le top-header */
    left: 0 !important;
    right: 0 !important;
    z-index: 99999 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Logo original (pas d'inversion) */
#logo {
    /* Garder le logo original */
}

/* Liens du menu en blanc */
#top-menu a,
#top-menu > li > a,
.et_header_style_left #et-top-navigation nav > ul > li > a {
    color: #ffffff !important;
}

/* Hover sur les liens */
#top-menu a:hover,
#top-menu > li > a:hover {
    color: #c8102e !important;
    opacity: 1 !important;
}

/* Lien actif */
#top-menu li.current-menu-item > a,
#top-menu li.current-menu-ancestor > a {
    color: #CB1E24 !important;
}

/* Top header texte en blanc */
#top-header,
#top-header a,
#et-info,
#et-info-phone,
#et-info-email {
    color: #ffffff !important;
}

/* Sous-menus avec fond pour lisibilité */
#top-menu li ul,
.nav li ul {
    background-color: rgba(255, 255, 255, 0.98) !important;
    border-top-color: #c8102e !important;
}

#top-menu li li a,
.nav li li a {
    color: #333333 !important;
}

#top-menu li li a:hover {
    color: #c8102e !important;
    background-color: rgba(0, 0, 0, 0.03) !important;
}

/* ========================================
   HEADER FIXE AU SCROLL (sticky)
   ======================================== */

#main-header.et-fixed-header {
    position: fixed !important;
    top: 0 !important;
    background-color: rgba(0, 0, 0, 0.95) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

/* Logo quand sticky */
#main-header.et-fixed-header #logo {
    /* Garder le logo original */
}

/* Cache top-header quand sticky */
.et-fixed-header ~ #top-header,
body.et-fixed-header #top-header {
    display: none !important;
}