/* =========================================================
   By Anahely — Seasonal styling
   Every rule lives under [data-season="..."], which /js/season.js
   sets on <html> by date. With no attribute set (the rest of the
   year) NOTHING in this file applies and the site is unchanged.

   Contents
   1. FALL  (Sep 22 – Nov 30, US Eastern)
      1a. Palette: brand tokens re-tinted
      1b. Same tokens inside the self-contained guide tools
      1c. Touch 1 — hero sprig + warmer hero circle
      1d. Touch 2 — leaf mark in front of every eyebrow label
      1e. Touch 3 — leaf in the footer rule
      1f. Touch 4 — warm tint on the newsletter block
      1g. Small contrast fixes
   Next season (e.g. December): add a new "[data-season="holiday"]"
   section below and a matching entry in SEASONS in /js/season.js.

   No animation is used anywhere in this file, so there is nothing
   for prefers-reduced-motion to switch off.

   Contrast (WCAG AA 4.5:1 for text), measured:
     rust  #9E4B28 on ivory 5.6:1 · on card 5.1:1 · on white 6.0:1
     olive #5C6A2A on card 5.0:1
     amber #D2933A is only ever used ON plum (5.0:1) or as a
           decorative fill — never as text on a light background.
     newsletter text over the warm glow: lowest measured 5.0:1
           (pixel-sampled behind every word, EN + ES, desktop + mobile).
   ========================================================= */

/* ---------- 1. FALL ---------- */

/* 1a. Palette — plum + ivory stay the base; only the accents warm up.
   :root[...] (not a bare attribute selector) so it beats any page that
   re-declares these tokens at :root, whatever the stylesheet order. */
:root[data-season="fall"] {
  --blush-deep: #9E4B28;   /* deep rust: eyebrows, links, accents (replaces dusty rose) */
  --gold:       #D2933A;   /* amber: newsletter button, rules, fills */
  --sage:       #8A9150;   /* olive: fills and gradient tiles */
  --blush:      #DDA98A;   /* apricot: fills and gradient tiles */
  --fall-olive-ink: #5C6A2A; /* olive dark enough for small text on cream */
}

/* 1b. The interactive guide tools (birth plan, trimester tips, baby
   registry, baby sleep) re-declare the brand tokens inside their own
   wrapper, so the page-level palette above cannot reach inside them. */
[data-season="fall"] .byanahely-trimester,
[data-season="fall"] .byanahely-trimester-es,
[data-season="fall"] .byanahely-babysleep,
[data-season="fall"] .byanahely-babysleep-es,
[data-season="fall"] .byanahely-registry,
[data-season="fall"] .byanahely-registry-es,
[data-season="fall"] .byanahely-birthplan,
[data-season="fall"] .byanahely-birthplan-es {
  --blush-deep: #9E4B28;
  --gold:       #D2933A;
  --sage:       #8A9150;
  --blush:      #DDA98A;
}

/* 1c. A warmer circle behind the hero photo (the hero pumpkins are in 1h). */
[data-season="fall"] .hero-decoration {
  background: #EBD2B6;
}


/* 1d. Touch 2 — the 22px rule in front of each eyebrow label becomes a
   tiny leaf, in the same colour as the label text. The old rule was
   1px tall, the leaf is 13px: shorter than the label's line, so the
   line box (and everything under it) keeps its height. */
@supports ((-webkit-mask-image: url("x.svg")) or (mask-image: url("x.svg"))) {
  [data-season="fall"] .eyebrow::before {
    width: 13px;
    height: 13px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M6 18C5.2 12.5 10.8 5.6 20.5 3.5C18.6 12.6 12.8 18.6 6 18ZM7.68 16.88L18.45 5.65L18.35 5.55L7.12 16.32Z'/%3E%3Cpath d='M6.9 17.9L3.82 21.02L2.98 20.18L6 17.1Z'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M6 18C5.2 12.5 10.8 5.6 20.5 3.5C18.6 12.6 12.8 18.6 6 18ZM7.68 16.88L18.45 5.65L18.35 5.55L7.12 16.32Z'/%3E%3Cpath d='M6.9 17.9L3.82 21.02L2.98 20.18L6 17.1Z'/%3E%3C/svg%3E") center / contain no-repeat;
  }
}

/* 1e. Touch 3 — a leaf sits in the middle of the footer rule. */
[data-season="fall"] .foot-grid {
  position: relative;
  border-top-color: rgba(158, 75, 40, 0.28);
}

[data-season="fall"] .foot-grid::before {
  content: "";
  position: absolute;
  top: -9px;
  left: 50%;
  width: 30px;
  height: 18px;
  transform: translateX(-50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%239E4B28' fill-rule='evenodd' d='M6 18C5.2 12.5 10.8 5.6 20.5 3.5C18.6 12.6 12.8 18.6 6 18ZM7.68 16.88L18.45 5.65L18.35 5.55L7.12 16.32Z'/%3E%3Cpath fill='%239E4B28' d='M6.9 17.9L3.82 21.02L2.98 20.18L6 17.1Z'/%3E%3C/svg%3E") center / 13px 13px no-repeat, var(--ivory);
  pointer-events: none;
}

/* 1f. Touch 4 — the newsletter block keeps its plum base but warms up:
   a soft amber glow from the top corner over a plum that leans toward
   chestnut. Ivory text on the lightest part stays above 12:1. */
[data-season="fall"] .newsletter {
  background:
    radial-gradient(90% 130% at 100% 0%, rgba(210, 147, 58, 0.20) 0%, rgba(210, 147, 58, 0) 62%),
    linear-gradient(160deg, #47291F 0%, #3D2B2E 72%);
}

/* The newsletter eyebrow is small text on the (slightly lifted) glow, so it
   gets a lighter amber than the button: 5.0:1 at its worst point (the page
   sets this colour inline, hence !important). */
[data-season="fall"] .newsletter .eyebrow {
  color: #DDA445 !important;
}

/* 1g. Small contrast fixes that fall to the new palette. */
[data-season="fall"] .guide-card .tag {
  color: var(--fall-olive-ink);
  border-color: var(--sage);
}

/* 1h. Pumpkins and a little more autumn (static inline SVG, no animation).
   Hero: two pumpkins resting at the foot of the photo arch.
   Newsletter: pumpkin trio bottom-right, drifting leaves top-left.
   Footer: the leaf in the rule becomes a small pumpkin.
   To remove all of 1h, delete from here to the end of the section. */
[data-season="fall"] .arc-frame::before {
  content: "";
  position: absolute;
  left: -84px;
  bottom: -30px;
  width: 176px;
  height: 114px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 110'%3E%3Cg transform='translate(8 34) scale(0.62 0.62) rotate(-4 50 40)'%3E%0A%3Cellipse cx='28' cy='48' rx='22' ry='26' fill='%23A9501F'/%3E%3Cellipse cx='72' cy='48' rx='22' ry='26' fill='%23A9501F'/%3E%0A%3Cellipse cx='39' cy='47' rx='20' ry='28' fill='%23C2622A'/%3E%3Cellipse cx='61' cy='47' rx='20' ry='28' fill='%23C2622A'/%3E%0A%3Cellipse cx='50' cy='46' rx='15' ry='29' fill='%23D6823A'/%3E%0A%3Cpath d='M38 22C32 38 32 58 38 72M62 22C68 38 68 58 62 72' stroke='%238E4219' stroke-width='1.4' fill='none' opacity='.55' stroke-linecap='round'/%3E%0A%3Cpath d='M47 21C47 13 50 9 56 6' stroke='%236A4B2B' stroke-width='5.5' fill='none' stroke-linecap='round'/%3E%0A%3Cpath d='M51 18C57 9 69 8 76 13C70 21 58 23 51 18Z' fill='%238A9150'/%3E%3Cpath d='M53 18C60 14 67 13 73 13' stroke='%236F7640' stroke-width='1' fill='none'/%3E%0A%3Cpath d='M47 19C40 14 34 17 36 23C37 26 41 25 40 22' stroke='%238A9150' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%0A%3C/g%3E%3Cg transform='translate(52 8) scale(1.0 1.0) rotate(3 50 40)'%3E%0A%3Cellipse cx='28' cy='48' rx='22' ry='26' fill='%23A9501F'/%3E%3Cellipse cx='72' cy='48' rx='22' ry='26' fill='%23A9501F'/%3E%0A%3Cellipse cx='39' cy='47' rx='20' ry='28' fill='%23C2622A'/%3E%3Cellipse cx='61' cy='47' rx='20' ry='28' fill='%23C2622A'/%3E%0A%3Cellipse cx='50' cy='46' rx='15' ry='29' fill='%23D6823A'/%3E%0A%3Cpath d='M38 22C32 38 32 58 38 72M62 22C68 38 68 58 62 72' stroke='%238E4219' stroke-width='1.4' fill='none' opacity='.55' stroke-linecap='round'/%3E%0A%3Cpath d='M47 21C47 13 50 9 56 6' stroke='%236A4B2B' stroke-width='5.5' fill='none' stroke-linecap='round'/%3E%0A%3Cpath d='M51 18C57 9 69 8 76 13C70 21 58 23 51 18Z' fill='%238A9150'/%3E%3Cpath d='M53 18C60 14 67 13 73 13' stroke='%236F7640' stroke-width='1' fill='none'/%3E%0A%3Cpath d='M47 19C40 14 34 17 36 23C37 26 41 25 40 22' stroke='%238A9150' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%0A%3C/g%3E%3Cg transform='translate(30 98) rotate(-25) scale(0.8)'%3E%3Cpath d='M0 0C5 -9 17 -9 24 0C17 9 5 9 0 0Z' fill='%23D2933A'/%3E%3C/g%3E%3Cg transform='translate(132 100) rotate(20) scale(0.7)'%3E%3Cpath d='M0 0C5 -9 17 -9 24 0C17 9 5 9 0 0Z' fill='%238A9150'/%3E%3Cpath d='M2 0L20 0' stroke='%236F7640' stroke-width='.9' opacity='.7'/%3E%3C/g%3E%3Cg transform='translate(100 102) rotate(-8) scale(0.65)'%3E%3Cpath d='M0 0C5 -9 17 -9 24 0C17 9 5 9 0 0Z' fill='%239E4B28'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
  z-index: 3;
  pointer-events: none;
}

[data-season="fall"] .newsletter {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
[data-season="fall"] .newsletter::before,
[data-season="fall"] .newsletter::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: contain;
}
[data-season="fall"] .newsletter::after {
  right: 3.5%;
  bottom: -4px;
  width: 290px;
  height: 151px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 130'%3E%3Cg transform='translate(70 16) scale(1.15 1.15) rotate(0 50 40)'%3E%0A%3Cellipse cx='28' cy='48' rx='22' ry='26' fill='%23BD6128'/%3E%3Cellipse cx='72' cy='48' rx='22' ry='26' fill='%23BD6128'/%3E%0A%3Cellipse cx='39' cy='47' rx='20' ry='28' fill='%23D2752F'/%3E%3Cellipse cx='61' cy='47' rx='20' ry='28' fill='%23D2752F'/%3E%0A%3Cellipse cx='50' cy='46' rx='15' ry='29' fill='%23E59546'/%3E%0A%3Cpath d='M38 22C32 38 32 58 38 72M62 22C68 38 68 58 62 72' stroke='%239E4B28' stroke-width='1.4' fill='none' opacity='.55' stroke-linecap='round'/%3E%0A%3Cpath d='M47 21C47 13 50 9 56 6' stroke='%238A6A44' stroke-width='5.5' fill='none' stroke-linecap='round'/%3E%0A%3Cpath d='M51 18C57 9 69 8 76 13C70 21 58 23 51 18Z' fill='%239BA35A'/%3E%3Cpath d='M53 18C60 14 67 13 73 13' stroke='%237C8445' stroke-width='1' fill='none'/%3E%0A%3Cpath d='M47 19C40 14 34 17 36 23C37 26 41 25 40 22' stroke='%239BA35A' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%0A%3C/g%3E%3Cg transform='translate(8 58) scale(0.62 0.62) rotate(-6 50 40)'%3E%0A%3Cellipse cx='28' cy='48' rx='22' ry='26' fill='%23BD6128'/%3E%3Cellipse cx='72' cy='48' rx='22' ry='26' fill='%23BD6128'/%3E%0A%3Cellipse cx='39' cy='47' rx='20' ry='28' fill='%23D2752F'/%3E%3Cellipse cx='61' cy='47' rx='20' ry='28' fill='%23D2752F'/%3E%0A%3Cellipse cx='50' cy='46' rx='15' ry='29' fill='%23E59546'/%3E%0A%3Cpath d='M38 22C32 38 32 58 38 72M62 22C68 38 68 58 62 72' stroke='%239E4B28' stroke-width='1.4' fill='none' opacity='.55' stroke-linecap='round'/%3E%0A%3Cpath d='M47 21C47 13 50 9 56 6' stroke='%238A6A44' stroke-width='5.5' fill='none' stroke-linecap='round'/%3E%0A%3Cpath d='M51 18C57 9 69 8 76 13C70 21 58 23 51 18Z' fill='%239BA35A'/%3E%3Cpath d='M53 18C60 14 67 13 73 13' stroke='%237C8445' stroke-width='1' fill='none'/%3E%0A%3Cpath d='M47 19C40 14 34 17 36 23C37 26 41 25 40 22' stroke='%239BA35A' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%0A%3C/g%3E%3Cg transform='translate(244.0 50) scale(-0.78 0.78) rotate(6 50 40)'%3E%0A%3Cellipse cx='28' cy='48' rx='22' ry='26' fill='%23BD6128'/%3E%3Cellipse cx='72' cy='48' rx='22' ry='26' fill='%23BD6128'/%3E%0A%3Cellipse cx='39' cy='47' rx='20' ry='28' fill='%23D2752F'/%3E%3Cellipse cx='61' cy='47' rx='20' ry='28' fill='%23D2752F'/%3E%0A%3Cellipse cx='50' cy='46' rx='15' ry='29' fill='%23E59546'/%3E%0A%3Cpath d='M38 22C32 38 32 58 38 72M62 22C68 38 68 58 62 72' stroke='%239E4B28' stroke-width='1.4' fill='none' opacity='.55' stroke-linecap='round'/%3E%0A%3Cpath d='M47 21C47 13 50 9 56 6' stroke='%238A6A44' stroke-width='5.5' fill='none' stroke-linecap='round'/%3E%0A%3Cpath d='M51 18C57 9 69 8 76 13C70 21 58 23 51 18Z' fill='%239BA35A'/%3E%3Cpath d='M53 18C60 14 67 13 73 13' stroke='%237C8445' stroke-width='1' fill='none'/%3E%0A%3Cpath d='M47 19C40 14 34 17 36 23C37 26 41 25 40 22' stroke='%239BA35A' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%0A%3C/g%3E%3Cg transform='translate(14 118) rotate(-18) scale(0.8)'%3E%3Cpath d='M0 0C5 -9 17 -9 24 0C17 9 5 9 0 0Z' fill='%23DDA445'/%3E%3C/g%3E%3Cg transform='translate(150 121) rotate(12) scale(0.8)'%3E%3Cpath d='M0 0C5 -9 17 -9 24 0C17 9 5 9 0 0Z' fill='%239BA35A'/%3E%3Cpath d='M2 0L20 0' stroke='%237C8445' stroke-width='.9' opacity='.7'/%3E%3C/g%3E%3Cg transform='translate(196 108) rotate(-30) scale(0.6)'%3E%3Cpath d='M0 0C5 -9 17 -9 24 0C17 9 5 9 0 0Z' fill='%23C0662C'/%3E%3C/g%3E%3C/svg%3E");
  background-position: right bottom;
}
[data-season="fall"] .newsletter::before {
  left: 4%;
  top: 12%;
  width: 190px;
  height: 114px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 120'%3E%3Cg transform='translate(20 30) rotate(-35) scale(1.5)'%3E%3Cpath d='M0 0C5 -9 17 -9 24 0C17 9 5 9 0 0Z' fill='%23C0662C'/%3E%3Cpath d='M2 0L20 0' stroke='%238A3F1F' stroke-width='.9' opacity='.7'/%3E%3C/g%3E%3Cg transform='translate(88 18) rotate(10) scale(1.2)'%3E%3Cpath d='M0 0C5 -9 17 -9 24 0C17 9 5 9 0 0Z' fill='%23DDA445'/%3E%3Cpath d='M2 0L20 0' stroke='%23A7761F' stroke-width='.9' opacity='.7'/%3E%3C/g%3E%3Cg transform='translate(40 86) rotate(28) scale(1.3)'%3E%3Cpath d='M0 0C5 -9 17 -9 24 0C17 9 5 9 0 0Z' fill='%239BA35A'/%3E%3Cpath d='M2 0L20 0' stroke='%237C8445' stroke-width='.9' opacity='.7'/%3E%3C/g%3E%3Cg transform='translate(130 74) rotate(-10) scale(1.0)'%3E%3Cpath d='M0 0C5 -9 17 -9 24 0C17 9 5 9 0 0Z' fill='%23B45A2A'/%3E%3Cpath d='M2 0L20 0' stroke='%237E3A1B' stroke-width='.9' opacity='.7'/%3E%3C/g%3E%3Cg transform='translate(160 104) rotate(35) scale(0.8)'%3E%3Cpath d='M0 0C5 -9 17 -9 24 0C17 9 5 9 0 0Z' fill='%23DDA445'/%3E%3C/g%3E%3C/svg%3E");
  opacity: .9;
}
@media (max-width: 1240px) {
  [data-season="fall"] .newsletter { padding-bottom: 104px; }
  [data-season="fall"] .newsletter::before { display: none; }
  [data-season="fall"] .newsletter::after {
    right: 50%;
    transform: translateX(50%);
    width: 170px;
    height: 88px;
    bottom: 6px;
  }
}

[data-season="fall"] .foot-grid::before {
  top: -14px;
  width: 40px;
  height: 28px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 78'%3E%3Cg transform='translate(0 2) scale(1.0 1.0) rotate(0 50 40)'%3E%0A%3Cellipse cx='28' cy='48' rx='22' ry='26' fill='%23A9501F'/%3E%3Cellipse cx='72' cy='48' rx='22' ry='26' fill='%23A9501F'/%3E%0A%3Cellipse cx='39' cy='47' rx='20' ry='28' fill='%23C2622A'/%3E%3Cellipse cx='61' cy='47' rx='20' ry='28' fill='%23C2622A'/%3E%0A%3Cellipse cx='50' cy='46' rx='15' ry='29' fill='%23D6823A'/%3E%0A%3Cpath d='M38 22C32 38 32 58 38 72M62 22C68 38 68 58 62 72' stroke='%238E4219' stroke-width='1.4' fill='none' opacity='.55' stroke-linecap='round'/%3E%0A%3Cpath d='M47 21C47 13 50 9 56 6' stroke='%236A4B2B' stroke-width='5.5' fill='none' stroke-linecap='round'/%3E%0A%3Cpath d='M51 18C57 9 69 8 76 13C70 21 58 23 51 18Z' fill='%238A9150'/%3E%3Cpath d='M53 18C60 14 67 13 73 13' stroke='%236F7640' stroke-width='1' fill='none'/%3E%0A%3Cpath d='M47 19C40 14 34 17 36 23C37 26 41 25 40 22' stroke='%238A9150' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%0A%3C/g%3E%3C/svg%3E") center / 78% no-repeat #FBF6F1;
}