/**
 * Volt N' Vent — readable text on light/tan cards (prices were yellow-on-tan).
 * Gold/yellow text belongs on navy backgrounds; navy text on tan cards.
 */

/* Navy highlight tile (Starting Price, featured package, etc.) */
.vnv-stat-card {
  background: linear-gradient(160deg, #0f2844 0%, #153a5c 100%);
  border: 2px solid rgba(247, 198, 0, 0.45);
  color: #edbe87;
}
.vnv-stat-card .vnv-stat-label {
  color: rgba(237, 190, 135, 0.85);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.vnv-stat-card .vnv-stat-price {
  color: #f7c600;
  font-family: Fredoka, system-ui, sans-serif;
  font-size: 1.875rem;
  font-weight: 700;
  margin-top: 0.25rem;
  line-height: 1.2;
}
.vnv-stat-card h3 {
  color: #f7c600;
}

/* Package option card — navy price header strip */
.vnv-package-head {
  background: linear-gradient(160deg, #0f2844 0%, #153a5c 100%);
  padding: 1.5rem;
  border-bottom: 2px solid rgba(21, 58, 92, 0.15);
}
.vnv-package-head p.text-xs {
  color: rgba(237, 190, 135, 0.8) !important;
}
.vnv-package-head .font-display {
  color: #f7c600 !important;
}

/* Tan stat tiles (non-featured) — navy text */
.vnv-tan-stat {
  background-color: rgba(242, 212, 170, 0.65);
  border: 2px solid rgba(21, 58, 92, 0.12);
}
.vnv-tan-stat .vnv-stat-price,
.vnv-tan-stat .font-display {
  color: #153a5c !important;
}

/* Safety net: large gold prices on paper-lift cards → navy */
.bg-paper-lift\/50 .font-display.text-4xl.font-bold.text-gold:not(.vnv-package-head *),
.bg-paper-lift\/50 .font-display.text-3xl.font-bold.text-gold:not(.vnv-package-head *),
.bg-paper-lift\/80 .font-display.text-3xl.font-bold.text-gold,
.border-gold.bg-paper-lift\/50 .font-display.text-5xl.font-bold.text-gold,
.border-gold.bg-paper-lift\/80 .font-display.text-3xl.font-bold.text-gold {
  color: #153a5c !important;
}

/* ============================================================
   MODERN POP v3 — bold float/glow on every page (brand kept).
   ============================================================ */
a.bg-gold, button.bg-gold, .vnv-mobile-call {
  background-image: linear-gradient(180deg, #ffe25c 0%, #f7c600 45%, #e6b400 100%) !important;
  box-shadow: 0 18px 40px -8px rgba(247,198,0,.72), 0 10px 22px -6px rgba(15,40,68,.45),
              inset 0 1px 0 rgba(255,255,255,.7), inset 0 -2px 0 rgba(170,125,0,.4) !important;
  border: 1px solid rgba(214,160,0,.6) !important;
  transition: transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s ease, filter .2s ease !important;
}
a.bg-gold:hover, button.bg-gold:hover, .vnv-mobile-call:hover {
  transform: translateY(-6px) scale(1.045);
  box-shadow: 0 32px 64px -10px rgba(247,198,0,.88), 0 18px 32px -8px rgba(15,40,68,.52),
              inset 0 1px 0 rgba(255,255,255,.75) !important;
  filter: brightness(1.05) saturate(1.1);
}
a.bg-navy, button.bg-navy, a.bg-navy-deep, button.bg-navy-deep {
  background-image: linear-gradient(180deg, #20548a 0%, #153a5c 50%, #0f2844 100%) !important;
  box-shadow: 0 18px 40px -8px rgba(21,58,92,.66), 0 10px 22px -6px rgba(15,40,68,.42),
              inset 0 1px 0 rgba(255,255,255,.2) !important;
  border: 1px solid rgba(126,184,214,.28) !important;
  transition: transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s ease, filter .2s ease !important;
}
a.bg-navy:hover, button.bg-navy:hover, a.bg-navy-deep:hover, button.bg-navy-deep:hover {
  transform: translateY(-6px) scale(1.045);
  box-shadow: 0 32px 64px -10px rgba(21,58,92,.82), 0 18px 32px -8px rgba(15,40,68,.55) !important;
  filter: brightness(1.1);
}
a.border-navy, button.border-navy {
  background-image: linear-gradient(180deg, #f9e6cb 0%, #f2d4aa 55%, #ecc596 100%) !important;
  box-shadow: 0 16px 36px -8px rgba(21,58,92,.42), 0 8px 18px -6px rgba(15,40,68,.32),
              inset 0 1px 0 rgba(255,255,255,.6) !important;
  transition: transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s ease !important;
}
a.border-navy:hover, button.border-navy:hover {
  transform: translateY(-6px) scale(1.045);
  box-shadow: 0 32px 60px -10px rgba(21,58,92,.55), 0 16px 30px -8px rgba(15,40,68,.42) !important;
}
a.bg-gold:active, a.bg-navy:active, a.border-navy:active, .vnv-mobile-call:active { transform: translateY(-2px) scale(1); }
.vnv-elec-card, .vnv-stat-card {
  box-shadow: 0 16px 36px -10px rgba(15,40,68,.50) !important;
  transition: transform .24s cubic-bezier(.2,.8,.2,1), box-shadow .24s ease !important;
}
.vnv-elec-card:hover, .vnv-stat-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 36px 64px -12px rgba(15,40,68,.62), 0 12px 22px -8px rgba(15,40,68,.38) !important;
}
@keyframes vnvFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-14px)} }
.logo-wrap:not(.logo-wrap-nav) .logo-figure {
  filter: drop-shadow(0 26px 30px rgba(15,40,68,.48));
  animation: vnvFloat 4.5s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce){ .logo-wrap:not(.logo-wrap-nav) .logo-figure { animation: none; } }

/* ============================================================
   MODERN POP v3.1 — EVERYTHING pops: all buttons, cards, text.
   ============================================================ */
/* remaining button types: Try Estimator (border-paper), nav (border-rust), rust */
a[class*="border-paper"], a.bg-rust, button.bg-rust, a[class*="border-rust"] {
  box-shadow: 0 14px 32px -8px rgba(15,40,68,.45), 0 6px 14px -6px rgba(15,40,68,.30), inset 0 1px 0 rgba(255,255,255,.25) !important;
  transition: transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s ease, filter .2s ease !important;
}
a[class*="border-paper"]:hover, a.bg-rust:hover, a[class*="border-rust"]:hover {
  transform: translateY(-5px) scale(1.04); filter: brightness(1.07);
  box-shadow: 0 26px 50px -10px rgba(15,40,68,.55) !important;
}
/* ALL CARDS pop: service cards (rounded-3xl), FAQ, package/stat cards */
a.rounded-3xl, div.rounded-3xl, details.faq-item, .faq-item, .vnv-tan-stat, .vnv-package-head {
  box-shadow: 0 16px 38px -10px rgba(15,40,68,.42) !important;
  transition: transform .24s cubic-bezier(.2,.8,.2,1), box-shadow .24s ease, border-color .24s ease !important;
}
a.rounded-3xl:hover, div.rounded-3xl:hover, details.faq-item:hover, .faq-item:hover {
  transform: translateY(-7px);
  box-shadow: 0 38px 66px -12px rgba(15,40,68,.56), 0 12px 22px -8px rgba(15,40,68,.34) !important;
}
/* badges/pills get a soft lift */
span.rounded-full[class*="border"], span[class*="rounded-full"][class*="bg-"] {
  box-shadow: 0 6px 15px -4px rgba(15,40,68,.32), inset 0 1px 0 rgba(255,255,255,.5) !important;
}
/* TEXT pops — headings get depth, body a subtle crispness */
h1.font-display, h2.font-display, h3.font-display, h4.font-display, .font-display.font-bold {
  text-shadow: 0 2px 5px rgba(15,40,68,.22), 0 1px 1px rgba(15,40,68,.14);
}
.text-gold.font-display, h2.text-gold, h3.text-gold, .vnv-stat-price {
  text-shadow: 0 2px 7px rgba(0,0,0,.38), 0 0 16px rgba(247,198,0,.28) !important;
}
p, li, a, span, td, th, dd, dt { text-shadow: 0 1px 1px rgba(15,40,68,.07); }

/* ============================================================
   MODERN POP v3.2 — feature/service cards SOLID + popping (all pages).
   ============================================================ */
/* cream service cards: solid fill + defined border + strong lift */
a.rounded-3xl, a.block.rounded-3xl {
  background-image: linear-gradient(158deg, #fbe9d2 0%, #f3d6ad 100%) !important;
  border-width: 2px !important;
  border-color: rgba(21,58,92,.24) !important;
  box-shadow: 0 22px 48px -12px rgba(15,40,68,.52), 0 6px 14px -8px rgba(15,40,68,.30),
              inset 0 1px 0 rgba(255,255,255,.7) !important;
}
a.rounded-3xl:hover, a.block.rounded-3xl:hover {
  transform: translateY(-9px) !important;
  border-color: rgba(126,184,214,.85) !important;
  box-shadow: 0 48px 84px -14px rgba(15,40,68,.62), 0 16px 28px -10px rgba(15,40,68,.38) !important;
}
/* navy electrical cards: gold edge + deep shadow + glow on hover */
.vnv-elec-card {
  border: 1px solid rgba(247,198,0,.32) !important;
  box-shadow: 0 22px 46px -12px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.vnv-elec-card:hover {
  transform: translateY(-9px) !important;
  border-color: rgba(247,198,0,.75) !important;
  box-shadow: 0 46px 82px -14px rgba(0,0,0,.66), 0 0 30px rgba(247,198,0,.22) !important;
}

/* ============================================================
   MODERN POP v3.3 — <article>/<section> content panels pop too.
   These were the faint "outline only" cards that slipped through.
   ============================================================ */
/* cream/light content cards — SOLID fill, defined edge, real lift */
article[class*="rounded-"]:not([class*="bg-navy"]):not([class*="bg-gold"]),
div[class*="rounded-3xl"]:not([class*="bg-navy"]):not([class*="bg-gold"]):not([class*="bg-gradient"]) {
  background-image: linear-gradient(158deg, #fbe9d2 0%, #f3d6ad 100%) !important;
  border-width: 2px !important;
  border-color: rgba(21,58,92,.24) !important;
  box-shadow: 0 22px 48px -12px rgba(15,40,68,.50), 0 6px 14px -8px rgba(15,40,68,.28),
              inset 0 1px 0 rgba(255,255,255,.72) !important;
  transition: transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease !important;
}
article[class*="rounded-"]:not([class*="bg-navy"]):not([class*="bg-gold"]):hover,
div[class*="rounded-3xl"]:not([class*="bg-navy"]):not([class*="bg-gold"]):not([class*="bg-gradient"]):hover {
  transform: translateY(-8px) !important;
  border-color: rgba(126,184,214,.85) !important;
  box-shadow: 0 48px 84px -14px rgba(15,40,68,.6), 0 16px 28px -10px rgba(15,40,68,.36) !important;
}
/* navy content cards — deep shadow + gold glow on hover (borders kept) */
article[class*="bg-navy"], div[class*="rounded-3xl"][class*="bg-navy"] {
  box-shadow: 0 22px 48px -12px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.08) !important;
  transition: transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease !important;
}
article[class*="bg-navy"]:hover, div[class*="rounded-3xl"][class*="bg-navy"]:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 48px 86px -14px rgba(0,0,0,.66), 0 0 32px rgba(247,198,0,.22) !important;
}

/* ============================================================
   MODERN POP v3.4 — UNIVERSAL card coverage. Every rounded panel
   on every page lifts & pops, any tag, any size. (Buttons <a>
   are excluded here — they have their own glow rules above.)
   ============================================================ */
:is(article,aside,section,div,li,label)[class*="rounded-3xl"],
:is(article,aside,section,div,li,label)[class*="rounded-2xl"],
:is(article,aside,section,div,li,label)[class*="rounded-xl"] {
  box-shadow: 0 18px 42px -12px rgba(15,40,68,.44), inset 0 1px 0 rgba(255,255,255,.30) !important;
  transition: transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease, border-color .22s ease !important;
}
:is(article,aside,section,div,li,label)[class*="rounded-3xl"]:hover,
:is(article,aside,section,div,li,label)[class*="rounded-2xl"]:hover,
:is(article,aside,section,div,li,label)[class*="rounded-xl"]:hover {
  transform: translateY(-7px) !important;
  box-shadow: 0 42px 78px -16px rgba(15,40,68,.56) !important;
}
/* light/cream cards — SOLID fill so the shadow has something to lift off */
:is(article,aside,section,div,li,label)[class*="bg-paper"] {
  background-image: linear-gradient(158deg, #fbe9d2 0%, #f3d6ad 100%) !important;
  border-color: rgba(21,58,92,.22) !important;
}
/* dark navy / glass cards — deep shadow + gold edge-glow on hover */
:is(article,aside,section,div)[class*="bg-navy"]:hover,
:is(article,aside,section,div)[class*="bg-white/1"]:hover {
  box-shadow: 0 42px 82px -16px rgba(0,0,0,.62), 0 0 32px rgba(247,198,0,.20) !important;
}

/* ============================================================
   v3.5 — Opaque cards/pills on motif sections (no faded bleed-through).
   Semi-transparent Tailwind utilities become solid brand surfaces.
   ============================================================ */
/* Navy glass cards (financing steps, mini-split use cases, etc.) */
body.vnv-bg-site :is(article, div, aside)[class*="bg-navy/"] {
  background-color: #153a5c !important;
  background-image: linear-gradient(165deg, #1a4670 0%, #153a5c 55%, #0f2844 100%) !important;
  backdrop-filter: none !important;
}

/* Dark-band pills and hero chips — solid, readable */
body.vnv-bg-site :is(section, header)[class*="bg-navy"] :is(span, a)[class*="bg-white/"],
body.vnv-bg-site .vnv-bg-panel :is(span, a)[class*="bg-white/"],
body.vnv-bg-site .vnv-bg-ev :is(span, a)[class*="bg-white/"] {
  background-color: #1e4a72 !important;
  background-image: linear-gradient(165deg, #245580 0%, #1e4a72 100%) !important;
  color: #edbe87 !important;
  border-color: rgba(237, 190, 135, 0.35) !important;
}

/* Frosted hero asides on inner pages — keep glass look but opaque enough */
body.vnv-bg-site header.page-hero aside[class*="bg-white/"] {
  background-color: rgba(21, 58, 92, 0.92) !important;
  background-image: linear-gradient(165deg, rgba(26, 70, 112, 0.95) 0%, rgba(15, 40, 68, 0.95) 100%) !important;
  backdrop-filter: none !important;
}

/* Semi-transparent cream cards */
body.vnv-bg-site :is(article, div, a, aside)[class*="bg-paper-lift/"],
body.vnv-bg-site :is(article, div)[class*="bg-paper-soft/"],
body.vnv-bg-site :is(article, div)[class*="bg-white/45"],
body.vnv-bg-site :is(article, div)[class*="bg-white/40"]:not(header *) {
  background-color: #f3d6ad !important;
  background-image: linear-gradient(158deg, #fbe9d2 0%, #f3d6ad 100%) !important;
}

/* Navy promo panels with blur/transparency */
body.vnv-bg-site :is(div, section, aside)[class*="bg-navy-deep/"],
body.vnv-bg-site [class*="backdrop-blur"][class*="bg-navy"] {
  background-color: #0f2844 !important;
  background-image: linear-gradient(165deg, #153a5c 0%, #0f2844 100%) !important;
  backdrop-filter: none !important;
}

/* Contact/licensing inset on dark sections */
body.vnv-bg-site .vnv-bg-ev [class*="bg-navy/50"] {
  background-color: #0f2844 !important;
  background-image: linear-gradient(165deg, #153a5c 0%, #0f2844 100%) !important;
}

/* Washed-out gradient bands → solid readable tints */
body.vnv-bg-site [class*="from-skybrand/"] {
  background-image: linear-gradient(135deg, #b8e0f4 0%, #edbe87 55%, #e7b67c 100%) !important;
  background-color: #edbe87 !important;
}

body.vnv-bg-site .vnv-tan-stat {
  background-color: #f3d6ad !important;
  background-image: linear-gradient(158deg, #fbe9d2 0%, #f3d6ad 100%) !important;
}

/* ============================================================
   v3.6 — Mobile polish: dark bands stay dark, chat clears thumb bar.
   ============================================================ */
body.vnv-bg-site .vnv-bg-section.vnv-bg-ev {
  background-color: #153a5c !important;
  background-image: linear-gradient(165deg, #153a5c 0%, #0f2844 52%, #153a5c 100%) !important;
}

body.vnv-bg-site .vnv-bg-section.vnv-bg-electrical {
  background-color: #0f2844 !important;
  background-image: linear-gradient(165deg, #0f2844 0%, #153a5c 50%, #0f2844 100%) !important;
}

body.vnv-bg-site .vnv-bg-section.vnv-bg-panel {
  background-color: #0f2844 !important;
  background-image: linear-gradient(165deg, #0f2844 0%, #153a5c 100%) !important;
}

body.vnv-bg-site #contact.vnv-bg-ev h2,
body.vnv-bg-site #contact.vnv-bg-ev .text-gold {
  color: #f7c600 !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45), 0 0 14px rgba(247, 198, 0, 0.18);
}

body.vnv-bg-site #contact.vnv-bg-ev p,
body.vnv-bg-site #contact.vnv-bg-ev .text-paper,
body.vnv-bg-site #contact.vnv-bg-ev .text-paper\/95,
body.vnv-bg-site #contact.vnv-bg-ev .text-paper\/90,
body.vnv-bg-site #contact.vnv-bg-ev .text-paper\/70,
body.vnv-bg-site #contact.vnv-bg-ev .text-paper\/60 {
  color: rgba(237, 190, 135, 0.96) !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

body.vnv-bg-site #contact.vnv-bg-ev a.text-gold,
body.vnv-bg-site #contact.vnv-bg-ev a.text-skybrand {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

body.vnv-bg-site #electrical.vnv-bg-electrical > .max-w-7xl > h2 {
  color: #f7c600 !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45), 0 0 14px rgba(247, 198, 0, 0.18);
}

body.vnv-bg-site #electrical.vnv-bg-electrical > .max-w-7xl > p {
  color: rgba(237, 190, 135, 0.96) !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

@media (max-width: 767px) {
  /* Drop cutout islands on small screens — full section stays solid navy. */
  body.vnv-bg-site .vnv-bg-ev > :is(.max-w-3xl, .max-w-4xl, .max-w-5xl, .max-w-6xl, .max-w-7xl)::before,
  body.vnv-bg-site .vnv-bg-electrical > :is(.max-w-3xl, .max-w-4xl, .max-w-5xl, .max-w-6xl, .max-w-7xl)::before,
  body.vnv-bg-site .vnv-bg-panel > :is(.max-w-3xl, .max-w-4xl, .max-w-5xl, .max-w-6xl, .max-w-7xl)::before {
    display: none !important;
  }

  body.vnv-bg-site #contact.vnv-bg-ev,
  body.vnv-bg-site #electrical.vnv-bg-electrical {
    background-color: #153a5c !important;
    background-image: linear-gradient(165deg, #153a5c 0%, #0f2844 55%, #153a5c 100%) !important;
  }

  body.vnv-bg-site #contact.vnv-bg-ev h2,
  body.vnv-bg-site #contact.vnv-bg-ev .text-gold,
  body.vnv-bg-site #electrical.vnv-bg-electrical > .max-w-7xl > h2 {
    color: #f7c600 !important;
    -webkit-text-fill-color: #f7c600;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.55);
  }

  body.vnv-bg-site #contact.vnv-bg-ev :is(p, span, li),
  body.vnv-bg-site #electrical.vnv-bg-electrical > .max-w-7xl > p {
    color: #edbe87 !important;
    -webkit-text-fill-color: #edbe87;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  }

  body.vnv-bg-site #contact.vnv-bg-ev a.text-gold {
    color: #f7c600 !important;
    -webkit-text-fill-color: #f7c600;
  }

  body.vnv-bg-site #contact.vnv-bg-ev a.text-skybrand {
    color: #7eb8d6 !important;
    -webkit-text-fill-color: #7eb8d6;
  }

  .vnv-chat-teaser {
    max-width: min(240px, calc(100vw - 5.5rem));
  }
}

/* ============================================================
   v3.7 — FOOTER ALWAYS READABLE (real root cause found 2026-06-30).
   The footer is `bg-navy` (navy) by design, BUT the pages are built
   with <motion> tags closed by </div> (a JSX-export artifact), so the
   parser nests the credentials/links INSIDE the cream `bg-paper` logo
   strip. That cream wrapper covers the whole footer → the gold text
   lands on cream and vanishes ("disappearing yellow letters").
   FIX: force the footer navy AND make every cream wrapper inside the
   footer transparent so the navy shows through everywhere. Static CSS
   so it holds regardless of the runtime engine.
   ============================================================ */
footer.bg-navy {
  background-color: #153a5c !important;
  background-image: linear-gradient(165deg, #153a5c 0%, #0f2844 100%) !important;
  color: #edbe87 !important;
  text-align: center;
}
/* the cream wrapper actually wraps the ENTIRE footer — make it (and any
   nested cream/logo wrapper) transparent so navy shows through. */
footer.bg-navy [class*="bg-paper"],
footer.bg-navy .logo-wrap {
  background-color: transparent !important;
  background-image: none !important;
}
/* keep a tidy cream card on JUST the logo image so it still pops on navy */
footer.bg-navy img.logo-figure {
  background: #edbe87 !important;
  border-radius: 1.25rem !important;
  padding: 0.85rem 1.1rem !important;
  box-shadow: 0 18px 36px -12px rgba(0,0,0,.55) !important;
}
/* kill the glowing rounded "island" box that the .logo-wrap::after pseudo
   draws around the whole footer (logo-wrap balloons to wrap all the content
   due to the <motion> nesting, so its inset cream glow framed everything). */
footer.bg-navy .logo-wrap {
  border-radius: 0 !important;
}
footer.bg-navy .logo-wrap::after,
footer.bg-navy .logo-wrap::before {
  content: none !important;
  display: none !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
}
/* gold accents + links stay gold; body/disclosure text stays paper — readable on navy */
footer.bg-navy .text-gold,
footer.bg-navy strong.text-gold,
footer.bg-navy a.text-gold {
  color: #f7c600 !important;
}
footer.bg-navy .text-paper,
footer.bg-navy .text-paper\/90,
footer.bg-navy li,
footer.bg-navy p:not(.text-gold),
footer.bg-navy nav a:not(.text-gold) {
  color: #edbe87 !important;
}
/* keep the link rows + badge rows centered even if the engine doesn't lay them out */
footer.bg-navy nav,
footer.bg-navy [class*="flex"][class*="justify-center"] {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: .5rem;
}
footer.bg-navy .vnv-credentials {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* v3.8 — Trust badges (BBB seal + Henderson Chamber) stay SOLID: no pop/float/
   hover animation, never move or fade (owner request). Covers all descendants. */
.vnv-bbb-seal, .vnv-bbb-seal *,
.vnv-bbb-seal:hover, .vnv-bbb-seal *:hover {
  transform: none !important;
  transition: none !important;
  animation: none !important;
  opacity: 1 !important;
  filter: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
/* Henderson Chamber logo: white card so its white background looks intentional on navy */
.vnv-hcc-badge {
  display: inline-flex;
  align-items: center;
  background: #ffffff;
  border-radius: 12px;
  padding: 8px 12px;
}
.vnv-hcc-badge img { height: 54px; width: auto; display: block; }

/* v3.9 — Desktop top nav: pack the links left next to the logo, tighten the
   spacing, and keep the phone button pinned right, so everything fits on one line. */
@media (min-width: 1024px) {
  nav > div.max-w-7xl {
    justify-content: flex-start !important;
    column-gap: 1.5rem;
  }
  nav > div.max-w-7xl > div.hidden {
    gap: 1rem !important;
    flex-wrap: nowrap;
    white-space: nowrap;
  }
  nav > div.max-w-7xl a[href^="tel:"] {
    margin-left: auto;
  }
}