/*
 * lach.css — LACH Tenant Theme
 * Covers: globals.css + components/components.css
 * global.css aur components.css me KUCH CHANGE NAHI
 * Yeh file un dono ke BAAD load hoti hai
 */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap');

/* ══════════════════════════════════════
   CSS VARIABLES — LACH Brand
══════════════════════════════════════ */
:root {
  --primary:             #3796D2;
  --primary-dark:        #1a6fa8;
  --primary-xdark:       #156c6c;
  --primary-light:       #e8f6f6;
  --accent:              #FA9232;
  --accent-dark:         #d4721a;
  --nav-bg:              #2A8A8A;
  --header-border:       #FA9232;
  --btn-bg:              #2A8A8A;
  --section-alt:         #e8f6f6;
  --about-card-bg:       #d6eff5;
  --footer-bg:           #1a5c5c;
  --footer-text:         #ffffff;
  --footer-heading:      #FA9232;
  --footer-link:         #b4d8f0;
  --footer-link-hover:   #ffffff;
  --footer-legal-bg:     #ffffff;
  --footer-legal-text:   #334155;
  --footer-legal-link:   #1e293b;
  --stat1-color:         #3796D2;
  --stat2-color:         #FA9232;
  --stat3-color:         #2A8A8A;
  --color-primary:       #3796D2;
  --color-primary-dark:  #1a6fa8;
  --color-primary-light: #e8f6f6;
  --color-sch-bg:        #f4fbfb;
  --color-sch-border:    #c8e6e6;
  --font-heading:        'Poppins', sans-serif;
  --font-main:           'Inter', sans-serif;
  --font-sans:           'Inter', 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: var(--primary-xdark); }

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

/* Hero */
.hero-overlay {
  background:
    linear-gradient(135deg, rgba(13,74,114,.72) 0%, rgba(42,138,138,.52) 42%, rgba(13,74,114,.18) 70%, transparent 100%),
    linear-gradient(to bottom, transparent 50%, rgba(5,30,50,.65) 100%);
}
.hero-grid-lines {
  background-image:
    linear-gradient(rgba(250,146,50,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(250,146,50,.04) 1px, transparent 1px);
}
.line-gold { color: var(--accent); }
.hero-divider { background: linear-gradient(90deg, var(--accent), rgba(250,146,50,.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: #fff; }

/* Services */
.svc-card { background: linear-gradient(135deg, rgba(13,74,114,.93), rgba(42,138,138,.87)); }

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

/* About */
.about { border-top: 4px solid var(--accent); }
.about-card { background: var(--about-card-bg); }
.about-years-badge { background: var(--primary-dark); }
.about-years-badge .yb-num { color: var(--accent); }
.about-bullets li .chk { background: var(--nav-bg); box-shadow: 0 2px 8px rgba(42,138,138,.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: var(--primary); }
.award-card-year { color: var(--primary); }
.award-card h3 { color: var(--primary-xdark); }
.award-card-link { color: var(--primary); }
.award-card:hover .award-card-link { color: var(--primary-xdark); }
.awards-head h2 { color: var(--primary-xdark); }

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

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

/* Specialties */
.spec-card { background: linear-gradient(160deg, var(--primary-xdark) 0%, var(--primary-dark) 55%, var(--primary) 100%); }
.spec-card:hover { box-shadow: 0 0 0 1px var(--accent), 0 16px 40px rgba(13,74,114,.35); }
.spec-badge { background: rgba(250,146,50,.92); color: var(--primary-xdark); }
.spec-link-text { color: var(--accent); }

/* Specialty sidebar & appt */
.sp-sidebar-title { background: var(--primary-xdark); }
.sp-sidebar-item:hover { color: var(--primary); border-right-color: var(--primary); }
.sp-sidebar-item-active { color: var(--primary) !important; border-right-color: var(--primary) !important; }
.sp-sidebar-item:hover .sp-si-dot,
.sp-sidebar-item-active .sp-si-dot { background: var(--primary); }
.sp-appt-box { background: linear-gradient(135deg, var(--primary-dark), var(--primary-xdark)); }
.sp-appt-btn { background: var(--accent); border-color: var(--accent-dark); color: #fff; }
.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: var(--primary-dark); }
.sp-excerpt { border-left-color: var(--primary-dark); }
.sp-richtext a { color: var(--primary-dark); }
.sp-richtext h1, .sp-richtext h2,
.sp-richtext h3, .sp-richtext h4 { color: var(--primary-dark); }
.sp-back-link { color: var(--primary); }
.sp-back-link:hover { color: var(--primary-dark); }

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

/* Footer */
.footer { background: var(--footer-bg); }
.footer-col h4 { color: var(--accent); }
.footer-social a:hover { background: var(--accent); color: #fff; }
.footer-phone, .f-phone { background: var(--accent); border-color: var(--accent-dark); color: #fff !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: #1a5c5c; border-top: 2px solid var(--accent); }
.gt-label, .gt-label-icon { color: var(--accent); }
.goog-te-gadget .goog-te-gadget-simple { background: var(--primary-dark) !important; border: 1.5px solid var(--accent) !important; }

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

/* ── Header ── */
.header-row1 { border-bottom: 3px solid var(--accent); }
.header-nav-link { color: var(--primary-xdark); }
.header-nav-link:hover { color: var(--nav-bg); background: rgba(42,138,138,.08); }

/* ── Subnav ── */
.header-subnav-bar { background-color: var(--nav-bg); }
.header-subnav-link:hover,
.header-subnav-link-active { border-bottom-color: var(--accent); color: #f0edea; }
.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: var(--primary); }
.header-dropdown-dot { background-color: var(--accent); }
.header-dropdown-view-all { color: var(--primary); }
.header-dropdown-view-all:hover { background-color: var(--primary); }

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

/* ── Mobile sub dropdown ── */
.mobile-sub-dropdown { background: #e8f6f6; }
.mobile-sub-item { border-bottom-color: #c8e6e6; }
.mobile-sub-item:hover { background: var(--primary-light); color: var(--primary); }
.mobile-sub-dot { background: var(--accent-dark); }
.mobile-sub-chevron-btn:hover { background: var(--primary-light); color: var(--primary); }

/* ── 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(250,146,50,.05); }
.mobile-qa-item:hover { background: rgba(250,146,50,.13); }
.mobile-qa-item svg { color: var(--accent-dark); }

.quick-access {
  background: rgba(14, 96, 96, 0.92);
}

/* ── 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(55,150,210,.12); }
button[aria-label="Search"]:hover { background: var(--primary-light); color: var(--primary); }
.result-link:hover { background: var(--primary-light); }
.text-15397f { color: var(--primary); }
.bg-eef4ff { background: var(--primary-light); }
.hover-bg-eef4ff:hover { background: var(--primary-light); }

/* ── Page hero ── */
.page-hero-gradient { background: linear-gradient(135deg, rgba(13,74,114,.6) 0%, rgba(42,138,138,.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: var(--primary-dark); }

/* ── Find a Doctor ── */
.fd-search-input:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(55,150,210,.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: var(--primary-dark); }
.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: var(--primary-dark); }
.nurs-intro-title { color: var(--primary-dark); }
.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(13,74,114,.12); }
.nurs-bottom-cta { background: var(--primary-light); border-top: 4px solid var(--accent); }
.nurs-bottom-cta-title { color: var(--primary-dark); }
.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: var(--primary-light);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%233796D2' 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(55,150,210,.12);
  background-color: #d6eff5;
}
.hl-sub-item:hover { background: var(--primary-light); color: var(--primary); }
.hl-accordion-head { background: var(--primary-xdark); }
.hl-accordion-head:hover { background: var(--primary-dark); }
.hl-filter-item:hover { background: var(--primary-light); color: var(--primary-dark); }
.hl-filter-item-active {
  background: #d6eff5 !important;
  color: var(--primary) !important;
  border-right: 3px solid var(--primary-dark);
  padding-left: 20px !important;
}
.hl-filter-item-active .hl-filter-count { color: var(--primary-dark); }
.hl-spinner { border-top-color: var(--primary); }

/* ── Testimonials ── */
.tst-card:hover { box-shadow: 0 14px 40px rgba(13,74,114,.13); }
.tst-name { color: var(--primary-dark); }

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

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