/* ========================================
   UI POLISH - Custom Fixes
   ======================================== */

/* 1. SLIDER DARK OVERLAY - Better text readability */
.rs-banner-bg-thumb::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom,
            rgba(0, 0, 0, 0.5) 50%,
            rgba(0, 0, 0, 0.5) 100%);
    z-index: 1;
}

.rs-banner-area .rs-banner-wrapper {
    position: relative;
    z-index: 2;
}

/* Fix slider height - eliminate white gap below */
.rs-banner-item-wrapper {
    min-height: 450px;
    display: flex;
    align-items: center;
}

.rs-banner-bg-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
}

/* Responsive slider heights */
@media (min-width: 768px) {
    .rs-banner-item-wrapper {
        min-height: 520px;
    }
}

@media (min-width: 1200px) {
    .rs-banner-item-wrapper {
        min-height: 580px;
    }
}

/* 2. UNIFORM GRID - Process & Facility Cards */

/* Process Cards - Fixed Height Images */
.process-counts .rs-services-item {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.process-counts .rs-services-thumb {
    height: 250px;
    overflow: hidden;
}

.process-counts .rs-services-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.process-counts .rs-services-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Facility Cards - Fixed Height Images (Swiper Slides) */
.rs-services-nine .swiper-slide .rs-services-item {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.rs-services-nine .swiper-slide .rs-services-thumb {
    height: 250px;
    overflow: hidden;
}

.rs-services-nine .swiper-slide .rs-services-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.rs-services-nine .swiper-slide .rs-services-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Ensure parent columns have equal height */
.process-counts>[class*="col-"] {
    display: flex;
}

.process-counts .rs-services-wrapper {
    width: 100%;
    height: 100%;
}

/* Ensure swiper slides have equal height */
.rs-services-nine .swiper-slide {
    height: auto;
}

.rs-services-nine .swiper-wrapper {
    align-items: stretch;
}

/* 3. NESTED ACTIVE STATE - Submenu Items */
/* Make submenu active links bold only, inherit parent color */
.main-menu .submenu li.active>a {
    font-weight: 600;
}

/* 4. MOBILE MENU VISIBILITY */
/* Hide mobile menu container on desktop */
@media (min-width: 1200px) {
    .mobile-menu {
        display: none;
    }
}

/* Ensure it's visible on smaller screens */
@media (max-width: 1199px) {
    .mobile-menu {
        display: block;
        margin-top: 20px;
        /* Add some spacing */
    }

    /* Ensure the hamburger bar is visible */
    .mean-container .mean-bar {
        background: transparent;
        position: relative;
        padding: 0;
        min-height: auto;
    }

    .mean-container a.meanmenu-reveal {
        color: var(--rs-theme-green);
        /* Use theme color */
        border: 1px solid var(--rs-theme-green);
        padding: 5px 8px;
        border-radius: 4px;
        top: -50px;
        /* Pull it up to sit next to logo/actions if needed */
        right: 0;
    }

    /* Adjust positioning based on design */
    .mobile-menu {
        position: relative;
    }
}