/* =============================================
   Homecare Ltd — Custom refinements
   ============================================= */

/* ---------- Cleaner buttons ---------- */
/* Replace the muddy green/gold gradient with a solid, trustworthy green */
.btn.btn-gradient-green-goldenrod-yellow {
    background-image: none;
    background-color: #2C3B31;
    color: #ffffff;
}
.btn.btn-gradient-green-goldenrod-yellow:hover,
.btn.btn-gradient-green-goldenrod-yellow:active,
.btn.btn-gradient-green-goldenrod-yellow:focus {
    background-color: #242E2C;
    color: #ffffff;
}
.btn.btn-gradient-green-goldenrod-yellow > .bg-white {
    background-color: #fbcc36;
}
.btn.btn-gradient-green-goldenrod-yellow > .bg-white i {
    color: #2C3B31;
}

/* ---------- Hero + page title overlays ---------- */
/* A soft white veil keeps dark text readable over any background image */
.hero-homecare::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(255,255,255,0.88) 0%, rgba(255,255,255,0.62) 38%, rgba(255,255,255,0) 72%);
    z-index: 0;
    pointer-events: none;
}
.page-title-big-typography::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0.78) 45%, rgba(255,255,255,0.45) 100%);
    z-index: 0;
    pointer-events: none;
}
.hero-homecare .container,
.page-title-big-typography .container {
    position: relative;
    z-index: 1;
}

/* ---------- Navigation dropdowns ---------- */
.navbar .navbar-nav .simple-dropdown .dropdown-menu {
    border-radius: 0 0 12px 12px;
    padding: 18px 0;
    box-shadow: 0 20px 40px rgba(0,0,0,0.10);
}
.navbar .navbar-nav .simple-dropdown .dropdown-menu li {
    padding: 0 28px;
}
.navbar .navbar-nav .simple-dropdown .dropdown-menu li a {
    font-size: 15px;
    line-height: 22px;
    padding: 9px 0;
    color: #384744;
}
.navbar .navbar-nav .simple-dropdown .dropdown-menu li a:hover {
    color: #B6840D;
}
.navbar .navbar-nav .simple-dropdown .dropdown-menu li a.active {
    color: #B6840D;
    font-weight: 600;
}
.navbar .navbar-nav .nav-link .fa-angle-down {
    font-size: 11px;
    margin-left: 4px;
    opacity: 0.7;
}

/* ---------- Footer ---------- */
/* The charity theme overlaps the footer over the section above (-90px).
   Give it a clean gap instead so it never covers page content. */
.footer-homecare {
    margin-top: 10px;
}
.footer-homecare .footer-cta-strip {
    border-bottom-color: rgba(255,255,255,0.12) !important;
}
.footer-bottom-bar {
    background-color: #1B2321;
}
/* Stack footer column links flush under their headings for readability */
footer .footer-navbar.flex-column .nav-link {
    display: block;
    padding: 8px 0;
}

/* ---------- Image placeholders ---------- */
.img-placeholder {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 10px;
}

/* ---------- Mobile hero ---------- */
@media (max-width: 991.98px) {
    .hero-homecare {
        background-image: none !important;
        background-color: #f9f4e8;
    }
    .hero-homecare::before {
        display: none;
    }
    .hero-homecare .hero-text {
        margin-top: 0 !important;
        margin-bottom: 1.5rem !important;
    }
    .hero-homecare .hero-text .alt-font {
        word-spacing: normal !important;
        letter-spacing: normal !important;
    }
}

/* ---------- Mobile polish ---------- */
@media (max-width: 767px) {
    .btn.btn-large {
        font-size: 13px;
        padding: 10px 20px;
    }
    .btn.btn-medium {
        font-size: 12px;
        padding: 8px 16px;
    }
    .btn.btn-very-small {
        font-size: 11px;
        padding: 6px 14px;
    }
    .btn.with-rounded.btn-large,
    .btn.with-rounded.btn-medium {
        padding-right: 44px;
    }
    /* Stack the hero CTAs nicely */
    .hero-homecare .btn {
        display: inline-block;
        margin-bottom: 10px;
    }
    /* Slightly smaller display headings on phones */
    .alt-font.fs-80 {
        font-size: 2.6rem !important;
        line-height: 1.15 !important;
    }
    .page-title-big-typography h1 {
        font-size: 2.2rem;
        line-height: 1.15;
    }
    section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}