/* Logo transparent integre au bandeau */
.site-header .brand{display:flex;align-items:center;min-width:124px;}
.site-header .brand img{
  display:block!important;width:138px!important;height:auto!important;max-height:48px!important;
  object-fit:contain!important;filter:brightness(0) invert(1)!important;opacity:.96;
}
.site-header{
  background:linear-gradient(180deg,rgba(5,13,18,.91),rgba(5,13,18,.8))!important;
  border-bottom:1px solid rgba(255,255,255,.11)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(16px) saturate(.82)!important;
  -webkit-backdrop-filter:blur(16px) saturate(.82)!important;
}

/* Pages Ads : defilement des communes integre au verre fume */
.hero-content .ville-scroll-wrap.samz{
  position:relative!important;inset:auto!important;z-index:auto!important;
  width:calc(100% + 20px)!important;margin:-8px -10px 20px!important;padding:9px 0 11px!important;
  overflow:hidden!important;border-bottom:1px solid rgba(251,146,60,.2)!important;
  pointer-events:none!important;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)!important;
  mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)!important;
}
.hero-content .ville-scroll-wrap.samz .ville-item{
  color:#fb923c!important;font-size:.75rem!important;font-weight:700!important;
  letter-spacing:.045em!important;text-shadow:0 1px 8px rgba(0,0,0,.32)!important;
}
.hero-content .ville-scroll-wrap.samz .ville-sep::before{background:#fb923c!important;opacity:.72!important;}

.hero-tag .live-dot{background:#22c55e!important;box-shadow:0 0 0 3px rgba(34,197,94,.2)!important;animation:blink 1.6s infinite!important;}

/* Ordinateur : panneau de verre plus leger pour conserver la photo */
@media(min-width:769px){
  .hero-content{
    max-width:650px!important;margin:54px 0!important;padding:40px 42px 42px!important;
    background:linear-gradient(145deg,rgba(15,28,29,.60),rgba(8,16,18,.46))!important;
    border:1px solid rgba(255,255,255,.15)!important;border-radius:17px!important;
    box-shadow:0 24px 68px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.08)!important;
    backdrop-filter:blur(17px) saturate(.84)!important;
    -webkit-backdrop-filter:blur(17px) saturate(.84)!important;
  }
  .hero-content>div:first-child a{
    padding:8px 11px!important;background:rgba(255,255,255,.065)!important;
    border:1px solid rgba(255,255,255,.12)!important;border-radius:9px!important;
  }
  .hero-content>div[style*="border-radius:12px"]{background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.11)!important;border-left-color:#d5b66f!important;}
  .hero h1{color:#fff!important;text-shadow:0 2px 20px rgba(0,0,0,.28)!important;}
  .hero h1 em{color:#e2c58f!important;}
  .hero-sub,.hero-check,.hero-stat,.hero-tag{color:rgba(255,255,255,.74)!important;}
  .hero-sub strong,.hero-stat strong{color:#fff!important;}
  .check-mark{color:#ead5ad!important;border-color:rgba(226,197,143,.43)!important;background:rgba(255,255,255,.06)!important;}
  .hero-foot{border-top-color:rgba(255,255,255,.12)!important;}
}

/* Mobile uniquement : verre fume mat, contraste luxe */
@media(max-width:768px){
  .site-header .header-inner{min-height:70px!important;gap:12px!important;}
  .site-header .brand{min-width:0;flex:1;}
  .site-header .brand img{width:128px!important;max-height:46px!important;}
  .hero>.container{position:relative;z-index:4;}
  .hero .hero-content{padding-top:24px!important;}
  .hero-content .ville-scroll-wrap.samz{width:calc(100% + 8px)!important;margin:-4px -4px 16px!important;padding:7px 0 9px!important;}
  .hero-content .ville-scroll-wrap.samz .ville-item{font-size:.7rem!important;}

  .hero-bg{
    background-color:#efe5d8!important;
    background-image:url('/assets/img/hero-mobile-light.jpg')!important;
    background-position:74% center!important;
    background-size:cover!important;
    filter:saturate(.94) brightness(1.03)!important;
    transform:none!important;
  }
  .hero-overlay{
    background:linear-gradient(90deg,rgba(5,13,18,.18) 0%,rgba(5,13,18,.11) 46%,rgba(5,13,18,.05) 100%)!important;
  }
  .hero::after{
    background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 28%,rgba(0,0,0,.04))!important;
  }
  .hero-content{
    margin:20px 0!important;
    padding:26px 21px 27px!important;
    max-width:560px!important;
    background:linear-gradient(145deg,rgba(16,29,30,.66),rgba(9,18,20,.50))!important;
    border:1px solid rgba(255,255,255,.17)!important;
    border-radius:15px!important;
    box-shadow:0 18px 46px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.1)!important;
    backdrop-filter:blur(18px) saturate(.82)!important;
    -webkit-backdrop-filter:blur(18px) saturate(.82)!important;
  }
  .hero h1{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.34)!important;}
  .hero h1 em{color:#e2c58f!important;}
  .hero-sub,.hero-check,.hero-stat,.hero-tag{color:rgba(255,255,255,.76)!important;text-shadow:none!important;}
  .hero-sub strong,.hero-stat strong{color:#fff!important;}
  .check-mark{color:#ead5ad!important;border-color:rgba(226,197,143,.46)!important;background:rgba(255,255,255,.07)!important;}
  .live-dot{background:#22c55e!important;box-shadow:0 0 0 3px rgba(34,197,94,.2)!important;animation:blink 1.6s infinite!important;}
  .hero-content>div:first-child a{
    padding:8px 11px!important;background:rgba(255,255,255,.07)!important;
    border:1px solid rgba(255,255,255,.13)!important;border-radius:9px!important;
  }
  .hero-content>div:first-child a span[style*="color:#fff"]{color:#fff!important;}
  .hero-content>div:first-child a span[style*="rgba"]{color:rgba(255,255,255,.62)!important;}
  .hero-content>div[style*="border-radius:12px"]{
    background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.12)!important;
    border-left-color:#d5b66f!important;
  }
  .hero-content>div[style*="border-radius:12px"] span[style*="color:#9C7C38"]{color:#e2c58f!important;}
  .hero-content>div[style*="border-radius:12px"] span[style*="rgba"]{color:rgba(255,255,255,.57)!important;}
  .btn-primary{background:#e2c58f!important;color:#172019!important;box-shadow:0 10px 25px rgba(0,0,0,.2)!important;}
  .btn-ghost{background:rgba(255,255,255,.06)!important;color:#fff!important;border-color:rgba(255,255,255,.3)!important;}
  .hero-foot{border-top-color:rgba(255,255,255,.13)!important;}
}

@media(max-width:420px){
  .site-header .brand img{width:116px!important;}
  .hero-bg{background-position:76% center!important;filter:saturate(.95) brightness(1)!important;}
  .hero-overlay{background:linear-gradient(90deg,rgba(5,13,18,.2),rgba(5,13,18,.08))!important;}
  .hero-content{margin:16px 0!important;padding:23px 18px 24px!important;}
}