/* thanksgiving.css — seasonal theme. Selected in Admin › Config › Active Theme.
   See christmas.css for how themes work: they override the --c-* brand color
   variables (space-separated RGB) under html[data-theme=…].
   ------------------------------------------------------------------------- */
@import url("default.css");

html[data-theme="thanksgiving"] {
  --c-primary:   107 46 31;    /* chestnut     #6B2E1F */
  --c-secondary: 181 84 28;    /* burnt orange #B5541C */
  --c-accent:    217 154 43;   /* harvest gold #D99A2B */
  --c-nav-hover: 246 215 167;  /* wheat        #F6D7A7 */
}

html[data-theme="thanksgiving"] .icon-secondary {
  filter: invert(82%) sepia(1%) saturate(5789%) hue-rotate(338deg) brightness(57%) contrast(391%);
}

/* ---- Autumn ribbon along the top edge of the header ---- */
html[data-theme="thanksgiving"] .site-header::after {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 5px;
  z-index: -1;               /* stays under the logo */
  background: linear-gradient(90deg,
    #8B2E16 0%, #C8642B 20%, #D99A2B 40%, #7A8B2E 55%, #D99A2B 70%, #C8642B 85%, #8B2E16 100%);
  opacity: 0.95;
}

/* ---- Leaves drifting down over page banners ----
   Three layers of randomly placed leaves; nearer (bigger) leaves fall faster. */
html[data-theme="thanksgiving"] .hero-band::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='419' height='419'%3E%3Cg opacity='0.88'%3E%3Cg transform='translate(98 120) rotate(289) scale(1.33) translate(-12 -12)'%3E%3Cpath d='M12 1C18 5 21 11 12 23C3 11 6 5 12 1Z' fill='%23D99A2B'/%3E%3Cpath d='M12 4V22M12 10l-4-3M12 10l4-3M12 15l-5-3M12 15l5-3' stroke='rgba(0%2C0%2C0%2C0.25)' stroke-width='0.8' fill='none' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(403 23) rotate(359) scale(1.13) translate(-12 -12)'%3E%3Cpath d='M12 1C18 5 21 11 12 23C3 11 6 5 12 1Z' fill='%237A8B2E'/%3E%3Cpath d='M12 4V22M12 10l-4-3M12 10l4-3M12 15l-5-3M12 15l5-3' stroke='rgba(0%2C0%2C0%2C0.25)' stroke-width='0.8' fill='none' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(265 54) rotate(77) scale(1.33) translate(-12 -12)'%3E%3Cpath d='M12 1C18 5 21 11 12 23C3 11 6 5 12 1Z' fill='%23D99A2B'/%3E%3Cpath d='M12 4V22M12 10l-4-3M12 10l4-3M12 15l-5-3M12 15l5-3' stroke='rgba(0%2C0%2C0%2C0.25)' stroke-width='0.8' fill='none' stroke-linecap='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='331' height='331'%3E%3Cg opacity='0.88'%3E%3Cg transform='translate(18 199) rotate(139) scale(0.96) translate(-12 -12)'%3E%3Cpath d='M12 1C18 5 21 11 12 23C3 11 6 5 12 1Z' fill='%23C8642B'/%3E%3Cpath d='M12 4V22M12 10l-4-3M12 10l4-3M12 15l-5-3M12 15l5-3' stroke='rgba(0%2C0%2C0%2C0.25)' stroke-width='0.8' fill='none' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(42 190) rotate(216) scale(0.84) translate(-12 -12)'%3E%3Cpath d='M12 1C18 5 21 11 12 23C3 11 6 5 12 1Z' fill='%23D99A2B'/%3E%3Cpath d='M12 4V22M12 10l-4-3M12 10l4-3M12 15l-5-3M12 15l5-3' stroke='rgba(0%2C0%2C0%2C0.25)' stroke-width='0.8' fill='none' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(202 53) rotate(300) scale(0.91) translate(-12 -12)'%3E%3Cpath d='M12 1C18 5 21 11 12 23C3 11 6 5 12 1Z' fill='%238B2E16'/%3E%3Cpath d='M12 4V22M12 10l-4-3M12 10l4-3M12 15l-5-3M12 15l5-3' stroke='rgba(0%2C0%2C0%2C0.25)' stroke-width='0.8' fill='none' stroke-linecap='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='263' height='263'%3E%3Cg opacity='0.88'%3E%3Cg transform='translate(217 58) rotate(327) scale(0.57) translate(-12 -12)'%3E%3Cpath d='M12 1C18 5 21 11 12 23C3 11 6 5 12 1Z' fill='%237A8B2E'/%3E%3Cpath d='M12 4V22M12 10l-4-3M12 10l4-3M12 15l-5-3M12 15l5-3' stroke='rgba(0%2C0%2C0%2C0.25)' stroke-width='0.8' fill='none' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(73 59) rotate(339) scale(0.66) translate(-12 -12)'%3E%3Cpath d='M12 1C18 5 21 11 12 23C3 11 6 5 12 1Z' fill='%238B2E16'/%3E%3Cpath d='M12 4V22M12 10l-4-3M12 10l4-3M12 15l-5-3M12 15l5-3' stroke='rgba(0%2C0%2C0%2C0.25)' stroke-width='0.8' fill='none' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(175 105) rotate(28) scale(0.62) translate(-12 -12)'%3E%3Cpath d='M12 1C18 5 21 11 12 23C3 11 6 5 12 1Z' fill='%23C8642B'/%3E%3Cpath d='M12 4V22M12 10l-4-3M12 10l4-3M12 15l-5-3M12 15l5-3' stroke='rgba(0%2C0%2C0%2C0.25)' stroke-width='0.8' fill='none' stroke-linecap='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 419px 419px, 331px 331px, 263px 263px;
  animation: mcm-leaffall 40s linear infinite;
}

/* Each layer moves a whole number of tiles, so the loop is seamless. */
@keyframes mcm-leaffall {
  from { background-position: 0 0, 0 0, 0 0; }
  to   { background-position: 419px 1257px, -331px 993px, 263px 789px; }
}

/* Harvest-gold underline on the hero heading */
html[data-theme="thanksgiving"] .hero-overlay h1::after {
  content: "";
  display: block;
  width: 72px; height: 3px;
  margin: 0.6rem auto 0;
  border-radius: 3px;
  background: rgb(var(--c-accent));
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="thanksgiving"] .hero-band::after { animation: none; }
}