/*
 * Clinic palette derived from the approved homepage slider artwork.
 * Keeping these values in one late-loaded stylesheet keeps all shared UI
 * surfaces in sync without changing page structure or individual layouts.
 */
:root {
  --clinic-blue: #2088c0;
  --clinic-blue-action: #1088d0;
  --clinic-blue-footer: #0f6698;
  --clinic-blue-soft: #eaf8ff;
  --clinic-blue-surface: #f5fbff;

  --clr-theme-primary: var(--clinic-blue);
  --clr-theme-secondary: var(--clinic-blue-action);
  --clr-bg-1: var(--clinic-blue-soft);
  --clr-bg-2: var(--clinic-blue-footer);
  --clr-bg-3: var(--clinic-blue-surface);
  --clr-bg-4: #f8fcff;
}

/* A small set of older component-specific colors that predate theme tokens. */
.cookie-modal-header,
.accept-btn {
  background: var(--clinic-blue) !important;
}

.cookie-modal-body a,
.site-search-result-type,
.blog-card-category {
  color: var(--clinic-blue) !important;
}

.accept-btn:hover {
  box-shadow: 0 5px 15px rgba(32, 136, 192, 0.4);
}

.site-search--mobile .site-search-toggle:focus-visible,
.site-search--mobile .site-search-clear:focus-visible,
.site-search--mobile .site-search-input-wrap input:focus-visible,
.site-search--mobile .site-search-result:focus-visible {
  outline-color: var(--clinic-blue) !important;
}

.profile-icon > i {
  color: var(--clinic-blue) !important;
}

/* Keep the channel callout distinct from its action button. */
.home-youtube-area {
  background: #fff !important;
}

.home-youtube-area .appointment-bg {
  display: none;
}

.home-youtube-area .section-title.section-title-2,
.home-youtube-area .appointment-content p {
  color: #14577e !important;
}

/* Keep the video in the left grid column without stretching its 16:9 frame. */
.home-youtube-video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

@media (min-width: 992px) {
  .home-youtube-area .row > .col-xxl-6:first-child {
    display: flex;
    align-items: center;
  }

  .home-youtube-area .appointment-thumb-box {
    position: static;
    width: 100%;
    height: auto;
  }

  .home-youtube-area .appointment-thumb {
    position: static;
    height: auto;
  }
}

/* The legacy footer used dark text on a nearly black surface. Its blue
 * replacement needs light secondary copy to keep the same hierarchy legible. */
.footer-bg .footer-opening-content td,
.footer-bg .footer-link ul li a,
.footer-bg .footer-info-text a,
.footer-bg .footer-info-icon span {
  color: #eaf8ff;
}

.footer-bg .footer-opening-content td + td,
.footer-bg .footer-link ul li a:hover,
.footer-bg .footer-info-text a:hover {
  color: #fff;
}