/*--------------------------------------------------------------
# PeakCare brand overrides
# Loaded AFTER mediox.css. The theme's structure, components and
# layout are untouched - only the brand palette and a few small
# additions live here.
#
# Brand: Navy #0C264D | Teal #037584 | Gold #D59F39
--------------------------------------------------------------*/

:root {
  --mediox-base: #037584;
  --mediox-base-rgb: 3, 117, 132;
  --mediox-primary: #0C264D;
  --mediox-primary-rgb: 12, 38, 77;
  --mediox-black: #0C264D;
  --mediox-black-rgb: 12, 38, 77;
  --mediox-black2: #0C264D;
  --mediox-black2-rgb: 12, 38, 77;
  --mediox-text-dark: #3D5A73;
  --mediox-text-dark-rgb: 61, 90, 115;
  --peakcare-gold: #D59F39;
  --peakcare-gold-rgb: 213, 159, 57;
}

/* ---------- gold accents on section taglines & titles ---------- */
.sec-title__tagline {
  color: var(--peakcare-gold);
}

.main-slider-two__sub-title {
  color: var(--peakcare-gold);
  letter-spacing: 0.14em;
}

/* ---------- topbar "Private Pay Only" badge ---------- */
.topbar-one__note {
  margin: 0;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border: 2px solid var(--peakcare-gold);
  border-radius: 6px;
  padding: 4px 14px;
  line-height: 1.6;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .topbar-one__note {
    font-size: 11px;
    padding: 3px 10px;
  }
}

/* ---------- current nav item ---------- */
.main-menu__list > li.current > a,
.main-menu__list > li:hover > a {
  color: var(--mediox-base);
}

/* ---------- header logo sizing ---------- */
.main-header__logo img,
.footer-widget__logo img,
.mobile-nav__content .logo-box img {
  height: auto;
  max-width: 200px;
}

@media (max-width: 480px) {
  .main-header__logo img {
    max-width: 150px;
  }
}

/* ---------- booking form note ---------- */
.appointment-one__note {
  margin: 24px 0 0;
  color: var(--mediox-text);
  font-size: 15px;
}

.appointment-one__note a {
  color: var(--mediox-base);
  font-weight: 700;
}

.appointment-one__note a:hover {
  color: var(--peakcare-gold);
}

/* ---------- care-setting cards (icon + title only) ---------- */
.features-one__card__title:only-child,
.features-one__card__icon + .features-one__card__title:last-child {
  margin-bottom: 0;
}

/* ---------- contact info: plain text value ---------- */
span.contact-page__info__link {
  display: inline-block;
}

/* ---------- responsive polish ---------- */
@media (max-width: 991px) {
  .main-header__call {
    display: none;
  }
}

@media (max-width: 575px) {
  .main-header__btn {
    display: none;
  }
}

/* ---------- ActiveRoute "Book a Ride" modal ---------- */
.activeroute-mfp .mfp-content {
  max-width: 640px;
}

.activeroute-modal {
  width: 100%;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(12, 38, 77, 0.25);
}

.activeroute-modal__iframe {
  display: block;
  width: 100%;
  border: 0;
  height: 72vh;
  min-height: 560px;
  max-height: 780px;
}

@media (max-width: 767px) {
  .activeroute-modal__iframe {
    height: 84vh;
  }
}

/* ---------- ActiveRoute inline "Book a Ride" embed (homepage) ---------- */
.book-ride-embed {
  background-color: #f7f8f9;
}

.book-ride-embed__frame-wrap {
  max-width: 720px;
  margin: 0 auto;
  background: #fff;
  border-radius: 16px;
  padding: 14px;
  box-shadow: 0 20px 60px rgba(12, 38, 77, 0.12);
}

.book-ride-embed__iframe {
  display: block;
  width: 100%;
  border: 0;
  border-radius: 10px;
  min-height: 640px;
}

@media (max-width: 575px) {
  .book-ride-embed__frame-wrap {
    padding: 8px;
  }
}