/* ==========================================================
   HEADER EB WEB PROD — version corrigée
   En haut de page : nav transparente, intégrée au slider (aucun bandeau)
   Après scroll    : nav fixée en haut, fond opaque, compacte
   ========================================================== */

/* --- Etat par defaut : exactement comme la version d'origine --- */
.ebwp-nav{
  position:absolute;          /* dans le slider, pas de bandeau */
  top:0;left:0;right:0;
  z-index:50;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:24px 48px;
  background:transparent;     /* aucun fond */
  box-shadow:none;
  transition:padding .3s ease, background .3s ease;
}

.ebwp-logo{display:block;}
.ebwp-logo img{height:100px;width:auto;display:block;transition:height .3s ease;}

.ebwp-menu{display:flex;gap:36px;list-style:none;margin:0;padding:0;}
.ebwp-menu li a{color:#fff;text-decoration:none;font-size:14px;letter-spacing:1px;text-transform:uppercase;font-weight:500;position:relative;padding-bottom:6px;}
.ebwp-menu li a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:#fff;transition:width .3s ease;}
.ebwp-menu li a:hover::after{width:100%;}

/* --- Burger --- */
.ebwp-burger{display:none;flex-direction:column;gap:7px;cursor:pointer;z-index:60;background:none;border:0;padding:0;}
.ebwp-burger span{width:32px;height:3px;background:#fff;display:block;border-radius:2px;transition:transform .3s ease, opacity .25s ease;}
.ebwp-burger.open span:nth-child(1){transform:translateY(10px) rotate(45deg);}
.ebwp-burger.open span:nth-child(2){opacity:0;}
.ebwp-burger.open span:nth-child(3){transform:translateY(-10px) rotate(-45deg);}

/* --- Etat apres scroll : la nav se detache et se fixe en haut --- */
.ebwp-nav.ebwp-nav-scrolled{
  position:fixed;
  padding:12px 48px;
  background:rgba(12,6,25,.88);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:0 8px 30px rgba(0,0,0,.35);
  animation:ebwp-nav-drop .35s ease;
}
.ebwp-nav.ebwp-nav-scrolled .ebwp-logo img{height:56px;}

@keyframes ebwp-nav-drop{
  from{transform:translateY(-100%);}
  to{transform:translateY(0);}
}

/* ==========================================================
   MOBILE / TABLETTE
   ========================================================== */
@media (max-width:900px){

  .ebwp-nav{
    justify-content:center;   /* logo centre */
    padding:20px 24px;
  }
  .ebwp-logo img{height:60px;}

  .ebwp-nav.ebwp-nav-scrolled{padding:12px 24px;}
  .ebwp-nav.ebwp-nav-scrolled .ebwp-logo img{height:50px;}

  .ebwp-burger{
    display:flex;
    position:absolute;
    right:24px;
    top:50%;
    transform:translateY(-50%);
  }

  /* Panneau du menu */
  .ebwp-menu{
    position:fixed;
    top:0;right:-100%;
    width:78%;max-width:320px;height:100vh;
    background:rgba(12,6,25,.97);
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    padding:40px;
    gap:30px;
    z-index:55;
    transition:right .35s ease;
  }
  .ebwp-menu.open{right:0;}
  .ebwp-menu li a{font-size:16px;}

  /* Le texte du slider remonte, sans passer sous le logo */
  .ebwp-content{
    justify-content:flex-start;
    padding-top:140px;
  }
}

@media (prefers-reduced-motion: reduce){
  .ebwp-nav.ebwp-nav-scrolled{animation:none;}
}