/* ===== Sahara - Halloween banner =====
   Just an orange banner above the top bar; the rest of the site keeps the
   normal Sahara theme. Remove this file and halloween.js to take it down. */

.hw-banner { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 8px 16px; background: linear-gradient(90deg, #ff7a00, #ff9f1c 50%, #ff7a00); color: #1c1028; font-weight: 500; font-size: .92rem; text-align: center; }
.hw-banner strong { font-family: "Creepster", var(--serif); font-weight: 400; font-size: 1.2rem; letter-spacing: .04em; }
.hw-banner a { color: #1c1028; text-decoration: underline; font-weight: 500; white-space: nowrap; }
.hw-banner a:hover { color: var(--maroon-dark); }
.hw-banner svg { width: 22px; height: 22px; flex: none; }

@media (max-width: 600px) {
  /* one short line on phones */
  .hw-banner { gap: 8px; padding: 6px 12px; font-size: .82rem; }
  .hw-banner strong { font-size: 1rem; }
  .hw-banner svg { width: 18px; height: 18px; }
  .hw-extra { display: none; }
}