/* Winner's Chicken - nouveau hero (2026-10) */
.wc-hero{background:#e55a29;color:#fff;position:relative;overflow:hidden}
.wc-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 90% at 85% 12%,rgba(255,255,255,.16),transparent 60%),
             radial-gradient(90% 70% at 8% 92%,rgba(0,0,0,.20),transparent 65%)}
.wc-hero__inner{position:relative;z-index:1;max-width:1320px;margin:0 auto;
  display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:24px;
  padding:0 20px}
.wc-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px;
  padding:56px 10px 56px 0}
.wc-hero__logo{height:62px;width:auto;display:block;
  filter:drop-shadow(0 2px 12px rgba(80,24,0,.3))}
.wc-hero__eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;background:rgba(0,0,0,.22);padding:7px 14px;border-radius:99px}
.wc-hero h1{font-size:clamp(32px,3.6vw,54px);line-height:1.06;margin:0;color:#fff;
  font-weight:800;text-wrap:balance;text-shadow:0 2px 18px rgba(80,24,0,.22)}
.wc-hero__btns{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.wc-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;
  font-weight:800;text-decoration:none;padding:15px 30px;font-size:16px;
  border:2px solid transparent;transition:transform .15s ease,opacity .15s ease}
.wc-btn:hover{transform:translateY(-1px);text-decoration:none}
.wc-btn--solid{background:#fff;color:#b8431a}
.wc-btn--solid:hover{color:#b8431a}
.wc-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.wc-btn--ghost:hover{color:#fff;border-color:#fff}
.wc-hero__video{color:rgba(255,255,255,.9);font-weight:600;text-decoration:underline;font-size:14px}
.wc-hero__video:hover{color:#fff}
.wc-hero__store{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;
  background:rgba(0,0,0,.26);border-radius:14px;padding:12px 16px;font-size:14px}
.wc-hero__store a{color:#fff;text-decoration:none;font-weight:700}
.wc-hero__dot{width:8px;height:8px;border-radius:50%;background:#7ee08a;flex:none}
.wc-hero__pic{position:relative;align-self:stretch;min-height:440px}
.wc-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.wc-hero__img--mob{display:none}
.wc-hero__pic::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,#e55a29 0%,rgba(229,90,41,0) 24%)}
@media (max-width:991px){
  .wc-hero__inner{grid-template-columns:1fr;gap:0}
  .wc-hero__copy{padding:34px 0 26px;gap:16px;align-items:flex-start}
  .wc-hero__logo{height:46px}
  .wc-hero h1{font-size:30px}
  .wc-hero__btns{width:100%}
  .wc-hero__btns .wc-btn{flex:1 1 0;padding:14px 18px;font-size:15px}
  .wc-hero__store{width:100%;font-size:13px;padding:10px 12px}
  .wc-hero__pic{min-height:0;height:300px}
  .wc-hero__img--desk{display:none}
  .wc-hero__img--mob{display:block}
  .wc-hero__pic::after{background:linear-gradient(180deg,#e55a29 0%,rgba(229,90,41,0) 20%)}
}

/* ajustements v2 : laisser la place au header transparent + image pleine largeur */
.wc-hero__copy{padding-top:118px}
.wc-hero__pic{margin-right:calc(-1 * max(0px,(100vw - 1320px)/2) - 20px)}
@media (max-width:991px){
  .wc-hero__copy{padding-top:86px}
  .wc-hero__pic{margin-right:-20px;margin-left:-20px}
}

/* v3 : le header affiche deja le logo -> on retire celui du hero */
.wc-hero__logo{display:none}
.wc-hero__copy{padding-top:96px}
@media (max-width:991px){.wc-hero__copy{padding-top:74px}}

/* v4 : plus de place sous le header */
.wc-hero__copy{padding-top:170px;padding-bottom:70px}
@media (max-width:991px){.wc-hero__copy{padding-top:120px;padding-bottom:30px}}

/* v5 : le logo (lettrage orange) se noie sur le fond orange -> pastille blanche */
.header .logo img, .header-two .logo img, .mobile-header .logo img{
  background:#fff;border-radius:14px;padding:7px 12px;box-sizing:content-box}

/* v6 : on retire la pastille blanche et on assombrit le header au-dessus du hero */
.header .logo img, .header-two .logo img, .mobile-header .logo img{
  background:none;padding:0;border-radius:0}
body:has(.wc-hero) .header,
body:has(.wc-hero) .mobile-header{
  background:linear-gradient(180deg,rgba(26,10,2,.55) 0%,rgba(26,10,2,.30) 55%,rgba(26,10,2,0) 100%)}
body:has(.wc-hero) .header.sticky,
body:has(.wc-hero) .mobile-header.sticky{background:rgba(26,10,2,.92)}

/* v7 : bandeau plus franc pour detacher le logo */
body:has(.wc-hero) .header,
body:has(.wc-hero) .mobile-header{
  background:linear-gradient(180deg,rgba(22,8,2,.80) 0%,rgba(22,8,2,.74) 62%,rgba(22,8,2,0) 100%)}

/* v8 : le header est haut (barre du haut + nav) -> bandeau quasi uniforme */
body:has(.wc-hero) .header,
body:has(.wc-hero) .mobile-header{
  background:linear-gradient(180deg,rgba(22,8,2,.74) 0%,rgba(22,8,2,.66) 100%)}

/* v9 : bandeau sombre sur le haut du hero */
body:has(.wc-hero) .header,
body:has(.wc-hero) .mobile-header{background:rgba(22,8,2,.70)}
.wc-hero::before{
  background:linear-gradient(180deg,rgba(22,8,2,.68) 0px,rgba(22,8,2,.52) 70px,rgba(22,8,2,0) 150px),
             radial-gradient(120% 90% at 85% 12%,rgba(255,255,255,.14),transparent 60%),
             radial-gradient(90% 70% at 8% 92%,rgba(0,0,0,.20),transparent 65%)}

/* v10 horaires */
.wc-hero__store{flex-wrap:wrap}
.wc-hero__hours{flex-basis:100%;display:block;width:100%;font-size:13px;line-height:1.65;opacity:.92;margin-top:6px}