/* ============================================================
   TEMA „CRĂCIUN" — se încarcă doar când e activă (body.theme-craciun).
   Contract (valabil pentru toate temele din acest folder):
   - variabilele de pe body.theme-* re-colorează tot site-ul:
       --navy  = culoarea principală (bara de sus, butoane, titluri, subsol)
       --orange = accent (butonul „Adaugă în coș", etichete, blocul de oferte)
       --sky / --bg-soft / --line = fundaluri deschise şi linii
   - .hero-main / .hero-visual = slider-ul de pe prima pagină; .hero-art = ilustraţia de sezon
   - .weekly = blocul „Oferta săptămânii"; .cat-banner = bannerul paginii de categorie
   - .theme-strip = banda „Colecţia de …" de sub meniu; .season-kicker = eticheta din hero
   - .theme-fx-layer = strat animat pe toată pagina (aici: ninsoarea .snow), doar cu body.theme-fx
   Decoraţiunile (SVG-urile) stau în app/views/themes/craciun.php.
   ============================================================ */
body.theme-craciun{
  --navy:#9b1c22; --navy-600:#b3232a; --navy-900:#6d1116;
  --blue:#166534; --blue-100:#e8f5ec;
  --orange:#1f7a3f; --orange-600:#176334; --orange-100:#e6f4ea;
  --sky:#eaf3ff; --sky-200:#cfe0f7; --cyan:#c62828;
  --bg-soft:#fbf3f3; --line:#ecdcdc;
}
body.theme-craciun .topbar{background:linear-gradient(90deg,#7f1218,#9b1c22 60%,#1f7a3f)}
body.theme-craciun .header{border-bottom:4px solid;border-image:repeating-linear-gradient(90deg,#c62828 0 22px,#fff 22px 44px,#1f7a3f 44px 66px) 1}
body.theme-craciun .logo{position:relative}
body.theme-craciun .logo::before{content:"";position:absolute;left:-10px;top:-8px;width:54px;height:42px;z-index:2;pointer-events:none;transform:rotate(-22deg);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 48'%3E%3Cpath d='M12 34C14 14 36 4 54 10c-16 2-26 10-28 24z' fill='%23c62828'/%3E%3Ccircle cx='54' cy='9' r='6' fill='%23fff'/%3E%3Crect x='6' y='31' width='26' height='11' rx='5.5' fill='%23fff'/%3E%3C/svg%3E") no-repeat center/contain}
body.theme-craciun .hero-main{background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.16),transparent 36%),linear-gradient(135deg,#7f1218,#c62828)}
body.theme-craciun .hero-visual{background:#eaf3ff}
body.theme-craciun .hero-season .hero-visual{background:radial-gradient(circle at 50% 110%,#fff 0 22%,transparent 23%),linear-gradient(180deg,#dbe9fb,#f3f8ff)}
body.theme-craciun .season-kicker{background:#1f7a3f;border-color:#1f7a3f}
body.theme-craciun .weekly{background:linear-gradient(135deg,#1f7a3f,#2a9d52)}
body.theme-craciun .weekly-head h2{text-shadow:2px 2px 0 #0f4d25,-1px -1px 0 #0f4d25,1px -1px 0 #0f4d25,-1px 1px 0 #0f4d25}
body.theme-craciun .cat-banner{background:linear-gradient(135deg,#7f1218,#c62828)!important}
body.theme-craciun .theme-strip{background:#fff1f1;color:#7f1218;border-bottom:1px solid #f3c9c9}
body.theme-craciun .theme-strip a{color:#1f7a3f}
body.theme-craciun .tile-cyan{background:linear-gradient(135deg,#c62828 0 58%,#eaf3ff 58%)}
body.theme-craciun .footer-bottom{background:linear-gradient(90deg,#7f1218,#1f7a3f)}
/* ninsoare: două straturi de fulgi, viteze diferite (doar CSS, fără JavaScript) */
body.theme-craciun .snow{
  background-image:
    radial-gradient(4px 4px at 24px 36px,#fff 30%,#cfe1f5 55%,transparent 72%),
    radial-gradient(3px 3px at 96px 130px,#fff 30%,#cfe1f5 55%,transparent 72%),
    radial-gradient(3.5px 3.5px at 170px 66px,#fff 30%,#cfe1f5 55%,transparent 72%),
    radial-gradient(3px 3px at 44px 190px,#fff 30%,#cfe1f5 55%,transparent 72%),
    radial-gradient(4px 4px at 140px 220px,#fff 30%,#cfe1f5 55%,transparent 72%),
    radial-gradient(2.5px 2.5px at 210px 160px,#fff 30%,#cfe1f5 55%,transparent 72%);
  background-size:240px 240px;animation:mt-snow 16s linear infinite;opacity:.9}
body.theme-craciun .snow.far{background-size:170px 170px;animation-duration:26s;opacity:.55}
@keyframes mt-snow{from{background-position:0 0}to{background-position:40px 240px}}
@media (max-width:900px){body.theme-craciun .logo::before{width:40px;height:32px;left:-8px;top:-6px}}