/* ============================================================
   GLOBAL COLOR OVERRIDES — Logo Palette Only
   Coral: #E8614A  |  Teal: #00B8A9
   Neutrals: black / white / grey only
   Loaded LAST in head.php so these win over Bootstrap + style.css
   ============================================================ */

/* ---------- CSS Variables (global scope) ------------------- */
:root {
    --gc-coral: #E8614A;
    --gc-coral-dark: #C94A35;
    --gc-coral-light: #fdf1ef;
    --gc-teal: #00B8A9;
    --gc-teal-dark: #008F84;
    --gc-teal-light: #e6f7f6;
    --gc-gradient: linear-gradient(135deg, #E8614A 0%, #00B8A9 100%);
    --gc-gradient-d: linear-gradient(135deg, #C94A35 0%, #008F84 100%);
    --gc-black: #111111;
    --gc-dark: #1e1e1e;
    --gc-grey: #555555;
    --gc-grey-mid: #888888;
    --gc-grey-light: #e8e8e8;
    --gc-white: #ffffff;
}

/* ---------- Body & Typography ------------------------------ */
body {
    color: #333333;
}

/* Headings: dark, bold, clean */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: var(--gc-black);
    font-weight: 700;
}

/* Sub-heading accent (h3/h4 get coral) */
h3,
.h3 {
    color: var(--gc-coral) !important;
}

h4,
.h4 {
    color: var(--gc-coral) !important;
}

/* Section-title overrides (common theme classes) */
.section-title h2,
.section-heading h2,
.page-title h2 {
    color: var(--gc-black) !important;
}

.section-title span,
.section-title p.sub-title {
    color: var(--gc-teal) !important;
}

/* ---------- Global Links ----------------------------------- */
a {
    color: var(--gc-teal);
    transition: color .2s ease;
}

a:hover,
a:focus {
    color: var(--gc-coral);
    text-decoration: none;
}

/* Navbar and footer links are styled in their own sections below */

/* ---------- Icons (Font Awesome / Boxicons) ---------------- */
i.fa,
i.fas,
i.far,
i.fab,
i.fal,
i.bx,
i.bxs {
    color: inherit;
    /* inherits from parent (link = teal, heading = dark) */
}

/* Standalone icon accents */
.icon-coral {
    color: var(--gc-coral) !important;
}

.icon-teal {
    color: var(--gc-teal) !important;
}

/* ---------- Buttons ---------------------------------------- */
/* Main CTA button (.default-btn used across site) */
.default-btn,
a.default-btn,
button.default-btn {
    background: var(--gc-gradient) !important;
    color: var(--gc-white) !important;
    border: none !important;
    border-radius: 8px;
    padding: 12px 28px;
    font-weight: 700;
    letter-spacing: .3px;
    display: inline-block;
    transition: all .25s ease;
    text-decoration: none !important;
}

.default-btn:hover,
a.default-btn:hover,
button.default-btn:hover {
    background: var(--gc-gradient-d) !important;
    color: var(--gc-white) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(232, 97, 74, .38);
}

/* Bootstrap .btn-primary → coral */
.btn-primary {
    background-color: var(--gc-coral) !important;
    border-color: var(--gc-coral) !important;
    color: var(--gc-white) !important;
}

.btn-primary:hover {
    background-color: var(--gc-coral-dark) !important;
    border-color: var(--gc-coral-dark) !important;
}

/* ---------- NAVBAR ----------------------------------------- */
.site-navbar,
.header-area .navbar-area .main-nav nav.navbar {
    background: #ffffff !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .10);
    border-bottom: 1px solid #e8e8e8;
}

/* Nav links — dark on white background */
.site-navbar .nav-link,
.header-area .main-nav .nav-link {
    color: #1e1e1e !important;
    font-weight: 600;
    letter-spacing: .2px;
    transition: color .2s ease;
}

.site-navbar .nav-link:hover,
.site-navbar .nav-link.active,
.header-area .main-nav .nav-link:hover,
.header-area .main-nav .nav-link.active {
    color: #555555 !important;
    opacity: 1;
}

/* Add Profile button in navbar — neutral dark */
.nav-area .others-option .default-btn,
.site-navbar .others-option .default-btn {
    background: #1e1e1e !important;
    color: #ffffff !important;
    box-shadow: none;
}

.nav-area .others-option .default-btn:hover,
.site-navbar .others-option .default-btn:hover {
    background: #333333 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
}

/* Dropdown menu */
.header-area .dropdown-menu {
    border: none;
    border-radius: 10px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .13);
    padding: 8px 0;
    margin-top: 6px;
    background: var(--gc-white);
}

.header-area .dropdown-menu .dropdown-item {
    color: var(--gc-dark) !important;
    font-weight: 500;
    padding: 9px 20px;
    transition: background .18s ease;
}

.header-area .dropdown-menu .dropdown-item:hover {
    background: #f5f5f5 !important;
    color: #111111 !important;
}

.header-area .dropdown-menu .dropdown-item i {
    color: #555555;
}

.header-area .dropdown-menu .dropdown-item.text-danger {
    color: #c0392b !important;
}

.header-area .dropdown-divider {
    border-color: var(--gc-grey-light);
}

/* Navbar toggler (hamburger) — dark lines on white */
.navbar-toggler {
    border-color: rgba(0, 0, 0, .25) !important;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(30,30,30,0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Mobile nav bar logo area */
.mobile-nav {
    background: #ffffff;
    padding: 10px 16px;
    border-bottom: 1px solid #e8e8e8;
}

/* ---------- FOOTER ----------------------------------------- */
.site-footer {
    background: var(--gc-dark) !important;
    color: rgba(255, 255, 255, .80) !important;
    border-top: 3px solid var(--gc-coral);
}

/* Footer headings */
.site-footer h4,
.site-footer h5,
footer.site-footer h3 {
    color: var(--gc-white) !important;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .6px;
    margin-bottom: 18px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--gc-coral);
    display: inline-block;
}

/* Footer links */
.site-footer a,
.site-footer ul li a {
    color: rgba(255, 255, 255, .75) !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 400;
    transition: color .18s ease, padding-left .18s ease;
    display: block;
    margin-bottom: 7px;
}

.site-footer a:hover,
.site-footer ul li a:hover {
    color: var(--gc-coral) !important;
    padding-left: 4px;
}

/* Footer copyright */
.site-footer .footer-copyright,
.site-footer .text-center p {
    color: rgba(255, 255, 255, .55) !important;
    font-size: 13px;
}

/* Footer border-top divider */
.site-footer .border-top {
    border-color: rgba(255, 255, 255, .12) !important;
}

/* ---------- Mobile fixed bottom bar ----------------------- */
.mobile-cta-bar {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, .18);
}

@media (max-width: 991px) {
    .mobile-cta-bar {
        display: flex;
    }
}

.mobile-cta-bar .cta-call {
    flex: 1;
    background: var(--gc-coral) !important;
    padding: 10px 8px;
    text-align: center;
}

.mobile-cta-bar .cta-whatsapp {
    flex: 1;
    background: var(--gc-teal) !important;
    padding: 10px 8px;
    text-align: center;
}

.mobile-cta-bar a {
    color: var(--gc-white) !important;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.mobile-cta-bar img {
    width: 28px;
}

/* ---------- Go-to-top button ------------------------------ */
.go-top {
    background: var(--gc-gradient) !important;
    border: none !important;
}

.go-top i {
    color: var(--gc-white) !important;
}

/* ---------- Common component accents ---------------------- */
/* Features icon circles (used in custom.css .features .icon) */
.features .icon {
    background: var(--gc-teal) !important;
    border-color: var(--gc-white) !important;
}

.features .ftr-icon-box:hover .icon {
    background: var(--gc-white) !important;
    border: 2px solid var(--gc-teal) !important;
}

.features .ftr-icon-box:hover .icon i {
    color: var(--gc-teal) !important;
}

/* dept-box accents (city pages) */
.dept-box {
    border-top-color: var(--gc-teal) !important;
    border-bottom-color: var(--gc-teal) !important;
}

.dept-box .dept-details {
    background-color: var(--gc-coral) !important;
}

.dept-details .round-style {
    background: var(--gc-coral) !important;
}

/* Call consultation button */
.call-consultation-btn {
    background: var(--gc-teal) !important;
    border-color: var(--gc-coral) !important;
}

.call-consultation-btn i {
    background: var(--gc-coral) !important;
}

/* service-box overlay */
.services-content .service-box .overlay,
.services-content .service-box .overlay::before,
.services-content .service-box .overlay::after {
    background-color: var(--gc-coral) !important;
}

.services-content .service-box .content .title {
    background-color: var(--gc-coral) !important;
}

.services-content .service-box .content .title:before,
.services-content .service-box .content .title:after {
    background-color: var(--gc-teal) !important;
}

/* Doctor profile info h3 */
.doctor-profile-info h3 {
    color: var(--gc-coral) !important;
}

/* IVF calculator accent */
.btn-primary,
.estimated-cost {
    border-left-color: var(--gc-teal) !important;
    background-color: var(--gc-teal-light) !important;
}

.tooltip-inner,
.tooltip-arrow::before {
    background-color: var(--gc-teal) !important;
    border-top-color: var(--gc-teal) !important;
}