/* Coon Claw Club — shared top menu (added Nov 2026)
   Loaded on every page after styles.css so the menu looks and works the same everywhere. */

/* Same colors on every page, even ones with a dark background */
.site-header { color: var(--ink); }
.site-header .wordmark-mark { color: var(--brass); }

/* Red "Christmas" pill. AFTER THE HOLIDAYS: delete the Christmas link from each page's menu. */
.main-nav .nav-xmas {
  color: #fff; background: #c0392b; padding: 4px 12px; border-radius: 999px; font-weight: 600;
}
.main-nav .nav-xmas:hover { color: #fff; background: #d04434; }

/* The page you're on */
.main-nav a[aria-current="page"]:not(.nav-xmas) {
  color: var(--ink); text-decoration: underline; text-decoration-color: var(--brass);
  text-decoration-thickness: 2px; text-underline-offset: 6px;
}
.main-nav .nav-xmas[aria-current="page"] { box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px #c0392b; }

/* Cart button is a link on pages other than the home page */
a.cart-btn { text-decoration: none; }

/* Phones: show the menu as a scrollable row under the logo instead of hiding it */
@media (max-width: 720px) {
  .header-row { flex-wrap: wrap; row-gap: 0; }
  .main-nav {
    display: flex; order: 3; flex: 0 0 100%; margin-left: 0; gap: 20px;
    overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch;
    padding: 2px 0 12px; white-space: nowrap;
  }
  .main-nav::-webkit-scrollbar { display: none; }
  .main-nav a { flex: none; font-size: .92rem; }
}

@media print {
  .site-header { display: none !important; }
}