/* YILBAŞI GİYDİRMESİ — sadece sezonda yüklenir (render.php: sv_xmas()).
   Kaldırmak için render.php'deki tarih kontrolünü geçmesi yeterli. */
:root{ --x-red:#a3162b; --x-red-d:#6e0d1c; --x-gold:#d9b26a; --x-gold-l:#f3dca4; --x-cream:#fff8ec; }

/* 1) Logo — "o" harfinin üstünde Noel şapkası */
.xlogo{position:relative; display:inline-block; line-height:0;}
.xmas .xhat{position:absolute; width:13.5%; left:50.5%; top:-14%; transform:rotate(14deg);
  transform-origin:30% 90%; pointer-events:none; filter:drop-shadow(0 1px 1.5px rgba(80,20,25,.25));}
.xmas .brand:hover .xhat{animation:xhat-wob .9s var(--ease);}
@keyframes xhat-wob{0%,100%{transform:rotate(14deg)}30%{transform:rotate(2deg)}65%{transform:rotate(20deg)}}

/* 2) Header — ince altın çizgi */
.xmas .hdr{border-bottom-color:transparent;}
.xmas .hdr::after{content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px; pointer-events:none;
  background:linear-gradient(90deg, rgba(201,163,90,0) 0%, #c9a35a 22%, #f3dca4 50%, #c9a35a 78%, rgba(201,163,90,0) 100%);}

/* 3) Banner — LED teller (canvas), hafif kar + sallanan toplar */
.xglow{position:absolute; inset:0; width:100%; height:100%; z-index:1; pointer-events:none;}
.xsnow{position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden;}
.xsnow b{position:absolute; top:-12px; border-radius:50%; background:#fff; opacity:.85;
  animation:xfall linear infinite; filter:blur(.3px);}
@keyframes xfall{from{transform:translate3d(0,-20px,0)} to{transform:translate3d(var(--dx),105vh,0)}}
.xorn{position:absolute; top:0; left:var(--x); z-index:2; pointer-events:none; transform-origin:50% 0;
  animation:xsway var(--sw,5s) ease-in-out infinite; animation-delay:var(--sd,0s);}
.xorn svg{display:block; width:calc(clamp(34px,4.2vw,58px) * var(--sz,1)); height:auto; filter:drop-shadow(0 6px 10px rgba(0,0,0,.25));}
@keyframes xsway{0%,100%{transform:rotate(var(--a,3deg))} 50%{transform:rotate(calc(var(--a,3deg) * -1))}}

/* 4) Footer — karlı kenar + kutlama satırı */
.xmas .ftr{position:relative; border-top:0;}
.xmas .ftr::before{content:""; position:absolute; left:0; right:0; top:-13px; height:14px; pointer-events:none;
  background:radial-gradient(circle at 10px 14px, #fff 9.5px, transparent 10px) repeat-x 0 0 / 20px 14px;}
.xmas .ftr::after{content:""; position:absolute; left:0; right:0; top:0; height:6px; background:#fff; pointer-events:none;}
.xwish{display:flex; align-items:center; justify-content:center; gap:14px; margin:0 0 clamp(30px,4vw,46px);
  font-family:var(--ff-h); font-weight:300; letter-spacing:.2em; text-transform:uppercase; font-size:12.5px; text-align:center;
  background:linear-gradient(90deg,#b8893c,#f1d58e,#b8893c); -webkit-background-clip:text; background-clip:text; color:transparent;}
.xwish::before,.xwish::after{content:"✦"; -webkit-text-fill-color:var(--x-gold); font-size:10px;}

@media (max-width:760px){
  .xmas .xhat{width:15%; top:-17%; left:50%;}
  .xorn.m{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .xorn,.xsnow b,.xmas .brand:hover .xhat{animation:none;}
  .xsnow{display:none;}
}

/* 5) Ana sayfa Noel banner'ı — aydınlık kare: perde hafif, yazı altta (yüz açık kalsın) */
.hero.xhero{place-items:end center;}
.hero.xhero .ph img{object-position:50% 30%;}
.hero.xhero::after{background:
  linear-gradient(180deg, rgba(40,22,18,.18) 0%, rgba(40,22,18,0) 26%, rgba(40,22,18,0) 42%, rgba(40,22,18,.38) 66%, rgba(30,16,14,.72) 100%);}
.hero.xhero .hero-in{padding-bottom:clamp(40px,6vw,72px);}
.hero.xhero .hero-in h1,.hero.xhero .hero-in p,.hero.xhero .hero-in .label{text-shadow:0 2px 18px rgba(30,14,10,.6);}
.hero.xhero .hero-in .label{color:var(--x-gold-l);}
@media (max-width:760px){ .hero.xhero .ph img{object-position:50% 25%;} }
.hero.xhero .hero-in .label{display:inline-block; padding:7px 16px; background:rgba(70,24,22,.42); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);}
@media (max-width:760px){ .hero.xhero .hero-in .label,.hero.xhero .hero-in > p{display:none;} .hero.xhero{min-height:88vh;} }

/* 6) Diğer sayfalardan Noel kutusu — bordo/altın */
.gstrip.xgstrip{background:radial-gradient(120% 140% at 0% 0%, #7a1a2c 0%, #470b18 100%); border-left-color:var(--x-gold);}
.gstrip.xgstrip .label{color:var(--x-gold-l);}
.gstrip.xgstrip p+p{color:#f6eadb;}
.gstrip.xgstrip .btn{background:linear-gradient(90deg,#c99a4b,#f1d58e,#c99a4b); color:#3b0a14; border-color:transparent;}