/* ===================================================================
   Site-wide "Under New Management" announcement bar.
   Pinned above the top nav on every public page. Permanent — no dismiss.
   =================================================================== */
:root {
  --unm-bar-h: 36px;
}
#unmBar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  height: var(--unm-bar-h);
  box-sizing: border-box;
  background: linear-gradient(90deg, #3A0909 0%, #5A1414 50%, #3A0909 100%);
  border-bottom: 1px solid rgba(240, 168, 24, 0.65);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
  color: #FFE6A8;
  text-align: center;
  font-family: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1.4;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#unmBar .unm-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
#unmBar .unm-star {
  color: #F0A818;
  font-size: 14px;
  line-height: 1;
}
#unmBar strong {
  color: #FFD04A;
  font-weight: 700;
  letter-spacing: 0.06em;
}
#unmBar em {
  font-style: normal;
  color: #F8F0E0;
  font-weight: 400;
  letter-spacing: 0.03em;
}
@media (max-width: 640px) {
  #unmBar {
    font-size: 11.5px;
    padding: 7px 12px;
  }
  #unmBar .unm-inner {
    gap: 6px;
  }
}

/* ===================================================================
   Layout offsets: push every fixed nav / secondary banner down by the
   bar height so the UNM bar is never overlapped by the logo or menu.

   Each template uses a different selector + original top value; we
   handle them all here so the fix applies to every page that loads
   this stylesheet.
   =================================================================== */

/* 1. Push the document body down by the bar height so non-fixed page
      content starts below the UNM bar. (margin-top here does NOT
      move position:fixed navs — those are handled below.) */
body {
  margin-top: var(--unm-bar-h) !important;
}

/* 2. Homepage-only grand-reopening strip: position:fixed; top:0.
      Drop it directly under the UNM bar. */
.reopen-banner {
  top: var(--unm-bar-h) !important;
}

/* 3. Main <nav> tag (styles.css) — fixed at top:37px on homepage,
      about, all city pages, reviews, gallery, order-online.
      Add bar height on top of the original 37px. */
nav,
nav#mainNav {
  top: calc(37px + var(--unm-bar-h)) !important;
}

/* 4. Navs that sit at top:0 — catering-quote, bogo-curry,
      twist-up-tuesday, quote-status (.nav), buffet & promo
      (.promo-nav), order (.order-nav). */
.nav,
.promo-nav,
.order-nav {
  top: var(--unm-bar-h) !important;
}

/* 5. menu.html has .menu-page-nav fixed at top:36px — add UNM height. */
.menu-page-nav {
  top: calc(36px + var(--unm-bar-h)) !important;
}

/* 6. Pages with non-fixed navs (privacy.html, terms.html) need no
      additional rule — the body margin-top above handles them. */

/* Hero UNM pill — reusable across all hero sections */
.unm-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 13px;
  background: linear-gradient(135deg, rgba(74, 12, 12, 0.9), rgba(58, 9, 9, 0.9));
  border: 1px solid rgba(240, 168, 24, 0.6);
  border-radius: 50px;
  font-family: 'DM Sans', 'Helvetica Neue', sans-serif;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #FFD04A;
  text-transform: uppercase;
  box-shadow: 0 2px 6px rgba(240, 168, 24, 0.15);
}
.unm-pill::before {
  content: "✦";
  color: #F0A818;
  font-size: 12px;
  line-height: 1;
}