/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* --- AVANT SCROLL : HEADER TRANSPARENT SUR LA HOME --- */

/* 1. On place le grand conteneur du header par-dessus le site */
body.home #site-header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    background-color: transparent !important;
    border: none !important;
}

/* 2. On force TOUS les éléments internes à être transparents */
body.home #site-header-inner,
body.home #site-header .wrap,
body.home #site-header:not(.header-scrolled) .elementor-section,
body.home #site-header:not(.header-scrolled) .elementor-container,
body.home #site-header:not(.header-scrolled) .e-con,
body.home #site-header:not(.header-scrolled) .elementor-widget-wrap {
    background-color: transparent !important;
}

/* 3. Texte du menu en BLANC avec une légère ombre (HOME uniquement) */
body.home #site-header:not(.header-scrolled) .elementor-nav-menu--main > ul > li > a {
    color: #ffffff !important;
    text-shadow: 0px 1px 3px rgba(0,0,0,0.4);
}


/* --- APRÈS SCROLL (HOME) ET SUR TOUTES LES AUTRES PAGES : HEADER FIXE BLANC --- */

/* 4. Le header devient fixe et blanc */
body.home #site-header.header-scrolled,
body:not(.home) #site-header {
    position: fixed !important;
    top: 0 !important; /* Force le header à se coller TOUT EN HAUT */
    left: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    background-color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
    transition: background-color 0.3s ease-in-out;
}

/* 5. Texte du menu redevient NOIR sur le fond blanc */
body.home #site-header.header-scrolled .elementor-nav-menu--main > ul > li > a,
body:not(.home) #site-header .elementor-nav-menu--main > ul > li > a {
    color: #000000 !important;
    text-shadow: none;
}


/* --- AJUSTEMENTS GLOBAUX --- */

/* 6. Masquer la Top Bar d'OceanWP qui crée l'espace blanc/gris tout en haut */
#top-bar-wrap {
    display: none !important; 
}

/* 7. Empêcher que le menu cache le haut du site sur les autres pages que l'accueil */
body:not(.home) #main {
    padding-top: 100px !important; /* Modifiez ce chiffre (ex: 80px ou 120px) selon la hauteur de votre menu */
}