/* 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;
}

/* Public slim landing: countdown stays in DOM (CAD-243) but is not shown on the door. */
#landing.landing-public-slim .home-halloween {
  display: none !important;
}

#landing .home-halloween-line {
  margin: 0;
  display: inline-flex;
  align-items: baseline;
  gap: 0.55em;
  max-width: calc(100% - 8px);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: #F8EFDE;
  font-family: var(--font-ui);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.35;
  -webkit-text-stroke: 0;
  box-shadow: none;
}

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

#landing .home-halloween-tick {
  color: #C5A880;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  white-space: nowrap;
  -webkit-text-stroke: 0;
}

#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: 16px;
  }
}