/* ==========================================================================
   Sweet Monster Family Dessert Bar - THANKSGIVING seasonal theme
   A harvest layer on top of the normal site: a waddling turkey, corn cobs,
   bunting, falling autumn leaves, and a barn-red / corn-yellow / sage palette.

   >>> TURN IT ON / OFF IN ONE LINE inside theme.js:
   >>>   var SEASONAL_THEME = 'thanksgiving';   ON
   >>>   var SEASONAL_THEME = '';               OFF (the normal site returns)

   Every rule below is scoped under [data-theme="thanksgiving"], which only
   exists while theme.js has the theme ON. So this file NEVER touches the
   normal site when the theme is off. All decorations are drawn with CSS
   (data-URI SVG) - no extra image files to upload.
   ========================================================================== */

/* ---------- Harvest palette (overrides the pink candy tokens) ----------
   Mirrors theme-halloween.css: override the FULL token set, so no candy
   pink shows through in text accents, form states, borders, print.      */
html[data-theme="thanksgiving"]{
  --bg:#FBF3E4;          /* warm custard page */
  --surface:#FFFDF6;
  --cream:#F6E8CF;
  --cream-deep:#EFD9B4;
  --ink:#2B1A12;
  --ink-soft:#4A352A;
  --muted:#75583F;
  --line:#E9D3B4;

  --pink:#D9541E;        /* tomato-red accents */
  --pink-deep:#8A3418;   /* harvest red for TEXT (links, italics, form accents) */
  --pink-dark:#6E2812;
  --pink-soft:#F8DFB8;   /* warm checked-state wash */
  --taro:#7C2E1E;
  --taro-deep:#43261B;
  --taro-soft:#F1DFC2;
  --yellow:#F5B841;
  --mint:#5F7A3D;        /* sage / olive */
  --mint-soft:#C4D6A0;
  --sky:#B24330;         /* cranberry (deep enough for price text) */
  --sky-soft:#F5DFC0;    /* custard */
  --violet:#6E4632;      /* warm cocoa brown (headings stay readable) */
  --violet-deep:#43261B;
  --barn:#7C2E1E;
  --barn-soft:#A34A33;
  --maize:#F7C948;
  --maize-soft:#FCE8B8;
  --sage:#5F7A3D;
  --sage-soft:#C4D6A0;
  --pumpkin:#C2571B;
  --pumpkin-deep:#8A3418;
  --pumpkin-dark:#6E2812;
  --pumpkin-soft:#F8E3C4;
}

/* ---------- Warm page wash + a faint drifting leaf field ---------- */
html[data-theme="thanksgiving"] body{
  background-image:
    radial-gradient(58% 38% at 88% 4%, rgba(245,184,65,.20), transparent 62%),
    radial-gradient(52% 34% at 6% 96%, rgba(95,122,61,.12), transparent 62%),
    radial-gradient(46% 32% at 82% 92%, rgba(124,46,30,.10), transparent 62%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='400'%3E%3Cg fill='%236E4632' fill-opacity='0.05'%3E%3Cpath d='M40 20c8 6 10 16 0 26-10-10-8-20 0-26z'/%3E%3Cpath d='M200 60c8 6 10 16 0 26-10-10-8-20 0-26z' transform='rotate(40 200 73)'/%3E%3Cpath d='M90 180c8 6 10 16 0 26-10-10-8-20 0-26z' transform='rotate(-25 90 193)'/%3E%3Cpath d='M270 240c8 6 10 16 0 26-10-10-8-20 0-26z' transform='rotate(60 270 253)'/%3E%3Cpath d='M150 320c8 6 10 16 0 26-10-10-8-20 0-26z' transform='rotate(15 150 333)'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed, fixed, fixed, scroll;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat;
}

/* ---------- Harvest bunting hung under the nav ---------- */
html[data-theme="thanksgiving"] .nav{position:relative;}
html[data-theme="thanksgiving"] .nav::after{
  content:"";
  position:absolute; left:0; right:0; bottom:-11px;
  height:13px;
  z-index:60;
  pointer-events:none;
  border-top:2px solid var(--barn);
  background:repeating-linear-gradient(90deg,
    var(--barn) 0 7.14%, var(--maize) 7.14% 14.28%, var(--sage) 14.28% 21.42%, var(--sky) 21.42% 28.56%);
  clip-path:polygon(0 0,100% 0,100% 30%,92.86% 100%,85.7% 30%,78.5% 100%,71.4% 30%,64.2% 100%,57.1% 30%,50% 100%,42.8% 30%,35.7% 100%,28.5% 30%,21.4% 100%,14.2% 30%,7.1% 100%,0 30%);
}
html[data-theme="thanksgiving"] .site-header::after{ /* string glow + tassels at the ends */
  content:"";
  position:absolute; left:0; right:0; bottom:-4px; height:6px;
  background:radial-gradient(3px 4px at 2% 0, var(--maize) 60%, transparent 61%),
             radial-gradient(3px 4px at 98% 0, var(--maize) 60%, transparent 61%);
  pointer-events:none;
}

/* ---------- Top bar = barn wood ---------- */
html[data-theme="thanksgiving"] .topbar{background:linear-gradient(90deg, var(--barn), var(--barn-soft));}

/* ---------- Hero art: a waddling turkey + two corn cobs ---------- */
html[data-theme="thanksgiving"] .hero::before{ /* the turkey! (drawn in CSS, waddles happily) */
  content:"";
  position:absolute;
  right:-10px; bottom:84px;
  width:124px; height:132px;
  z-index:2;
  pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg transform='translate(60 74)'%3E%3Cg transform='rotate(-60)'%3E%3Cellipse cx='0' cy='-34' rx='8' ry='18' fill='%23F7C948'/%3E%3C/g%3E%3Cg transform='rotate(-40)'%3E%3Cellipse cx='0' cy='-36' rx='8' ry='20' fill='%23C0503A'/%3E%3C/g%3E%3Cg transform='rotate(-20)'%3E%3Cellipse cx='0' cy='-37' rx='8' ry='21' fill='%23F5B841'/%3E%3C/g%3E%3Cg transform='rotate(0)'%3E%3Cellipse cx='0' cy='-38' rx='8' ry='22' fill='%237C2E1E'/%3E%3C/g%3E%3Cg transform='rotate(20)'%3E%3Cellipse cx='0' cy='-37' rx='8' ry='21' fill='%23F5B841'/%3E%3C/g%3E%3Cg transform='rotate(40)'%3E%3Cellipse cx='0' cy='-36' rx='8' ry='20' fill='%23C0503A'/%3E%3C/g%3E%3Cg transform='rotate(60)'%3E%3Cellipse cx='0' cy='-34' rx='8' ry='18' fill='%23F7C948'/%3E%3C/g%3E%3Ccircle cx='0' cy='-6' r='18' fill='%23B34A2B'/%3E%3Ccircle cx='11' cy='-27' r='9' fill='%23F2A05C'/%3E%3Cpath d='M20-28l9 3-9 4z' fill='%23D9541E'/%3E%3Cpath d='M18-20q4 6 0 9' stroke='%23C0503A' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='-29' r='1.7' fill='%232B1A12'/%3E%3Cpath d='M-5 11v11m9-11v11' stroke='%23F5B841' stroke-width='3' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E") center/88% no-repeat;
  animation:turkey-waddle 2.4s ease-in-out infinite;
}
html[data-theme="thanksgiving"] .hero::after{ /* two corn cobs on the left edge */
  content:"";
  position:absolute;
  left:-34px; top:46%;
  width:78px; height:96px;
  z-index:2;
  pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 140'%3E%3Cdefs%3E%3Cpattern id='k' width='9' height='9' patternUnits='userSpaceOnUse'%3E%3Cpath d='M0 4.5h9M4.5 0v9' stroke='%23B34A2B' stroke-opacity='.4' stroke-width='1.4'/%3E%3C/pattern%3E%3C/defs%3E%3Cg transform='rotate(-8 40 70)'%3E%3Cellipse cx='40' cy='66' rx='15' ry='40' fill='%23F7C948'/%3E%3Cellipse cx='40' cy='66' rx='15' ry='40' fill='url(%23k)'/%3E%3Cellipse cx='40' cy='66' rx='15' ry='40' fill='none' stroke='%23D98A2B' stroke-width='3'/%3E%3Cpath d='M40 104c-18-6-27-22-25-40 13 8 20 19 25 28z' fill='%235F7A3D'/%3E%3Cpath d='M52 108c16-8 23-24 20-41-12 8-18 19-22 28z' fill='%237A9A50'/%3E%3C/g%3E%3Cg transform='rotate(10 82 76)'%3E%3Cellipse cx='82' cy='72' rx='13' ry='34' fill='%23F5B841'/%3E%3Cellipse cx='82' cy='72' rx='13' ry='34' fill='url(%23k)'/%3E%3Cellipse cx='82' cy='72' rx='13' ry='34' fill='none' stroke='%23D98A2B' stroke-width='3'/%3E%3Cpath d='M82 104c-15-5-23-19-21-34 11 7 17 16 21 24z' fill='%237A9A50'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
  animation:corn-bob 3.6s ease-in-out infinite;
}

/* ---------- Autumn arch: corn-cob string lights + a candy-corn dot ---------- */
html[data-theme="thanksgiving"] .arch::before{
  width:12px; height:22px;
  border-radius:40% 40% 46% 46%;
  border:2px solid var(--barn);
  background:var(--maize)
    repeating-linear-gradient(0deg, rgba(124,46,30,.45) 0 2px, transparent 2px 5px),
    repeating-linear-gradient(90deg, rgba(124,46,30,.45) 0 2px, transparent 2px 5px);
  transform:rotate(14deg);
}
html[data-theme="thanksgiving"] .arch::after{
  background:
    conic-gradient(from 200deg at 50% 108%, var(--barn) 0 33%, var(--maize) 33% 66%, var(--cream) 66% 100%) no-repeat center / 16px 15px,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110' viewBox='0 0 110 110'%3E%3Cg fill='none' stroke='%237C2E1E' stroke-width='2.4' stroke-linecap='round' stroke-dasharray='7 8'%3E%3Cpath d='M14 96c-8-28 4-56 30-70 16-9 34-9 48 4'/%3E%3Cpath d='M30 100c-8-24 4-48 27-60'/%3E%3C/g%3E%3C/svg%3E") no-repeat -8px 26px / 110px 110px,
    radial-gradient(circle at center, var(--sky) 40%, transparent 42%) no-repeat 84px 4px / 14px 14px;
}

/* ---------- Floating decorations on the hero photos ---------- */
html[data-theme="thanksgiving"] .art-tag{
  background:var(--barn);
  border:2px solid var(--barn-soft);
  color:#FFF3E0; /* light text: the base tag text is dark ink */
  box-shadow:0 10px 24px rgba(124,46,30,.35);
}
html[data-theme="thanksgiving"] .art-tag::before{
  content:"🦃";
  font-size:15px;
}
html[data-theme="thanksgiving"] .art-chip{
  background:var(--maize);
  border-color:var(--barn);
  color:var(--violet-deep);
}

/* ---------- Marquee: kernels of corn popping between treats ---------- */
html[data-theme="thanksgiving"] .marquee{
  background:linear-gradient(90deg, var(--barn), var(--sky));
  transform:rotate(-1.6deg);
}
html[data-theme="thanksgiving"] .marquee-track{animation:tg-marquee 26s linear infinite;}
html[data-theme="thanksgiving"] .marquee-track span{color:#F5DFC0;} /* light treats on the dark band */
html[data-theme="thanksgiving"] .marquee-track span:nth-child(even){color:var(--maize);}
html[data-theme="thanksgiving"] .marquee i::after{ /* kernel of corn, replaces the candy corn */
  content:"";
  display:inline-block;
  width:9px; height:12px;
  margin-left:34px;
  border-radius:46% 46% 50% 50%;
  border:1.5px solid var(--maize-soft);
  background:radial-gradient(20% 26% at 36% 32%, rgba(255,255,255,.7), transparent 55%), var(--maize);
  transform:rotate(10deg) translateY(-1px);
}

/* ---------- Harvest badge in the hero (show this HTML when the theme is ON) ----------
   In index.html the badge is:  <p class="thanksgiving-badge thanksgiving-only">…</p>
   It is hidden on the normal site, visible only while the theme is on.            */
.thanksgiving-only{display:none;}
html[data-theme="thanksgiving"] .thanksgiving-only{display:inline-flex;}
html[data-theme="thanksgiving"] .thanksgiving-badge{
  align-self:flex-start;
  margin:0 0 6px;
  padding:7px 14px;
  border-radius:999px;
  border:2px solid var(--barn);
  background:var(--maize);
  color:var(--violet-deep);
  font-family:var(--font-round);
  font-weight:800;
  font-size:13px;
  letter-spacing:.3px;
  box-shadow:0 6px 18px rgba(124,46,30,.3);
  animation:tg-badge-wiggle 3.2s ease-in-out infinite;
}
html[data-theme="thanksgiving"] .btn-harvest{
  background:var(--barn);
  border:3px solid var(--violet-deep);
  color:#FFF3E0;
}
html[data-theme="thanksgiving"] .btn-harvest:hover{background:var(--barn-soft);}

/* ---------- Seasonal band (Pumpkin Spice) = custard harvest panel ----------
   Kept LIGHT on purpose: the base text (title/description) is dark ink,
   so a light panel keeps every word readable.                          */
html[data-theme="thanksgiving"] .seasonal-band{
  background:
    radial-gradient(70% 120% at 88% 0%, rgba(247,201,72,.35), transparent 58%),
    radial-gradient(60% 100% at 0% 100%, rgba(196,214,160,.30), transparent 60%),
    linear-gradient(180deg, #FFF6E3 0%, #FCE8B8 100%);
  border:2px solid var(--barn-soft);
}
html[data-theme="thanksgiving"] .seasonal-kicker{color:var(--barn);}
html[data-theme="thanksgiving"] .seasonal-text{color:var(--ink-soft);} /* deeper ink on the harvest wash */
html[data-theme="thanksgiving"] .seasonal-thumb{
  border:1px solid rgba(124,46,30,.35);
  transform:rotate(-2.5deg);
  box-shadow:0 10px 24px rgba(124,46,30,.18);
}
html[data-theme="thanksgiving"] .seasonal-cta .btn{background:var(--barn); border-color:var(--violet-deep); color:#FFF3E0;}

/* ---------- Corn-row divider above the menu ---------- */
html[data-theme="thanksgiving"] .menu-section{position:relative;}
html[data-theme="thanksgiving"] .menu-section::before{
  content:"";
  position:absolute; left:50%; top:34px;
  width:min(640px, 78vw); height:36px;
  transform:translateX(-50%);
  pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 36'%3E%3Cdefs%3E%3Cpattern id='k' width='6' height='6' patternUnits='userSpaceOnUse'%3E%3Cpath d='M0 3h6M3 0v6' stroke='%237C2E1E' stroke-opacity='.4' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Cg%3E%3Cellipse cx='286' cy='18' rx='9' ry='13' fill='%23F7C948'/%3E%3Cellipse cx='354' cy='18' rx='9' ry='13' fill='%23F7C948'/%3E%3Cellipse cx='320' cy='18' rx='11' ry='16' fill='%23F5B841'/%3E%3Cellipse cx='286' cy='18' rx='9' ry='13' fill='url(%23k)'/%3E%3Cellipse cx='354' cy='18' rx='9' ry='13' fill='url(%23k)'/%3E%3Cellipse cx='320' cy='18' rx='11' ry='16' fill='url(%23k)'/%3E%3Cg fill='none' stroke='%23D98A2B' stroke-width='2'%3E%3Cellipse cx='286' cy='18' rx='9' ry='13'/%3E%3Cellipse cx='354' cy='18' rx='9' ry='13'/%3E%3Cellipse cx='320' cy='18' rx='11' ry='16'/%3E%3C/g%3E%3Cpath d='M262 22c-14 8-34 8-52 2 12-10 32-12 48-6z' fill='%235F7A3D'/%3E%3Cpath d='M378 22c14 8 34 8 52 2-12-10-32-12-48-6z' fill='%235F7A3D'/%3E%3Ccircle cx='196' cy='18' r='5' fill='%23C0503A'/%3E%3Ccircle cx='444' cy='18' r='5' fill='%23C0503A'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}

/* ---------- Menu tabs + cards ---------- */
html[data-theme="thanksgiving"] .tab{
  border:2px solid var(--barn-soft);
  color:var(--violet);
}
html[data-theme="thanksgiving"] .tab.is-active{
  background:var(--barn);
  border-color:var(--barn);
  color:var(--maize-soft);
}
html[data-theme="thanksgiving"] .menu-card{
  border:2px solid var(--sky-soft);
  box-shadow:0 10px 26px rgba(124,46,30,.10);
}
html[data-theme="thanksgiving"] .menu-card:hover{
  border-color:var(--barn-soft);
  box-shadow:0 16px 34px rgba(124,46,30,.18);
}
html[data-theme="thanksgiving"] .menu-card .price{color:var(--sky);}
html[data-theme="thanksgiving"] .menu-card .tag{background:var(--sage-soft); color:var(--violet-deep);}
html[data-theme="thanksgiving"] .menu-card .tag-seasonal{background:var(--maize); color:var(--violet-deep);}
html[data-theme="thanksgiving"] .menu-card h3{color:var(--violet-deep);}

/* ---------- Signature cards: deep pumpkin, deep sage, roasted corn ----------
   Darkened so the base cream text (h3, description, pill) stays readable. */
html[data-theme="thanksgiving"] .sig-a{background:linear-gradient(155deg,#B85616,#7C2E1E);}
html[data-theme="thanksgiving"] .sig-b{background:linear-gradient(155deg,#5D7A33,#2F4119);}
html[data-theme="thanksgiving"] .sig-c{background:linear-gradient(155deg,#CE9A26,#8A5A12);}
html[data-theme="thanksgiving"] .sig-card::after{ /* soft dark scrim behind the words (base ::after is a corner circle — fully redefined) */
  content:"";
  position:absolute; inset:0; width:auto; height:auto; right:auto; left:auto; top:auto; bottom:auto;
  border-radius:0; z-index:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(43,26,18,0) 30%,rgba(43,26,18,.32) 62%,rgba(43,26,18,.46) 100%);
}
html[data-theme="thanksgiving"] .sig-card > :not(.sig-photo){position:relative;z-index:1;}
html[data-theme="thanksgiving"] .sig-index{color:var(--maize-soft);opacity:.85;}
html[data-theme="thanksgiving"] .sig-pill{
  background:rgba(255,249,239,.92);
  color:var(--violet-deep);
  border:1.5px solid var(--barn);
}

/* ---------- Order band: deep barn night with a kernel twinkle ---------- */
html[data-theme="thanksgiving"] .order-band{
  background:
    radial-gradient(50% 60% at 12% 8%, rgba(247,201,72,.14), transparent 60%),
    linear-gradient(160deg, var(--violet-deep), var(--barn) 78%, var(--violet-deep));
}
html[data-theme="thanksgiving"] .order-band::before{
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46'%3E%3Cg fill='%23F7C948' fill-opacity='0.07'%3E%3Cellipse cx='11' cy='12' rx='3.4' ry='4.6'/%3E%3Cellipse cx='34' cy='33' rx='3.4' ry='4.6' transform='rotate(24 34 33)'/%3E%3C/g%3E%3C/svg%3E");
}
html[data-theme="thanksgiving"] .orb-1{background:var(--maize);}
html[data-theme="thanksgiving"] .orb-2{background:var(--sky);}
html[data-theme="thanksgiving"] .order-ticket{
  background:var(--cream);
  border:2px dashed var(--barn-soft);
}
/* the side notches keep the base colour so they blend into the band */

/* ---------- Review band: deep barn night (kept dark: its text is cream) ---------- */
html[data-theme="thanksgiving"] .review-band{
  background:linear-gradient(180deg, var(--violet-deep), var(--ink) 82%, var(--violet-deep));
}
html[data-theme="thanksgiving"] .review-band::before{
  background:
    radial-gradient(60% 70% at 12% 15%, rgba(247,201,72,.12), transparent 60%),
    radial-gradient(55% 70% at 92% 88%, rgba(192,80,58,.30), transparent 60%);
}

/* ---------- Visit map: framed like a barn window ---------- */
html[data-theme="thanksgiving"] .visit-map{
  border:3px solid var(--barn);
  box-shadow:0 18px 40px rgba(124,46,30,.22);
}

/* ---------- Footer: barn dark, with bunting hung along the top ---------- */
html[data-theme="thanksgiving"] .site-footer{
  background:
    radial-gradient(46% 30% at 84% 100%, rgba(124,46,30,.5), transparent 60%),
    linear-gradient(180deg, var(--violet-deep), var(--ink));
  position:relative;
}
html[data-theme="thanksgiving"] .site-footer::before{
  content:"";
  position:absolute; left:0; right:0; top:0;
  height:12px;
  pointer-events:none;
  background:repeating-linear-gradient(90deg,
    var(--maize) 0 7.14%, var(--sage) 7.14% 14.28%, var(--sky) 14.28% 21.42%, var(--barn-soft) 21.42% 28.56%);
  clip-path:polygon(0 100%,100% 100%,100% 40%,92.86% 0,85.7% 40%,78.5% 0,71.4% 40%,64.2% 0,57.1% 40%,50% 0,42.8% 40%,35.7% 0,28.5% 40%,21.4% 0,14.2% 40%,7.1% 0,0 40%);
  opacity:.9;
}

/* ---------- Falling autumn leaves ----------
   In index.html (also fine on any page) add, right after <body …>:
     <span class="tg-leaf tg-leaf-a" aria-hidden="true"></span>
     <span class="tg-leaf tg-leaf-b" aria-hidden="true"></span>
     <span class="tg-leaf tg-leaf-c" aria-hidden="true"></span>
   They are invisible while the theme is OFF.                        */
html[data-theme="thanksgiving"] .tg-leaf{
  display:block;
  position:fixed; top:-48px;
  width:24px; height:28px;
  z-index:5;
  pointer-events:none;
  background:center/contain no-repeat;
}
html[data-theme="thanksgiving"] .tg-leaf-a{
  left:10%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M12 1c6 5 7 13 0 20-7-7-6-15 0-20z' fill='%23D98A2B'/%3E%3Cpath d='M12 21v6' stroke='%23B34A2B' stroke-width='1.5'/%3E%3C/svg%3E");
  animation:tg-fall 17s ease-in-out infinite;
}
html[data-theme="thanksgiving"] .tg-leaf-b{
  left:52%;
  width:19px; height:23px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M12 1c6 5 7 13 0 20-7-7-6-15 0-20z' fill='%237C2E1E'/%3E%3Cpath d='M12 21v6' stroke='%2343261B' stroke-width='1.5'/%3E%3C/svg%3E");
  animation:tg-fall 23s ease-in-out -6s infinite;
}
html[data-theme="thanksgiving"] .tg-leaf-c{
  left:84%;
  width:21px; height:25px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M12 1c6 5 7 13 0 20-7-7-6-15 0-20z' fill='%235F7A3D'/%3E%3Cpath d='M12 21v6' stroke='%2343261B' stroke-width='1.5'/%3E%3C/svg%3E");
  animation:tg-fall 19s ease-in-out -11s infinite;
}
@keyframes tg-fall{
  0%{transform:translate3d(0,-6vh,0) rotate(-14deg); opacity:0;}
  6%{opacity:.85;}
  25%{transform:translate3d(6vw,22vh,0) rotate(42deg);}
  50%{transform:translate3d(-4vw,50vh,0) rotate(-22deg);}
  75%{transform:translate3d(6vw,78vh,0) rotate(54deg);}
  94%{opacity:.85;}
  100%{transform:translate3d(-2vw,108vh,0) rotate(12deg); opacity:0;}
}

/* ---------- Movement (respects prefers-reduced-motion via style.css) ---------- */
@keyframes turkey-waddle{
  0%,100%{transform:rotate(-4deg) translateY(0);}
  30%{transform:rotate(3deg) translateY(-7px);}
  60%{transform:rotate(-2deg) translateY(-2px);}
}
@keyframes corn-bob{
  0%,100%{transform:rotate(-2deg);}
  50%{transform:rotate(3deg) translateY(-5px);}
}
@keyframes tg-badge-wiggle{
  0%,100%{transform:rotate(-2deg);}
  50%{transform:rotate(2deg);}
}
@keyframes tg-marquee{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

/* ---------- Small screens: keep it tidy ---------- */
@media (max-width:720px){
  html[data-theme="thanksgiving"] .hero::before{width:86px; height:92px; right:-4px; bottom:64px;}
  html[data-theme="thanksgiving"] .hero::after{width:52px; height:64px; left:-26px;}
  html[data-theme="thanksgiving"] .nav::after{height:9px;}
  html[data-theme="thanksgiving"] .tg-leaf-a,
  html[data-theme="thanksgiving"] .tg-leaf-c{display:none;} /* keep one drifting leaf */
  html[data-theme="thanksgiving"] .menu-section::before{height:26px; top:20px;}
}

/* ---------- Printing: plain paper, no costumes ---------- */
@media print{
  html[data-theme="thanksgiving"]{
    --bg:#fff; --surface:#fff; --cream:#fff; --cream-deep:#fff;
    --ink:#1A1613; --ink-soft:#473F38; --muted:#6C635B; --line:#E7DCD0;
    --pink:#FF4F86; --pink-deep:#C81E56; --pink-dark:#A5164A; --pink-soft:#FFD9E4;
    --taro:#7B5CF0; --taro-deep:#5B3FD1; --taro-soft:#E4DCFF; --yellow:#F7C948;
    --mint:#1A1613; --mint-soft:#fff; --sky:#1A1613; --sky-soft:#fff;
    --violet:#1A1613; --violet-deep:#1A1613;
    --pumpkin:#E2711D; --pumpkin-deep:#A63A05; --pumpkin-dark:#7F2B03; --pumpkin-soft:#FFE8D1;
    --barn:#7C2E1E; --barn-soft:#A34A33; --maize:#F7C948; --maize-soft:#fff; --sage:#1A1613; --sage-soft:#fff;
  }
  html[data-theme="thanksgiving"] body{background:#fff;}
  html[data-theme="thanksgiving"] .nav::after,
  html[data-theme="thanksgiving"] .site-header::after,
  html[data-theme="thanksgiving"] .hero::before,
  html[data-theme="thanksgiving"] .hero::after,
  html[data-theme="thanksgiving"] .menu-section::before,
  html[data-theme="thanksgiving"] .site-footer::before,
  html[data-theme="thanksgiving"] .tg-leaf,
  html[data-theme="thanksgiving"] .thanksgiving-badge{display:none;}
}