/* ResetWorks UK Brand Colors & Contrast Stylesheet */

:root {
    --delogis-base: #436655;
    /* Primary Deep Sage Green */
    --delogis-black: #26362E;
    /* Dark Forest Charcoal */
    --delogis-black3: #436655;
    --delogis-text: #26362E;
    /* Text Color */
    --delogis-text-rgb: 38, 54, 46;
}

body {
    background-color: #E8E6E1;
    /* Main Background Soft Beige */
    color: var(--delogis-text);
}

.main-header-four {
    background-color: #A9C2B9;
    /* Pastel Sage Green Header */
}

/* =========================================
   BUTTON STATES (NORMAL, HOVER, FOCUS, ACTIVE)
   ========================================= */

.thm-btn {
    background-color: #436655 !important;
    color: #FFFFFF !important;
    border-color: #436655 !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.thm-btn:hover,
.thm-btn:focus,
.thm-btn:active {
    background-color: #26362E !important;
    color: #FFFFFF !important;
    border-color: #26362E !important;
    outline: none !important;
}

.thm-btn--two {
    background-color: #26362E !important;
    color: #FFFFFF !important;
    border-color: #26362E !important;
}

.thm-btn--two:hover,
.thm-btn--two:focus,
.thm-btn--two:active {
    background-color: #436655 !important;
    color: #FFFFFF !important;
    border-color: #436655 !important;
}

/* Header & Nav Links */
.main-menu__list>li>a {
    color: #26362E !important;
    font-weight: 600;
}

.main-menu__list>li>a:hover,
.main-menu__list>li>a:focus {
    color: #436655 !important;
}

.site-footer-two {
    background-color: #9BB7A9;
    /* Muted Soft Sage */
}

/* Accent Headings & Typography */
.sec-title__title {
    color: #26362E;
}

.about-five__list__icon {
    color: #436655;
    background-color: rgba(67, 102, 85, 0.1);
}

.services-four__card {
    background-color: #FFFFFF;
}

.services-four__card:hover {
    border-color: #436655;
}

.services-four__card__icon {
    color: #436655;
}

.services-four__card:hover .services-four__card__icon {
    background-color: #436655;
    color: #FFFFFF;
}

/* =========================================
   READABILITY & CONTRAST FIXES 
   ========================================= */

/* 1. Sticky Header Background & Navigation Links */
.stricky-header.stricked-menu.stricky-fixed,
.stricky-header.stricked-menu {
    background-color: #A9C2B9 !important;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07) !important;
}

.stricky-header.stricked-menu.stricky-fixed .main-menu__list>li>a {
    color: #26362E !important;
    font-weight: 600 !important;
}

.stricky-header.stricked-menu.stricky-fixed .main-menu__list>li>a:hover,
.stricky-header.stricked-menu.stricky-fixed .main-menu__list>li>a:focus {
    color: #436655 !important;
}

/* 2. Testimonial Author Titles */
.testimonial-four__single__designation {
    color: #FFFFFF !important;
}

.testimonial-four__single__name {
    color: #FFFFFF !important;
}

/* 3. Footer Links, Subtext & Copyright Bar (High Contrast Fix) */
.site-footer-two {
    background-color: #9BB7A9 !important;
    /* Muted Soft Sage */
}

/* Dark Slate Boxes inside Footer (Explore & Contact) */
.footer-widget__explore,
.footer-widget__contact {
    background-color: #26362E !important;
    border-radius: 15px !important;
    padding: 35px 30px !important;
}

.footer-widget__explore .footer-widget__title,
.footer-widget__contact .footer-widget__title {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

.footer-widget__links li a,
.footer-widget__explore-list a,
.footer-widget__contact-list a,
.footer-widget__link-list a,
.footer-widget__Contact-list p,
.footer-widget__Contact-list a {
    color: #FFFFFF !important;
    font-weight: 500 !important;
}

.footer-widget__explore-list a:hover,
.footer-widget__link-list a:hover,
.footer-widget__Contact-list a:hover {
    color: #A9C2B9 !important;
}

.footer-widget__text {
    color: #26362E !important;
}

.footer-widget__title {
    color: #26362E !important;
    font-weight: 700 !important;
}

.site-footer-two__checked-box label,
.site-footer-two__checked-box label span {
    color: #26362E !important;
    font-weight: 600 !important;
}

/* Bottom Copyright Bar */
.site-footer-two__bottom {
    background-color: #26362E !important;
}

.site-footer-two__bottom__text,
.site-footer-two__bottom__text a,
.site-footer-two__bottom p,
.site-footer-two__bottom p a {
    color: #FFFFFF !important;
    font-weight: 500 !important;
}

.site-footer-two__bottom__text a:hover {
    color: #A9C2B9 !important;
}

/* 4. Category Section Subtitles & "Read More" Buttons */
.section-title__tagline {
    color: #436655 !important;
}

.services-four__single__rm {
    color: #26362E !important;
    font-weight: 600;
}

.services-four__single__rm:hover {
    color: #436655 !important;
}

/* =========================================
   MOBILE DRAWER NAVIGATION (CONTRAST FIX)
   ========================================= */

.mobile-nav__wrapper .main-menu__list,
.mobile-nav__container .main-menu__list,
.mobile-nav__content .main-menu__list {
    margin: 0;
    padding: 0;
}

.mobile-nav__wrapper .main-menu__list li a,
.mobile-nav__container .main-menu__list li a,
.mobile-nav__content .main-menu__list li a,
.mobile-nav__container .mobile-nav__contact li a {
    color: #FFFFFF !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    text-transform: capitalize;
}

.mobile-nav__wrapper .main-menu__list li a:hover,
.mobile-nav__container .main-menu__list li a:hover,
.mobile-nav__content .main-menu__list li a:hover {
    color: #A9C2B9 !important;
}

/* =========================================
   FORM INPUT CONTRAST & FOCUS STATES
   ========================================= */

.contact-one__form-input-box input[type="email"],
.contact-one__form-input-box input[type="text"],
.contact-one__form-input-box textarea,
.contact-one__form-input-box select {
    background-color: #ffffff !important;
    color: #26362E !important;
    font-weight: 500 !important;
    border: 1px solid #D0D7D3 !important;
    border-radius: 10px !important;
}

.contact-one__form-input-box input:focus,
.contact-one__form-input-box select:focus,
.contact-one__form-input-box textarea:focus {
    outline: none !important;
    border-color: #436655 !important;
    box-shadow: 0 0 0 4px rgba(67, 102, 85, 0.15) !important;
}

input::placeholder,
textarea::placeholder,
.contact-one__form-input-box input::placeholder,
.contact-one__form-input-box textarea::placeholder {
    color: #616F68 !important;
    opacity: 1;
}

/* Logo Adjustments */
.main-header-four__logo img {
    max-width: 310px !important;
    height: auto !important;
    margin: 0 20px 0 0px !important;
}

/* Page Header / Breadcrumb Header Styling */
.about-page-header {
    background-color: #26362E !important;
    padding: 55px 0 45px !important;
    text-align: center !important;
}

.about-page-header .page-header__title {
    color: #FFFFFF !important;
    font-size: 38px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
}

.about-page-header .thm-breadcrumb {
    justify-content: center !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
}

.about-page-header .thm-breadcrumb li,
.about-page-header .thm-breadcrumb li a,
.about-page-header .thm-breadcrumb li span {
    color: #A9C2B9 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

/* =========================================
   WHAT WE DELIVER - EQUAL HEIGHT SYMMETRICAL GRID
   ========================================= */

.services-four .services-four__single,
.deliver-services-grid .services-four__single {
    height: 100% !important;
    margin-bottom: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    background: rgba(0,0,0,.5) !important;
    border-radius: 15px !important;
    border: 1px solid #fff !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.3s ease !important;
}

.services-four .services-four__single:hover,
.deliver-services-grid .services-four__single:hover {
    border-color: #436655 !important;
    box-shadow: 0 10px 30px rgba(67, 102, 85, 0.12) !important;
    transform: translateY(-4px) !important;
}

.services-four .services-four__single__content,
.deliver-services-grid .services-four__single__content {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    padding: 40px 32px 45px 32px !important;
    /* Generous 45px bottom padding */
    box-sizing: border-box !important;
}

.services-four .services-four__single__title,
.deliver-services-grid .services-four__single__title {
    display: flex !important;
    align-items: flex-start !important;
    margin-bottom: 15px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

.services-four .services-four__single__title a,
.deliver-services-grid .services-four__single__title a {
    color: #fff !important;
    transition: color 0.3s ease !important;
}

.services-four .services-four__single:hover .services-four__single__title a,
.deliver-services-grid .services-four__single:hover .services-four__single__title a {
    color: #fff !important;
}

.services-four .services-four__single__text,
.deliver-services-grid .services-four__single__text {
    flex-grow: 1 !important;
    margin: 0 !important;
    padding-bottom: 10px !important;
    font-size: 15px !important;
    color: #888 !important;
    line-height: 1.65 !important;
}

/* Tablet Layout (2 columns) */
@media (max-width: 991px) {
    .deliver-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px !important;
    }
}

/* Mobile Layout (1 column) */
@media (max-width: 575px) {
    .deliver-services-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .deliver-services-grid .services-four__single__title {
        min-height: auto !important;
    }

    .deliver-services-grid .services-four__single__content {
        padding: 25px 20px !important;
    }
}

/* =========================================
   ABOUT PAGE VISUAL POLISH
   ========================================= */

.about-mission-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 40px !important;
    align-items: stretch !important;
}

.about-mission-card {
    background: rgba(255,255,255,.8) !important;
    padding: 40px !important;
    border-radius: 15px !important;
    border: 1px solid #E2E8E4 !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03) !important;
    height: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 991px) {
    .about-mission-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .about-mission-card {
        padding: 30px 24px !important;
    }
}