/* Start:/local/templates/union/assets/css/zoom_dark_chrome.css?17843509914853*/
/* ZOOM dark inner-page CHROME (presentation only) — shared across ZOOM dark pages
   (booking, pricing, and any future dark inner page). Loaded per-page via addCss.

   The template header is transparent and the body is white, so on a dark page the
   header reads white and the footer wave reveals a white band. These rules darken the
   body (so the transparent header + wave areas go dark) and relight the header text +
   dropdowns to a light-on-dark treatment matching the homepage. Every rule is
   body.s1-scoped (ZOOM only, never MIX/UNION) and only applies on pages that addCss
   this file — it cannot leak to other pages. The homepage :root tokens are homepage-
   scoped and NOT loaded here, so the palette is declared on body.s1 below. */

body.s1 {
  --zr-console: #131316;   /* primary console ground */
  --zr-console-2: #16161a; /* alt ground (dropdown panels) */
  --zr-line: #2c2c33;      /* hairline borders */
  --zr-pink: #FF006A;      /* ZOOM primary */
  --zr-ink: #f4f4f5;       /* light heading/body ink */
  --zr-dim: #8a8a95;       /* secondary copy */
  --zr-muted: #BFBDBB;     /* dropdown item ink */
  --zr-radius: 14px;
  --zr-radius-pill: 999px;
  --zr-ease-out: cubic-bezier(.23, 1, .32, 1);
  /* dark page: the template header is transparent, so its "white" is just the body
     showing through — darkening the body turns the header (and the footer wave gap) dark. */
  background: var(--zr-console) !important;
}

/* "Open 24/7" ships black (invisible on dark) and is awkwardly placed; hide it like
   the homepage does (it was already unreadable on dark, so nothing visible is lost). */
body.s1 header.header .open24 { display: none !important; }

/* mobile burger bars (closed hamburger AND the open "X") ship black; relight for the
   dark header so the menu control is visible. The bars are ::before/span/::after. */
body.s1 header.header .header__burger span,
body.s1 header.header .header__burger::before,
body.s1 header.header .header__burger::after {
  background: var(--zr-ink) !important;
}

/* utility bar: white location + phone, pink icons */
body.s1 header.header .header-city { color: #fff !important; }
body.s1 header.header .header-city .fa-map-marker,
body.s1 header.header .header-city .marker-img { color: var(--zr-pink) !important; }
body.s1 header.header .head-phone a { color: #fff !important; }
body.s1 header.header .head-phone a .fa-phone { color: var(--zr-pink) !important; }

/* top-level nav links → light */
body.s1 header.header .menu > li > a { color: var(--zr-ink) !important; }
@media (hover: hover) and (pointer: fine) {
  body.s1 header.header .menu > li > a:hover { color: var(--zr-pink) !important; }
}

/* desktop dropdown → console panel + light items (was light plate + black text) */
body.s1 header.header .dropdown-content {
  background: var(--zr-console-2) !important;
  border: 1px solid var(--zr-line) !important;
}
body.s1 header.header .dropdown-content li a { color: var(--zr-muted) !important; }
@media (hover: hover) and (pointer: fine) {
  body.s1 header.header .dropdown-content li a:hover {
    color: var(--zr-ink) !important;
    background: rgba(255, 255, 255, 0.04) !important;
  }
}

/* mobile burger drawer → console drawer (same treatment as the homepage) */
@media (max-width: 767px) {
  body.s1 #navbar-collapse .navbar-nav.menu {
    background: var(--zr-console) !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  body.s1 #navbar-collapse,
  body.s1 .header .navbar-expand-md .navbar-collapse { border: 0 !important; }
  body.s1 #navbar-collapse .navbar-nav .nav-item {
    border-bottom: 1px solid var(--zr-line) !important;
  }
  body.s1 #navbar-collapse .navbar-nav .nav-item:last-child { border-bottom: 0 !important; }
  body.s1 #navbar-collapse .navbar-nav .nav-link { color: var(--zr-ink) !important; }
  body.s1 #navbar-collapse .navbar-nav .nav-link.active,
  body.s1 #navbar-collapse .navbar-nav .nav-item:active .nav-link { color: var(--zr-pink) !important; }
  body.s1 #navbar-collapse .dropdown-mark { color: var(--zr-dim) !important; }
  body.s1 #navbar-collapse .dropdown-content {
    background: var(--zr-console-2) !important;
    border: 1px solid var(--zr-line) !important;
    border-radius: 10px;
  }
  body.s1 #navbar-collapse .dropdown-content li a { color: var(--zr-muted) !important; }
}

/* footer wave (#svgBtmLine): a transparent SVG whose dark path normally rises out of a
   WHITE page. With the dark body it already blends, but back it explicitly with the
   console ground so the last section flows into the dark footer with no light band. */
body.s1 #svgBtmLine {
  /* background-COLOR only (not the shorthand) so a page can layer its own grid
     texture on #svgBtmLine via background-image without this rule wiping it. */
  background-color: var(--zr-console) !important;
}

/* End */
/* /local/templates/union/assets/css/zoom_dark_chrome.css?17843509914853 */