/* ============================================================
   EMTC Healthcare Services — White-label brand override
   Loaded LAST so it wins over style.css / dark.css
   Palette sampled from the EMTC logo
   ============================================================ */
:root {
    --emtc-navy: #04324A;      /* darkest navy */
    --emtc-primary: #044B6D;   /* primary navy-teal (logo cross / letters) */
    --emtc-blue: #04618C;      /* vivid medium blue (buttons/links) */
    --emtc-teal: #589FB6;      /* teal accent */
    --emtc-teal-light: #73BAC7;/* light teal */
    --emtc-tint: #EAF4F7;      /* very light teal wash */
    --emtc-tint-2: #E3EEF2;
    --emtc-ink: #14303d;       /* body text */
    --emtc-muted: #5b7683;
    --emtc-grad: linear-gradient(135deg, #044B6D 0%, #04618C 55%, #589FB6 100%);
    --emtc-grad-soft: linear-gradient(135deg, #EAF4F7 0%, #F4F9FB 100%);
    --emtc-shadow: 0 18px 40px -18px rgba(4, 75, 109, .45);
    --emtc-radius: 16px;
}

/* ---------- Typography: Montserrat ---------- */
body,
.default-btn, .default-btn-two, .btn,
p, span, li, a, input, textarea, select, label, td, th {
    font-family: 'Montserrat', 'Poppins', 'Segoe UI', sans-serif !important;
}
h1, h2, h3, h4, h5, h6,
.section-title h2, .main-banner-content h1,
.navbar-brand, .page-title-content h2 {
    font-family: 'Montserrat', 'Poppins', sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -.01em;
    color: var(--emtc-navy);
}

/* ---------- Navbar: cleaner, sticky, teal accent line ---------- */
/* .navbar-area is position:absolute in the base theme so it overlays a hero/
   page-title banner. On pages without a banner (ProvidersOverview, booking, …)
   it overlays white page content, so force a solid white bar with dark links
   at all times to avoid the white-on-white / invisible-link problem. */
.navbar-area {
    box-shadow: 0 6px 24px -14px rgba(4, 50, 74, .35);
    border-bottom: 3px solid transparent;
    border-image: var(--emtc-grad) 1;
    background: #fff !important;
}
.navbar-area.is-sticky,
.navbar-area .main-nav,
.navbar-area .main-navbar,
.main-navbar .navbar {
    background: #ffffff !important;
}
/* Match the base theme's high-specificity selectors (links are <a class="nav-link">
   inside .main-navbar .navbar .navbar-nav .nav-item) so the brand colour always wins,
   in both theme-light and theme-dark. */
.navbar-light .navbar-nav .nav-link,
.main-navbar .navbar .navbar-nav .nav-item a,
.theme-dark .main-navbar .navbar .navbar-nav .nav-item a,
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a {
    color: var(--emtc-navy) !important;
    font-weight: 600 !important;
    position: relative;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-item.active .nav-link,
.main-navbar .navbar .navbar-nav .nav-item a:hover,
.main-navbar .navbar .navbar-nav .nav-item a:focus,
.main-navbar .navbar .navbar-nav .nav-item a.active,
.main-navbar .navbar .navbar-nav .nav-item:hover a,
.main-navbar .navbar .navbar-nav .nav-item.active a {
    color: var(--emtc-blue) !important;
}
.navbar-light .navbar-nav .nav-link::after {
    content: "";
    position: absolute;
    left: 12px; right: 12px; bottom: 2px;
    height: 2px; border-radius: 2px;
    background: var(--emtc-grad);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .28s ease;
}
.navbar-light .navbar-nav .nav-link:hover::after,
.navbar-light .navbar-nav .nav-item.active .nav-link::after {
    transform: scaleX(1);
}

/* ---------- Buttons: gradient, pill, lift on hover ---------- */
.default-btn, .default-btn-two, .banner-form-btn, .click-btn, .step-btn {
    background: var(--emtc-grad) !important;
    background-color: var(--emtc-primary) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    box-shadow: var(--emtc-shadow);
    transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.default-btn::before, .default-btn::after,
.default-btn-two::before, .default-btn-two::after { display: none !important; }
.default-btn:hover, .default-btn-two:hover, .banner-form-btn:hover, .click-btn:hover {
    transform: translateY(-3px);
    filter: brightness(1.06);
    box-shadow: 0 24px 46px -18px rgba(4, 75, 109, .6);
    color: #fff !important;
}
.default-btn-two {
    background: #fff !important;
    color: var(--emtc-primary) !important;
    border: 2px solid var(--emtc-teal) !important;
    box-shadow: none;
}
.default-btn-two:hover { color: var(--emtc-navy) !important; background: var(--emtc-tint) !important; }

/* ---------- Section titles: teal underline accent ---------- */
.section-title h2 { position: relative; }
.section-title h2::after {
    content: "";
    display: block;
    width: 68px; height: 4px;
    margin: 16px auto 0;
    border-radius: 4px;
    background: var(--emtc-grad);
}
.section-title span, .sub-title { color: var(--emtc-teal) !important; font-weight: 700 !important; }

/* ---------- Hero / banner ---------- */
.main-banner, .page-title-area, .hero-area {
    background: var(--emtc-grad-soft) !important;
}
.main-banner::before {
    background: linear-gradient(135deg, rgba(4,75,109,.06), rgba(88,159,182,.10)) !important;
}
.page-title-area {
    background: var(--emtc-grad) !important;
}
.page-title-content h2, .page-title-content li, .page-title-content a { color: #fff !important; }
.main-banner-content h1 span { color: var(--emtc-blue) !important; }

/* ---------- Cards: rounded, soft shadow, teal top accent ---------- */
.single-services, .single-info-box, .single-blog, .single-shop,
.single-product, .single-counter, .single-fun-fact, .single-doctor-box,
.single-feature, .single-category-box {
    border-radius: var(--emtc-radius) !important;
    border: 1px solid var(--emtc-tint-2) !important;
    box-shadow: 0 12px 30px -20px rgba(4, 50, 74, .35) !important;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
    overflow: hidden;
}
.single-services:hover, .single-info-box:hover, .single-blog:hover,
.single-shop:hover, .single-product:hover, .single-doctor-box:hover,
.single-feature:hover, .single-category-box:hover {
    transform: translateY(-6px);
    border-color: var(--emtc-teal) !important;
    box-shadow: var(--emtc-shadow) !important;
}
.single-services i, .single-info-box i, .single-feature i {
    color: var(--emtc-blue) !important;
}

/* ---------- Icons / links / accents ---------- */
a { color: var(--emtc-blue); }
a:hover { color: var(--emtc-navy); }
.text-primary, .primary-color { color: var(--emtc-blue) !important; }
.bg-primary { background: var(--emtc-grad) !important; }

/* ---------- Badges ---------- */
.badge-primary { background: var(--emtc-primary) !important; }
.badge-info { background: var(--emtc-teal) !important; }
.badge-success { background: #1f8f6b !important; }

/* ---------- Footer ---------- */
.footer-area {
    background: var(--emtc-navy) !important;
}
.footer-area, .footer-area p, .footer-area li, .footer-area a,
.single-footer-widget p, .single-footer-widget li a { color: #cfe0e7 !important; }
.single-footer-widget h3 { color: #fff !important; }
.single-footer-widget li a:hover, .footer-area a:hover { color: var(--emtc-teal-light) !important; }
.footer-social a {
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
    border-radius: 50%;
    transition: background .25s ease, transform .25s ease;
}
.footer-social a:hover { background: var(--emtc-teal) !important; transform: translateY(-3px); }
.copyright-area { background: #022634 !important; color: #9db8c2 !important; }

/* ---------- Preloader spinner recolor ---------- */
.preloader .spinner { border-top-color: var(--emtc-teal) !important; }