html[data-nne-mode="auto"] .season-dev-hint { display: none !important; }
[data-season], [data-holiday] {
  --brand: var(--green);
  --brand-hover: var(--accent);
}

/**
 * NNE seasonal effects — distinct look per season & holiday.
 * Shared across Area33-KC client sites. Vars set by season.js.
 */

/**
 * NNE seasonal effects — distinct look per season & holiday.
 * Shared across Area33-KC client sites. Vars set by season.js.
 */

/* ── SPRING / Mud Season ── */
[data-season="spring"] body {
  background-color: #12100c;
  background-image:
    radial-gradient(ellipse 90% 55% at 50% 0%, rgba(143,212,138,0.14) 0%, transparent 55%),
    radial-gradient(ellipse 45% 35% at 10% 90%, rgba(184,160,120,0.12) 0%, transparent 50%);
}
[data-season="spring"] header,
[data-season="spring"] nav {
  border-bottom-color: rgba(143,212,138,0.38) !important;
}

/* ── SUMMER / Lake Season ── */
[data-season="summer"] body {
  background-color: #081218;
  background-image:
    radial-gradient(ellipse 95% 60% at 50% -5%, rgba(56,184,232,0.16) 0%, transparent 58%),
    radial-gradient(ellipse 50% 40% at 90% 80%, rgba(62,207,142,0.1) 0%, transparent 52%);
}
[data-season="summer"] header,
[data-season="summer"] nav {
  border-bottom-color: rgba(56,184,232,0.4) !important;
}

/* ── FALL / Foliage ── */
[data-season="fall"] body {
  background-color: #14100c;
  background-image:
    radial-gradient(ellipse 100% 60% at 50% -8%, rgba(255,140,50,0.22) 0%, transparent 58%),
    radial-gradient(ellipse 55% 45% at 92% 20%, rgba(201,74,42,0.14) 0%, transparent 55%);
}
[data-season="fall"] header,
[data-season="fall"] nav {
  border-bottom-color: rgba(232,120,48,0.45) !important;
}

/* ── WINTER / Ice Season ── */
[data-season="winter"] body {
  background-color: #0a1018;
  background-image:
    radial-gradient(ellipse 100% 60% at 50% -5%, rgba(158,220,255,0.18) 0%, transparent 58%),
    radial-gradient(ellipse 50% 40% at 8% 88%, rgba(142,184,255,0.1) 0%, transparent 50%);
}
[data-season="winter"] header,
[data-season="winter"] nav {
  border-bottom-color: rgba(126,200,240,0.42) !important;
}

/* ── MAPLE / Sugar Season ── */
[data-holiday="maple"] body {
  background-color: #141008;
  background-image:
    radial-gradient(ellipse 90% 55% at 50% 0%, rgba(240,192,96,0.2) 0%, transparent 55%),
    radial-gradient(ellipse 40% 35% at 5% 85%, rgba(201,120,42,0.14) 0%, transparent 50%);
}
[data-holiday="maple"] header,
[data-holiday="maple"] nav {
  border-bottom-color: rgba(232,184,77,0.5) !important;
}

/* ── NEW YEAR / First Snow ── */
[data-holiday="newyear"] body {
  background-color: #0c1018;
  background-image:
    radial-gradient(ellipse 80% 50% at 50% 0%, rgba(255,229,102,0.16) 0%, transparent 52%),
    radial-gradient(ellipse 60% 45% at 80% 90%, rgba(201,216,255,0.12) 0%, transparent 50%);
}
[data-holiday="newyear"] header,
[data-holiday="newyear"] nav {
  border-bottom-color: rgba(255,229,102,0.4) !important;
}

/* ── VALENTINE'S ── */
[data-holiday="valentines"] body {
  background-color: #140c10;
  background-image:
    radial-gradient(ellipse 85% 55% at 50% 0%, rgba(255,126,179,0.18) 0%, transparent 55%),
    radial-gradient(ellipse 45% 40% at 95% 75%, rgba(224,102,255,0.1) 0%, transparent 50%);
}
[data-holiday="valentines"] header,
[data-holiday="valentines"] nav {
  border-bottom-color: rgba(255,126,179,0.45) !important;
}

/* ── TOWN MEETING ── */
[data-holiday="townmeeting"] body {
  background-color: #101418;
  background-image:
    radial-gradient(ellipse 90% 55% at 50% 0%, rgba(184,204,224,0.16) 0%, transparent 55%),
    radial-gradient(ellipse 45% 35% at 10% 90%, rgba(138,158,184,0.1) 0%, transparent 50%);
}
[data-holiday="townmeeting"] header,
[data-holiday="townmeeting"] nav {
  border-bottom-color: rgba(184,204,224,0.42) !important;
}

/* ── ST. PATRICK'S / Mill Town Green ── */
[data-holiday="stpatricks"] body {
  background-color: #081410;
  background-image:
    radial-gradient(ellipse 90% 55% at 50% 0%, rgba(0,255,106,0.14) 0%, transparent 55%),
    radial-gradient(ellipse 50% 40% at 0% 80%, rgba(0,204,85,0.1) 0%, transparent 50%);
}
[data-holiday="stpatricks"] header,
[data-holiday="stpatricks"] nav {
  border-bottom-color: rgba(0,255,106,0.38) !important;
}

/* ── JULY 4 / Town Green (standard) ── */
[data-holiday="july4"]:not([data-july4-250]) body,
html[data-holiday="july4"]:not([data-july4-250]) body {
  background-color: #0a0e18;
  background-image:
    radial-gradient(ellipse 90% 55% at 50% 0%, rgba(60,125,221,0.16) 0%, transparent 55%),
    radial-gradient(ellipse 45% 40% at 100% 80%, rgba(230,57,70,0.12) 0%, transparent 50%);
}
[data-holiday="july4"] header,
[data-holiday="july4"] nav {
  border-bottom-color: rgba(230,57,70,0.45) !important;
}

/* ── JULY 4 / 250th MAX AMERICA ── */
[data-july4-250] body,
html[data-july4-250] body {
  background-color: #080c18;
  background-image:
    repeating-linear-gradient(-12deg, transparent, transparent 36px, rgba(191,10,48,0.045) 36px, rgba(191,10,48,0.045) 72px),
    radial-gradient(ellipse 110% 65% at 50% -8%, rgba(191,10,48,0.28) 0%, transparent 58%),
    radial-gradient(ellipse 55% 45% at 95% 15%, rgba(0,40,104,0.22) 0%, transparent 55%);
}
html[data-july4-250] header,
html[data-july4-250] nav,
[data-july4-250] header,
[data-july4-250] nav {
  border-bottom-color: rgba(191,10,48,0.55) !important;
}

/* ── OLD HOME DAY ── */
[data-holiday="oldhome"] body {
  background-color: #100e08;
  background-image:
    radial-gradient(ellipse 90% 55% at 50% 0%, rgba(240,208,96,0.18) 0%, transparent 55%),
    radial-gradient(ellipse 50% 40% at 5% 85%, rgba(216,84,84,0.1) 0%, transparent 50%);
}
[data-holiday="oldhome"] header,
[data-holiday="oldhome"] nav {
  border-bottom-color: rgba(240,208,96,0.42) !important;
}

/* ── PICKLE FESTIVAL / Winchester NH ── */
[data-holiday="pickle"] body {
  background-color: #0e1208;
  background-image:
    radial-gradient(ellipse 90% 55% at 50% 0%, rgba(124,179,66,0.2) 0%, transparent 55%),
    radial-gradient(ellipse 50% 40% at 8% 85%, rgba(192,202,51,0.14) 0%, transparent 50%),
    radial-gradient(ellipse 45% 35% at 92% 70%, rgba(220,231,117,0.1) 0%, transparent 48%);
}
[data-holiday="pickle"] header,
[data-holiday="pickle"] nav {
  border-bottom-color: rgba(124,179,66,0.5) !important;
  box-shadow: 0 2px 20px rgba(85,139,47,0.15);
}
[data-holiday="pickle"] .btn-primary,
[data-holiday="pickle"] .btn,
[data-holiday="pickle"] .cta-button {
  background: linear-gradient(135deg, #7cb342, #558b2f) !important;
  border-color: rgba(220,231,117,0.55) !important;
  color: #0e1208 !important;
}

/* Area33 hero accents */
[data-holiday="pickle"] .hero-number {
  -webkit-text-stroke-color: rgba(192,202,51,0.75);
  text-shadow: 0 0 50px rgba(124,179,66,0.35), 0 0 80px rgba(85,139,47,0.2);
}
[data-holiday="pickle"] .season-badge {
  color: #0e1208;
  background: linear-gradient(135deg, #dce775, #7cb342);
  border-color: rgba(85,139,47,0.6);
  box-shadow: 0 0 28px rgba(192,202,51,0.35);
}
[data-holiday="pickle"] .signal-ring {
  border-color: rgba(124,179,66,0.16);
}

/* ── HALLOWEEN / Pumpkin Posts ── */
[data-holiday="halloween"] body {
  background-color: #120d14;
  background-image:
    radial-gradient(ellipse 90% 55% at 50% 0%, rgba(255,107,26,0.18) 0%, transparent 55%),
    radial-gradient(ellipse 45% 40% at 0% 85%, rgba(157,109,255,0.14) 0%, transparent 50%);
}
[data-holiday="halloween"] header,
[data-holiday="halloween"] nav {
  border-bottom-color: rgba(255,107,26,0.45) !important;
}

/* ── THANKSGIVING / Harvest Table ── */
[data-holiday="thanksgiving"] body {
  background-color: #12100a;
  background-image:
    radial-gradient(ellipse 90% 55% at 50% 0%, rgba(232,184,77,0.2) 0%, transparent 55%),
    radial-gradient(ellipse 50% 40% at 90% 80%, rgba(168,92,40,0.14) 0%, transparent 50%);
}
[data-holiday="thanksgiving"] header,
[data-holiday="thanksgiving"] nav {
  border-bottom-color: rgba(232,184,77,0.48) !important;
}

/* ── CHRISTMAS / Winter Common ── */
[data-holiday="christmas"] body {
  background-color: #0a1210;
  background-image:
    radial-gradient(ellipse 90% 55% at 50% 0%, rgba(93,255,138,0.14) 0%, transparent 55%),
    radial-gradient(ellipse 50% 40% at 10% 85%, rgba(255,92,92,0.1) 0%, transparent 50%),
    radial-gradient(ellipse 40% 35% at 90% 70%, rgba(184,224,255,0.1) 0%, transparent 50%);
}
[data-holiday="christmas"] header,
[data-holiday="christmas"] nav {
  border-bottom-color: rgba(93,255,138,0.38) !important;
}

/* ── Buttons: holiday-specific gradients ── */
[data-holiday="maple"] .btn-primary,
[data-holiday="maple"] .btn,
[data-holiday="maple"] .cta-button {
  background: linear-gradient(135deg, #e8b84d, #c9782a) !important;
  color: #1a1008 !important;
}
[data-holiday="valentines"] .btn-primary,
[data-holiday="valentines"] .btn,
[data-holiday="valentines"] .cta-button {
  background: linear-gradient(135deg, #ff7eb3, #e066ff) !important;
}
[data-holiday="stpatricks"] .btn-primary,
[data-holiday="stpatricks"] .btn,
[data-holiday="stpatricks"] .cta-button {
  background: linear-gradient(135deg, #00cc55, #00ff6a) !important;
  color: #041408 !important;
}
[data-holiday="halloween"] .btn-primary,
[data-holiday="halloween"] .btn,
[data-holiday="halloween"] .cta-button {
  background: linear-gradient(135deg, #ff6b1a, #9d6dff) !important;
}
[data-holiday="thanksgiving"] .btn-primary,
[data-holiday="thanksgiving"] .btn,
[data-holiday="thanksgiving"] .cta-button {
  background: linear-gradient(135deg, #e8b84d, #a85c28) !important;
  color: #1a1008 !important;
}
[data-holiday="christmas"] .btn-primary,
[data-holiday="christmas"] .btn,
[data-holiday="christmas"] .cta-button {
  background: linear-gradient(135deg, #5dff8a, #ff5c5c) !important;
  color: #0a1210 !important;
}
[data-holiday="oldhome"] .btn-primary,
[data-holiday="oldhome"] .btn,
[data-holiday="oldhome"] .cta-button {
  background: linear-gradient(135deg, #f0d060, #d85454) !important;
  color: #1a1008 !important;
}
html[data-july4-250] .btn-primary,
html[data-july4-250] .btn,
html[data-july4-250] .cta-button {
  background: linear-gradient(135deg, #bf0a30, #002868) !important;
  border-color: rgba(255,255,255,0.55) !important;
  color: #fff !important;
}
[data-holiday="july4"]:not([data-july4-250]) .btn-primary,
html[data-holiday="july4"]:not([data-july4-250]) .btn-primary {
  background: linear-gradient(135deg, #e63946, #3c7ddd) !important;
  color: #fff !important;
}