/* Livvent public-only Navy–gold theme. Loaded only by approved public pages. */
:root {
  --lv-navy: #1A2530;
  --lv-navy-deep: #101923;
  --lv-gold: #C59B27;
  --lv-gold-light: #E8C872;
  --lv-ink: #1A2530;
  --lv-muted: #616B78;
  --lv-line: #E0E6ED;
  --lv-cream: #FFFFFF;
  --lv-soft: #F4F6F8;
  --lv-shadow: 0 12px 36px rgba(26, 37, 48, .10);
}

body.public-navy-gold {
  background: var(--lv-cream) !important;
  color: var(--lv-ink);
  font-family: Inter, Arial, Helvetica, sans-serif;
}

body.public-navy-gold h1,
body.public-navy-gold h2,
body.public-navy-gold h3,
body.public-navy-gold h4,
body.public-navy-gold h5,
body.public-navy-gold h6 {
  color: var(--lv-navy);
  letter-spacing: -.035em;
}

body.public-navy-gold p,
body.public-navy-gold li {
  color: var(--lv-muted);
}

body.public-navy-gold .main-header,
body.public-navy-gold .order-navbar {
  background: rgba(255,255,255,.96) !important;
  border-bottom: 1px solid var(--lv-line) !important;
  box-shadow: 0 4px 18px rgba(26,37,48,.06);
  position: relative;
  z-index: 20;
}

body.public-navy-gold .main-header .container,
body.public-navy-gold .order-navbar .container {
  min-height: 76px;
}

body.public-navy-gold .brand-logo,
body.public-navy-gold .nav-logo {
  display: block;
  width: 148px;
  height: 42px;
  object-fit: contain;
  object-position: left center;
}

body.public-navy-gold .brand-logo img,
body.public-navy-gold .nav-logo {
  content: url('brand/logo-horizontal.svg');
  object-fit: contain;
  object-position: left center;
}

body.public-navy-gold .nav-dropdown-btn,
body.public-navy-gold .country-dropdown-btn {
  color: var(--lv-navy) !important;
  font-weight: 700;
}

body.public-navy-gold .nav-dropdown-btn:hover,
body.public-navy-gold .country-dropdown-btn:hover,
body.public-navy-gold .nav-dropdown-item:hover {
  color: var(--lv-gold) !important;
}

body.public-navy-gold .btn-primary,
body.public-navy-gold .button.primary {
  background: var(--lv-gold) !important;
  border-color: var(--lv-gold) !important;
  color: var(--lv-navy) !important;
  font-weight: 800;
}

body.public-navy-gold .btn-primary:hover,
body.public-navy-gold .button.primary:hover {
  background: var(--lv-gold-light) !important;
  border-color: var(--lv-gold-light) !important;
  color: var(--lv-navy) !important;
  transform: translateY(-2px);
}

body.public-navy-gold .btn-outline-dark,
body.public-navy-gold .button.outline {
  border-color: var(--lv-navy) !important;
  color: var(--lv-navy) !important;
}

body.public-navy-gold .btn-outline-dark:hover,
body.public-navy-gold .button.outline:hover {
  background: var(--lv-navy) !important;
  color: #fff !important;
}

body.public-navy-gold .page-hero,
body.public-navy-gold .hero,
body.public-navy-gold .section-dark,
body.public-navy-gold .dark-section {
  background: var(--lv-navy) !important;
  color: #fff;
}

body.public-navy-gold .page-hero h1,
body.public-navy-gold .hero h1,
body.public-navy-gold .section-dark h1,
body.public-navy-gold .section-dark h2,
body.public-navy-gold .dark-section h1,
body.public-navy-gold .dark-section h2 {
  color: #fff !important;
}

body.public-navy-gold .page-hero h1 span,
body.public-navy-gold .hero h1 span,
body.public-navy-gold .eyebrow,
body.public-navy-gold .section-heading .eyebrow {
  color: var(--lv-gold) !important;
}

body.public-navy-gold .content-card,
body.public-navy-gold .card,
body.public-navy-gold .article-card,
body.public-navy-gold .blog-card,
body.public-navy-gold .mp-card,
body.public-navy-gold .feature-card {
  border: 1px solid var(--lv-line);
  border-radius: 18px;
  box-shadow: var(--lv-shadow);
}

body.public-navy-gold .content-card {
  background: #fff;
}

body.public-navy-gold .highlight-box,
body.public-navy-gold .soft-section,
body.public-navy-gold .info-box {
  background: var(--lv-soft) !important;
  border-color: var(--lv-gold) !important;
}

body.public-navy-gold .main-footer,
body.public-navy-gold .order-footer {
  background: var(--lv-navy) !important;
  color: #fff !important;
  border-top: 4px solid var(--lv-gold);
}

body.public-navy-gold .main-footer p,
body.public-navy-gold .main-footer a,
body.public-navy-gold .main-footer h6,
body.public-navy-gold .order-footer p,
body.public-navy-gold .order-footer a {
  color: rgba(255,255,255,.78) !important;
}

body.public-navy-gold .main-footer a:hover,
body.public-navy-gold .order-footer a:hover {
  color: var(--lv-gold-light) !important;
}

body.public-navy-gold .lv-footer-logo img,
body.public-navy-gold .order-footer .footer-logo img {
  content: url('brand/logo-horizontal.svg');
  filter: brightness(0) invert(1);
}

body.public-navy-gold .lv-social-btn {
  border-color: rgba(255,255,255,.22) !important;
  color: #fff !important;
}

body.public-navy-gold .lv-social-btn:hover {
  background: var(--lv-gold) !important;
  border-color: var(--lv-gold) !important;
  color: var(--lv-navy) !important;
}

body.public-navy-gold .lv-footer-hr {
  border-color: rgba(255,255,255,.16) !important;
}

body.public-navy-gold .form-control:focus,
body.public-navy-gold .form-select:focus {
  border-color: var(--lv-gold);
  box-shadow: 0 0 0 .2rem rgba(197,155,39,.18);
}

body.public-navy-gold .pagination .page-link,
body.public-navy-gold .page-link {
  color: var(--lv-navy);
  border-color: var(--lv-line);
}

body.public-navy-gold .pagination .active .page-link,
body.public-navy-gold .pagination .page-link:hover {
  background: var(--lv-gold);
  border-color: var(--lv-gold);
  color: var(--lv-navy);
}

body.public-navy-gold .breadcrumb a {
  color: var(--lv-gold);
}

@media (max-width: 991.98px) {
  body.public-navy-gold .main-header .container,
  body.public-navy-gold .order-navbar .container {
    min-height: 64px;
  }

  body.public-navy-gold .brand-logo,
  body.public-navy-gold .nav-logo {
    width: 122px;
    height: 36px;
  }
}

/* Landing-page business carousel: keep the reference cards readable on phones. */
@media (max-width: 560px) {
  body.reference-public-page #businesses .section-heading {
    margin-bottom: 22px;
  }

  body.reference-public-page #businesses .section-heading h2 {
    font-size: clamp(26px, 8vw, 32px);
    line-height: 1.12;
  }

  body.reference-public-page #businesses .section-heading p {
    max-width: 31rem;
    margin-inline: auto;
    font-size: 14px;
    line-height: 1.55;
  }

  body.reference-public-page #businesses .business-carousel {
    gap: 14px;
    padding-inline: 2px;
    scroll-padding-inline: 2px;
  }

  body.reference-public-page #businesses .business-carousel .business-card {
    flex: 0 0 min(84vw, 330px);
  }

  body.reference-public-page #businesses .business-carousel .business-card > img {
    width: 100%;
    height: 178px;
    object-fit: cover;
    object-position: center;
  }

  body.reference-public-page #businesses .business-carousel .business-card-body {
    min-height: 116px;
    padding: 16px 14px 18px;
  }

  body.reference-public-page #businesses .business-carousel .business-card h3 {
    font-size: 17px;
    line-height: 1.25;
  }

  body.reference-public-page #businesses .business-carousel .business-card p {
    font-size: 13px;
    line-height: 1.45;
  }
}