/* Home landing Halloween countdown (CAD-243).
   Scoped to #landing so the signed-in Member app never sees it.
   Absolute chip in the hero's existing top pad — does not consume the
   measured crest / wordmark / auth bands. Palette is cream / charcoal / rust.
   After Nov 1 the aside stays [hidden] and these rules match nothing. */

#landing .home-halloween {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  display: flex;
  justify-content: center;
  padding: max(6px, env(safe-area-inset-top, 0px)) 12px 0;
  pointer-events: none;
  box-sizing: border-box;
}

#landing .home-halloween[hidden] {
  display: none !important;
}

#landing .home-halloween-line {
  margin: 0;
  display: inline-flex;
  align-items: baseline;
  gap: 0.55em;
  max-width: calc(100% - 8px);
  padding: 4px 12px 5px;
  border: 1px solid rgba(184, 115, 51, 0.42);
  border-radius: 999px;
  background: rgba(242, 232, 212, 0.94);
  color: #2E1C0E;
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.3;
  -webkit-text-stroke: 0.2px #2E1C0E;
  box-shadow: 0 1px 0 rgba(46, 28, 14, 0.06);
}

#landing .home-halloween-label {
  color: #2E1C0E;
  white-space: nowrap;
}

#landing .home-halloween-tick {
  color: #8A551F;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.03em;
  white-space: nowrap;
  -webkit-text-stroke: 0.15px #8A551F;
}

#landing .home-halloween.is-night .home-halloween-line {
  gap: 0;
}

#landing .home-halloween.is-night .home-halloween-tick[hidden] {
  display: none !important;
}

@media (max-width: 360px) {
  #landing .home-halloween-line {
    font-size: 11px;
    padding: 4px 10px 4px;
    letter-spacing: 0.03em;
  }
}