
/* ══════════════════════════════════════
   CSS VARIABLES — SCH Brand
══════════════════════════════════════ */
:root {
  --primary:             #15397f;
  --primary-dark:        #0e2b63;
  --primary-xdark:       #0f2d4f;
  --primary-light:       #e7f6ff;
  --accent:              #F5C400;
  --accent-dark:         #c9a200;
  --nav-bg:              #1a3a6b;
  --header-border:       #F5C400;
  --btn-bg:              #0f2d4f;
  --section-alt:         #f0f5fb;
  --about-card-bg:       #dde8f5;
  --footer-bg:           #0f2d4f;
  --footer-text:         #ffffff;
  --footer-heading:      #F5C400;
  --footer-link:         #b4d2f0;
  --footer-link-hover:   #ffffff;
  --footer-legal-bg:     #ffffff;
  --footer-legal-text:   #334155;
  --footer-legal-link:   #1e293b;
  --stat1-color:         #3c8dc5;
  --stat2-color:         #c9a200;
  --stat3-color:         #0f2d4f;
  --color-primary:       #15397f;
  --color-primary-dark:  #0e2b63;
  --color-primary-light: #e7f6ff;
  --color-sch-bg:        #faf7f5;
  --color-sch-border:    #d1dae5;
  --font-heading:        'Montserrat', sans-serif;
  --font-main:           'Lato', sans-serif;
  --font-sans:           'Lato', sans-serif;
}

/* ══════════════════════════════════════
   GLOBALS.CSS OVERRIDES
══════════════════════════════════════ */

body { background: var(--color-sch-bg); font-family: var(--font-sans); }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); }
.page-main { background-color: var(--color-sch-bg); }
.section-head h2 { color: #1a4f82; }

/* Buttons */
.link-btn { background: var(--btn-bg); border-color: var(--btn-bg); }
.link-btn:hover { background: var(--primary); border-color: var(--primary); }

/* Hero */
.hero-overlay {
  background:
    linear-gradient(135deg, rgba(5,15,30,.70) 0%, rgba(10,30,65,.52) 42%, rgba(5,20,50,.18) 70%, transparent 100%),
    linear-gradient(to bottom, transparent 50%, rgba(5,10,25,.65) 100%);
}
.hero-grid-lines {
  background-image:
    linear-gradient(rgba(245,196,0,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(245,196,0,.04) 1px, transparent 1px);
}
.line-gold { color: var(--accent); }
.hero-divider { background: linear-gradient(90deg, var(--accent), rgba(245,158,11,.2)); }
.qa-item:hover .qa-arrow { color: var(--accent); }

/* Stats */
.stat-block:nth-child(1) { border-bottom-color: var(--stat1-color); }
.stat-block:nth-child(2) { border-bottom-color: var(--stat2-color); }
.stat-block:nth-child(3) { border-bottom-color: var(--stat3-color); }
.stat-block:nth-child(1) .stat-num { color: var(--stat1-color); }
.stat-block:nth-child(2) .stat-num { color: var(--stat2-color); }
.stat-block:nth-child(3) .stat-num { color: var(--stat3-color); }

/* Info bar */
.info-bar { background: var(--primary-xdark); border-top: 3px solid var(--accent); }
.info-item:hover { color: var(--accent); }
.info-social a:hover { background: var(--accent); color: #0f172a; }

/* Services */
.svc-card { background: linear-gradient(135deg, rgba(26,58,107,.93), rgba(14,165,233,.87)); }

/* News */
.news { border-top: 4px solid var(--accent); background: #f8fafc; }
.feat-badge { background: #1a4f82; }
.news-learn-btn { background: var(--btn-bg); }
.news-learn-btn:hover { background: var(--primary); }

/* About */
.about { border-top: 4px solid var(--accent); }
.about-card { background: var(--about-card-bg); }
.about-years-badge { background: #1a4f82; }
.about-years-badge .yb-num { color: var(--accent); }
.about-bullets li .chk { background: #1a6fa8; box-shadow: 0 2px 8px rgba(60,141,197,.35); }

/* Awards */
.awards-section { background: var(--section-alt); border-top: 4px solid var(--accent); border-bottom: 4px solid var(--accent); }
.award-card:hover { border-color: #b4d0e7; }
.award-card-year { color: #1a4f82; }
.award-card h3 { color: #1a4f82; }
.award-card-link { color: #1a4f82; }
.award-card:hover .award-card-link { color: var(--primary-xdark); }
.awards-head h2 { color: #1a4f82; }

/* Inner hero */
.inner-hero { background: #0a1f38; }
.inner-hero-gold { background: linear-gradient(90deg, var(--accent) 0%, #fcb53e 100%); }

/* Breadcrumb */
.bc { color: #1a6fa8; }
.bc:hover { color: var(--primary); }

/* Specialties */
.spec-card { background: linear-gradient(160deg, #0e2b63 0%, var(--primary) 55%, #1a5290 100%); }
.spec-card:hover { box-shadow: 0 0 0 1px var(--accent), 0 16px 40px rgba(14,43,99,.35); }
.spec-badge { background: rgba(245,196,0,.92); color: var(--primary-xdark); }
.spec-link-text { color: var(--accent); }

/* Specialty sidebar & appt */
.sp-sidebar-title { background: #1a3b6b; }
.sp-sidebar-item:hover { color: #1a4f82; border-right-color: #1a6fa8; }
.sp-sidebar-item-active { color: #1a4f82 !important; border-right-color: #1a6fa8 !important; }
.sp-sidebar-item:hover .sp-si-dot,
.sp-sidebar-item-active .sp-si-dot { background: #1a6fa8; }
.sp-appt-box { background: linear-gradient(135deg, #1a4f82, #1a3a6b); }
.sp-appt-btn { background: var(--accent); border-color: var(--accent-dark); color: #0f172a; }
.sp-appt-btn:hover { background: var(--accent-dark); }
.sp-call-btn { background: var(--primary); }
.sp-call-btn:hover { background: var(--primary-dark); }
.sp-content-h3 { color: #1a4f82; }
.sp-excerpt { border-left-color: #1a6fa8; }
.sp-richtext a { color: #1a6fa8; }
.sp-richtext h1, .sp-richtext h2,
.sp-richtext h3, .sp-richtext h4 { color: #1a4f82; }
.sp-back-link { color: var(--primary); }
.sp-back-link:hover { color: #1a6fa8; }

/* Article */
.art-date { color: var(--primary); }
.art-excerpt { border-left-color: #1a6fa8; }
.art-richtext a { color: #1a6fa8; }
.art-richtext h1, .art-richtext h2,
.art-richtext h3, .art-richtext h4 { color: #1a4f82; }
.art-back-link { color: var(--primary); }
.art-back-link:hover { color: #1a6fa8; }

/* Footer */
.footer { background: var(--footer-bg); }
.footer-col h4 { color: var(--accent); }
.footer-social a:hover { background: var(--accent); color: #0f172a; }
.footer-phone, .f-phone { background: var(--accent); border-color: var(--accent-dark); color: #0f172a !important; }
.footer-phone:hover, .f-phone:hover { background: var(--accent-dark); }
.footer-legal-bar, .footer-legal { background: #ffffff !important; border-top: 3px solid var(--accent) !important; }

/* Google Translate */
.footer-lang { background: #0a1f38; border-top: 2px solid var(--accent); }
.gt-label, .gt-label-icon { color: var(--accent); }
.goog-te-gadget .goog-te-gadget-simple { background: var(--primary) !important; border: 1.5px solid var(--accent) !important; }

/* ══════════════════════════════════════
   COMPONENTS.CSS OVERRIDES
══════════════════════════════════════ */

/* ── Header ── */
.header-row1 { border-bottom: 3px solid var(--accent); }
.header-nav-link { color: #000; }
.header-nav-link:hover { color: #1a4f82; background: rgba(58,127,193,.08); }

/* ── Subnav ── */
.header-subnav-bar { background-color: var(--nav-bg); }
.header-subnav-link:hover,
.header-subnav-link-active { border-bottom-color: var(--accent); color: var(--accent); }
.header-subnav-phone { color: var(--accent); }
.header-subnav-phone:hover { color: #fff; }

/* ── Dropdown ── */
.header-dropdown-panel { border-top: 3px solid var(--accent); }
.header-dropdown-link:hover { background-color: #3c8dc5; }
.header-dropdown-dot { background-color: var(--accent); }
.header-dropdown-view-all { color: #3c8dc5; }
.header-dropdown-view-all:hover { background-color: #3c8dc5; }

/* ── Mobile menu ── */
.header-mobile-menu { border-top: 3px solid var(--accent); }
.header-mobile-nav-link:hover { color: #3c8dc5; background: #f0f6ff; }
.header-mobile-subnav-link:hover,
.header-mobile-subnav-link-active { color: #3c8dc5; background: #f0f6ff; }
.header-mobile-phone-cta { background: var(--accent); border-top: 2px solid var(--accent-dark); color: #0f172a; }
.header-mobile-phone-cta:hover { background: var(--accent-dark); }

/* ── Mobile sub dropdown ── */
.mobile-sub-dropdown { background: #f0f6ff; }
.mobile-sub-item { border-bottom-color: #dbeafe; }
.mobile-sub-item:hover { background: #deeaf8; color: #3c8dc5; }
.mobile-sub-dot { background: var(--accent-dark); }
.mobile-sub-chevron-btn:hover { background: #f0f6ff; color: #3c8dc5; }

/* ── Quick access (mobile) ── */
.mobile-qa-section-label {
  background: var(--primary-xdark) !important;
  color: var(--accent) !important;
  border-top: 2px solid var(--accent) !important;
  border-bottom: 2px solid var(--accent) !important;
}
.mobile-qa-item { color: var(--primary-xdark); border-left: 3px solid var(--accent-dark); background: rgba(245,196,0,.05); }
.mobile-qa-item:hover { background: rgba(245,196,0,.13); }
.mobile-qa-item svg { color: var(--accent-dark); }

/* ── SearchBox ── */
.searchbox-result-icon { color: var(--primary); }
.searchbox-spinner { color: var(--primary); }
.relative.w-72 > div:focus-within { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(21,57,127,.12); }
button[aria-label="Search"]:hover { background: #EEF4FF; color: var(--primary); }
.result-link:hover { background: #EEF4FF; }
.text-15397f { color: var(--primary); }
.bg-eef4ff { background: #EEF4FF; }
.hover-bg-eef4ff:hover { background: #EEF4FF; }

/* ── Page hero ── */
.page-hero-gradient { background: linear-gradient(135deg, rgba(21,57,127,.6) 0%, rgba(0,0,0,.25) 100%); }
.page-hero-breadcrumb-link { color: var(--primary); }

/* ── News listing ── */
.nl-date { color: var(--primary); }
.nl-filter-btn:hover { border-color: var(--primary); color: var(--primary); }
.nl-filter-active { background: var(--primary) !important; border-color: var(--primary) !important; }
.nl-card:hover .nl-title a { color: var(--primary); }
.nl-read-more { color: var(--primary); }
.nl-read-more:hover { color: #1a6fa8; }

/* ── Find a Doctor ── */
.fd-search-input:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(21,57,127,.1); }
.fd-select:focus { border-color: var(--primary); }
.fd-clear-btn:hover { border-color: var(--primary); color: var(--primary); }
.fd-empty-btn { background: var(--primary); }
.fd-empty-btn:hover { background: var(--primary-dark); }
.fd-phone { color: var(--primary); }
.fd-phone:hover { color: #1a6fa8; }
.fd-page-btn:hover:not(:disabled) { border-color: var(--primary); color: var(--primary); }
.fd-page-active { background: var(--primary) !important; border-color: var(--primary) !important; }

/* ── Nursing ── */
.nurs-highlight-icon { color: var(--primary); }
.nurs-highlight-title { color: #1a4f82; }
.nurs-intro-title { color: #1a4f82; }
.nurs-banner { background: var(--primary); }
.nurs-banner-btn { color: var(--primary); }
.nurs-banner-btn:hover { background: var(--primary-light); }
.nurs-card-avatar-initial { color: var(--primary); background: var(--primary-light); }
.nurs-card:hover { box-shadow: 0 12px 36px rgba(21,57,127,.12); }
.nurs-bottom-cta { background: var(--primary-light); border-top: 4px solid var(--accent); }
.nurs-bottom-cta-title { color: #1a4f82; }
.nurs-cta-btn-primary { background: var(--primary); border-color: var(--primary-dark); }
.nurs-cta-btn-primary:hover { background: var(--primary-dark); }
.nurs-cta-btn-outline-dark { color: var(--primary); border-color: var(--primary); }
.nurs-cta-btn-outline-dark:hover { background: var(--primary); color: #fff; }

/* ── Healthy Living sidebar ── */
.hl-cat-select {
  color: var(--primary);
  background: #f0f6ff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%2315397f' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
}
.hl-cat-select:hover, .hl-cat-select:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(21,57,127,.12);
  background-color: #e0eeff;
}
.hl-sub-item:hover { background: var(--primary-light); color: var(--primary); }
.hl-accordion-head { background: #1a3b6b; }
.hl-accordion-head:hover { background: var(--primary); }
.hl-filter-item:hover { background: #f0f6ff; color: #1a4f82; }
.hl-filter-item-active {
  background: #e7f6ff !important;
  color: var(--primary) !important;
  border-right: 3px solid #1a6fa8;
  padding-left: 20px !important;
}
.hl-filter-item-active .hl-filter-count { color: #1a6fa8; }
.hl-spinner { border-top-color: var(--primary); }

/* ── Testimonials ── */
.tst-card:hover { box-shadow: 0 14px 40px rgba(21,57,127,.13); }
.tst-name { color: #1a4f82; }

/* ── Link Cards ── */
.link-cards-icon-circle { background-color: #EEF4FF; }
.link-cards-icon-svg { color: var(--primary); }
.link-cards-arrow-svg { color: var(--primary); }

/* ── RichText ── */
.richtext-blockquote { border-color: var(--primary); }