.elementor-6910 .elementor-element.elementor-element-a8555be{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;--z-index:1000;}.elementor-6910 .elementor-element.elementor-element-a8555be:hover{background-color:#FAF9FC9E;}.elementor-6910 .elementor-element.elementor-element-0d0e467 > .elementor-widget-container{border-style:none;border-radius:10px 10px 10px 10px;}.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-menu-toggle{margin-left:auto;}.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu .elementor-item{font-size:15px;text-transform:capitalize;letter-spacing:1px;}.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu--main .elementor-item{color:#5F5961;fill:#5F5961;padding-left:25px;padding-right:25px;padding-top:0px;padding-bottom:0px;}.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu--main .elementor-item:focus{color:#A37D7D;fill:#A37D7D;}.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#B10A0A;}.elementor-6910 .elementor-element.elementor-element-0d0e467{--e-nav-menu-horizontal-menu-item-margin:calc( 20px / 2 );--nav-menu-icon-size:30px;}.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:20px;}.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu--dropdown a, .elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-radius:0px 0px 0px 0px;}.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu--dropdown a:hover,
					.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu--dropdown a:focus,
					.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-menu-toggle:hover,
					.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu--dropdown a:hover,
					.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu--dropdown a:focus,
					.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu--dropdown a.highlighted{background-color:#00000012;}.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu--dropdown a.elementor-item-active{color:#C89CFF;background-color:#00000012;}.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.1);}.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu--dropdown a{padding-left:15px;padding-right:15px;padding-top:15px;padding-bottom:15px;}.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-6910 .elementor-element.elementor-element-0d0e467 div.elementor-menu-toggle{color:#000000;}.elementor-6910 .elementor-element.elementor-element-0d0e467 div.elementor-menu-toggle svg{fill:#000000;}.elementor-6910 .elementor-element.elementor-element-97a6bfb{margin-top:0px;margin-bottom:0px;padding:80px 0px 0px 0px;}.elementor-6910 .elementor-element.elementor-element-529b0f7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 15px 0px 15px;}.elementor-6910 .elementor-element.elementor-element-e26120a{text-align:center;}.elementor-6910 .elementor-element.elementor-element-e26120a .elementor-heading-title{font-family:"Amiri", Sans-serif;}.elementor-6910 .elementor-element.elementor-element-d14318f{text-align:center;color:#5F5961;}.elementor-6910 .elementor-element.elementor-element-1ab029f{--display:flex;--overflow:hidden;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6910 .elementor-element.elementor-element-1ab029f.e-con{--align-self:center;}.elementor-6910 .elementor-element.elementor-element-8961378.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-6910 .elementor-element.elementor-element-1aecbd8{--display:flex;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-6910 .elementor-element.elementor-element-1aecbd8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6910 .elementor-element.elementor-element-d182352{--grid-columns:4;--grid-row-gap:25px;--grid-column-gap:25px;}.elementor-6910 .elementor-element.elementor-element-55129ff{--display:flex;}body.elementor-page-6910:not(.elementor-motion-effects-element-type-background), body.elementor-page-6910 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9FC;}:root{--page-title-display:none;}@media(max-width:1550px){.elementor-6910 .elementor-element.elementor-element-a8555be{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-6910 .elementor-element.elementor-element-97a6bfb{padding:80px 0px 0px 0px;}}@media(max-width:1199px){.elementor-6910 .elementor-element.elementor-element-a8555be{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6910 .elementor-element.elementor-element-0d0e467{--nav-menu-icon-size:20px;}.elementor-6910 .elementor-element.elementor-element-97a6bfb{padding:60px 0px 0px 0px;}.elementor-6910 .elementor-element.elementor-element-1ab029f{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-6910 .elementor-element.elementor-element-d182352{--grid-columns:2;}}@media(max-width:767px){.elementor-6910 .elementor-element.elementor-element-0d0e467{--nav-menu-icon-size:15px;}.elementor-6910 .elementor-element.elementor-element-97a6bfb{padding:60px 0px 0px 0px;}.elementor-6910 .elementor-element.elementor-element-529b0f7 > .elementor-element-populated{padding:40px 15px 40px 15px;}.elementor-6910 .elementor-element.elementor-element-1ab029f{--margin-top:10px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6910 .elementor-element.elementor-element-1ab029f.e-con{--align-self:center;}.elementor-6910 .elementor-element.elementor-element-8961378 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6910 .elementor-element.elementor-element-8961378.elementor-element{--align-self:center;}.elementor-6910 .elementor-element.elementor-element-d182352{--grid-columns:1;}}/* Start custom CSS for nav-menu, class: .elementor-element-0d0e467 *//*Check mobile menu to get the CSS class to target and remove top margin*/
.elementor-6910 .elementor-element.elementor-element-0d0e467 .elementor-nav-menu__container.elementor-nav-menu--dropdown{
    margin-top: 0px !important;
}

/* ====================================================================
   HYBRID MOBILE DROPDOWN - iOS 26 GLASSMORPHISM CONTAINER + CLEAN ITEMS
   ====================================================================
   Replace .premium-glass-nav with your actual CSS class
   
   Design approach:
   - Dropdown container: Premium iOS 26 liquid glass effect
   - Menu items: Clean, minimal styling for readability
   - Perfect balance of visual appeal and functionality
   ==================================================================== */

/* Mobile Menu Toggle Button - Clean Circular Design */
@media (max-width: 1199px) {
    .premium-glass-nav .elementor-menu-toggle {
        /* Transparent background - blends with page */
        background: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border: none !important;
        
        /* Perfect circle styling */
        width: 48px !important;
        height: 48px !important;
        border-radius: 50% !important;
        padding: 0 !important;
        
        /* Center the icon */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        
        box-shadow: none !important;
        transition: all 0.2s ease !important;
        outline: none !important;
    }

    .premium-glass-nav .elementor-menu-toggle:hover {
        /* Subtle hover effect */
        background: rgba(0, 0, 0, 0.05) !important;
        border-radius: 50% !important;
    }

    /* Hamburger Icon Styling */
    .premium-glass-nav .elementor-menu-toggle i {
        color: rgba(0, 0, 0, 0.7) !important;
        font-size: 18px !important;
        transition: all 0.2s ease !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
    }

    .premium-glass-nav .elementor-menu-toggle:hover i {
        color: rgba(0, 0, 0, 0.9) !important;
        transform: scale(1.05) !important;
    }

    /* Active state when menu is open */
    .premium-glass-nav .elementor-menu-toggle[aria-expanded="true"] {
        background: rgba(0, 0, 0, 0.08) !important;
        border-radius: 50% !important;
    }

    .premium-glass-nav .elementor-menu-toggle[aria-expanded="true"] i {
        color: rgba(0, 0, 0, 0.9) !important;
    }
}

/* Clean Mobile Dropdown Container with iOS 26 Glassmorphism */
@media (max-width: 1199px) {
    /* Main dropdown wrapper */
    .premium-glass-nav .elementor-nav-menu--dropdown {
        background: none !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin-top: 8px !important;
        border-radius: 0 !important;
    }

    /* The actual menu container - iOS 26 Liquid Glass Effect */
    .premium-glass-nav .elementor-nav-menu--dropdown .elementor-nav-menu {
        /* iOS 26 gradient background (matches JavaScript button) */
        background: linear-gradient(135deg, 
            rgba(255, 255, 255, 0.25) 0%, 
            rgba(255, 255, 255, 0.1) 50%, 
            rgba(255, 255, 255, 0.05) 100%
        ) !important;
        
        /* Premium backdrop effects (matches JavaScript button) */
        backdrop-filter: blur(20px) saturate(180%) !important;
        -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
        
        /* Matching border and styling */
        border: 1px solid rgba(255, 255, 255, 0.18) !important;
        border-radius: 20px !important;
        padding: 16px !important;
        margin: 16px 16px !important;
        
        /* iOS 26 shadow system (matches JavaScript button) */
        box-shadow: 
            /*0 8px 32px rgba(0, 0, 0, 0.12),*/
            0 2px 6px rgba(0, 0, 0, 0.08),
            inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
        
        /* Premium transitions */
        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
        
        /* Performance optimization (matches JavaScript button) */
        transform: translateZ(0) !important;
        will-change: transform, box-shadow, background, backdrop-filter !important;
        isolation: isolate !important;
    }

    /* Enhanced hover state for dropdown container */
    .premium-glass-nav .elementor-nav-menu--dropdown .elementor-nav-menu:hover {
        /* Enhanced iOS 26 background on hover */
        background: linear-gradient(135deg, 
            rgba(255, 255, 255, 0.35) 0%, 
            rgba(255, 255, 255, 0.2) 50%, 
            rgba(255, 255, 255, 0.15) 100%
        ) !important;
        
        /* Enhanced backdrop effects */
        backdrop-filter: blur(25px) saturate(200%) !important;
        -webkit-backdrop-filter: blur(25px) saturate(200%) !important;
        
        /* Enhanced border */
        border: 1px solid rgba(255, 255, 255, 0.25) !important;
        
        /* Enhanced shadow system */
        box-shadow: 
            0 16px 40px rgba(0, 0, 0, 0.16),
            0 8px 16px rgba(0, 0, 0, 0.12),
            0 2px 8px rgba(0, 0, 0, 0.1),
            inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
        
        /* Subtle lift effect */
        transform: translateY(-2px) translateZ(0) !important;
    }
}

/* Fallback for devices with width < 390px (matches JavaScript logic) */
@media (max-width: 1199px) and (max-width: 389px) {
    .premium-glass-nav .elementor-nav-menu--dropdown .elementor-nav-menu {
        /* Simplified background for smaller devices */
        background: rgba(255, 255, 255, 0.85) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border: 1px solid rgba(0, 0, 0, 0.1) !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
        will-change: auto !important;
        isolation: auto !important;
    }

    .premium-glass-nav .elementor-nav-menu--dropdown .elementor-nav-menu:hover {
        background: rgba(255, 255, 255, 0.95) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
    }
}

/* Additional fallback for devices that don't support backdrop-filter */
@media (max-width: 1199px) and (min-width: 390px) {
    @supports not (backdrop-filter: blur(1px)) {
        .premium-glass-nav .elementor-nav-menu--dropdown .elementor-nav-menu {
            background: rgba(255, 255, 255, 0.9) !important;
            border: 1px solid rgba(0, 0, 0, 0.08) !important;
        }
    }
}

/* Clean Menu Items */
@media (max-width: 1199px) {
    .premium-glass-nav .elementor-nav-menu--dropdown .elementor-item {
        color: rgba(0, 0, 0, 0.85) !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        font-family: 'Average', serif !important;
        letter-spacing: 0.5px !important;
        padding: 14px 20px !important;
        margin: 4px 0 !important;
        border-radius: 12px !important;
        text-decoration: none !important;
        display: block !important;
        position: relative !important;
        
        /* Clean transparent background */
        background: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border: none !important;
        box-shadow: none !important;
        
        transition: all 0.15s ease !important;
    }

    /* Clean hover state */
    .premium-glass-nav .elementor-nav-menu--dropdown .elementor-item:hover {
        color: rgba(0, 0, 0, 1) !important;
        
        /* Subtle hover background */
        background: rgba(0, 0, 0, 0.05) !important;
        
        /* Gentle movement */
        transform: translateX(3px) !important;
        
        /* Minimal shadow */
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    }

    /* Clean active menu item */
    .premium-glass-nav .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
    .premium-glass-nav .elementor-nav-menu--dropdown .current-menu-item a {
        color: #B10A0A !important;
        font-weight: 600 !important;
        
        /* Subtle active background */
        background: rgba(139, 69, 19, 0.1) !important;
        
        /* Clean active shadow */
        box-shadow: 0 2px 6px rgba(139, 69, 19, 0.15) !important;
    }
}

/* Alternative Menu Item Selectors - Clean Approach */
@media (max-width: 1199px) {
    .premium-glass-nav .elementor-nav-menu--dropdown .menu-item a {
        color: rgba(0, 0, 0, 0.85) !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        font-family: 'Average', serif !important;
        letter-spacing: 0.5px !important;
        padding: 14px 20px !important;
        margin: 4px 0 !important;
        border-radius: 12px !important;
        text-decoration: none !important;
        display: block !important;
        position: relative !important;
        
        /* Clean styling */
        background: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border: none !important;
        box-shadow: none !important;
        
        transition: all 0.15s ease !important;
    }

    .premium-glass-nav .elementor-nav-menu--dropdown .menu-item a:hover {
        color: rgba(0, 0, 0, 1) !important;
        background: rgba(0, 0, 0, 0.05) !important;
        transform: translateX(3px) !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    }

    /* Current menu item styling */
    .premium-glass-nav .elementor-nav-menu--dropdown .current-menu-item a {
        color: #B10A0A !important;
        font-weight: 600 !important;
        background: rgba(139, 69, 19, 0.1) !important;
        box-shadow: 0 2px 6px rgba(139, 69, 19, 0.15) !important;
    }
}

/* Hardware acceleration optimization - Enhanced for glassmorphism */
@media (max-width: 1199px) {
    .premium-glass-nav .elementor-nav-menu--dropdown .elementor-nav-menu {
        transform: translateZ(0) !important;
        will-change: transform, box-shadow, background, backdrop-filter !important;
        isolation: isolate !important;
    }
}

/* Accessibility and performance for reduced motion */
@media (prefers-reduced-motion: reduce) {
    .premium-glass-nav .elementor-nav-menu--dropdown .elementor-nav-menu,
    .premium-glass-nav .elementor-nav-menu--dropdown .elementor-item,
    .premium-glass-nav .elementor-nav-menu--dropdown .menu-item a,
    .premium-glass-nav .elementor-menu-toggle {
        transition: none !important;
        animation: none !important;
        transform: none !important;
        will-change: auto !important;
    }
    
    .premium-glass-nav .elementor-menu-toggle:hover i {
        transform: none !important;
    }
    
    /* Maintain circular shape and glassmorphism without transforms */
    .premium-glass-nav .elementor-menu-toggle {
        border-radius: 50% !important;
    }
    
    .premium-glass-nav .elementor-nav-menu--dropdown .elementor-nav-menu:hover {
        transform: translateZ(0) !important;
    }
}

/* Touch device optimizations */
@media (max-width: 1199px) and (pointer: coarse) {
    .premium-glass-nav .elementor-nav-menu--dropdown .elementor-item,
    .premium-glass-nav .elementor-nav-menu--dropdown .menu-item a {
        padding: 16px 20px !important;
        font-size: 17px !important;
        min-height: 48px !important;
    }
    
    /* Larger touch target for toggle */
    .premium-glass-nav .elementor-menu-toggle {
        width: 52px !important;
        height: 52px !important;
        border-radius: 50% !important;
    }
    
    .premium-glass-nav .elementor-menu-toggle i {
        font-size: 20px !important;
    }
}

/* Tablet optimizations */
@media (min-width: 768px) and (max-width: 1199px) {
    .premium-glass-nav .elementor-nav-menu--dropdown .elementor-nav-menu {
        padding: 20px !important;
        margin: 20px 20px !important;
        border-radius: 20px !important;
    }
    
    .premium-glass-nav .elementor-nav-menu--dropdown .elementor-item,
    .premium-glass-nav .elementor-nav-menu--dropdown .menu-item a {
        font-size: 18px !important;
        padding: 16px 24px !important;
        border-radius: 14px !important;
    }
    
    .premium-glass-nav .elementor-menu-toggle {
        width: 50px !important;
        height: 50px !important;
    }
    
    .premium-glass-nav .elementor-menu-toggle i {
        font-size: 19px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8555be *//* ====================================================================
   ULTRA-CLEAN TRANSPARENT NAVIGATION
   ====================================================================
   
   Transparent navigation that blends seamlessly with page background:
   - Completely transparent container
   - Subtle hover effects
   - Clean typography
   - Minimal visual interference
   
   Instructions:
   1. Copy this entire CSS code
   2. Go to your sub-container in Elementor (the one containing your menu)
   3. Advanced → Custom CSS
   4. Paste this code
   
   ==================================================================== */

/* Base Container - Fully Transparent */
.elementor-6910 .elementor-element.elementor-element-a8555be {
    /* Position at top */
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10000 !important;
    
    /* Reset container sizing */
    height: auto !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 20px !important;
    
    /* Completely transparent background */
    background: transparent !important;
    
    /* No backdrop effects */
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    
    /* No borders */
    border: none !important;
    border-image: none !important;
    
    /* Smooth transitions */
    transition: all 0.3s ease !important;
    
    /* No shadows */
    box-shadow: none !important;
}

/* HOVER STATE - Subtle Enhancement */
.elementor-6910 .elementor-element.elementor-element-a8555be:hover {
    /* Very subtle background on hover (optional) */
    background: rgba(255, 255, 255, 0.02) !important;
    
    /* No backdrop effects */
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    
    /* No borders */
    border-image: none !important;
    
    /* No shadows */
    box-shadow: none !important;
    
    /* No transformation */
    transform: none !important;
}

/* Remove animated pseudo-element */
.elementor-6910 .elementor-element.elementor-element-a8555be::before {
    display: none !important;
}

/* Inner Container Adjustments */
.elementor-6910 .elementor-element.elementor-element-a8555be .elementor-container {
    height: auto !important;
    min-height: auto !important;
    background: transparent !important;
    padding: 10px 0 !important;
    position: relative !important;
    z-index: 2 !important;
}

/* ====================================================================
   CLEAN TRANSPARENT MENU STYLING
   ==================================================================== */

/* WordPress Menu Widget Adjustments */
.elementor-6910 .elementor-element.elementor-element-a8555be .elementor-widget-wp-widget-nav_menu {
    position: relative !important;
    z-index: 3 !important;
    background: transparent !important;
}

/* Menu Container - Transparent base */
.elementor-6910 .elementor-element.elementor-element-a8555be .elementor-widget-wp-widget-nav_menu .elementor-widget-container {
    background: transparent !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    padding: 16px 0 !important;
    transition: all 0.3s ease !important;
}

/* Clean Menu Items Layout */
.elementor-6910 .elementor-element.elementor-element-a8555be .elementor-widget-wp-widget-nav_menu .menu {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 40px !important;
    margin: 0 !important;
    padding: 0 40px !important;
    list-style: none !important;
    position: relative !important;
}

.elementor-6910 .elementor-element.elementor-element-a8555be .elementor-widget-wp-widget-nav_menu .menu li {
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

/* Clean Menu Link Styling */
.elementor-6910 .elementor-element.elementor-element-a8555be .elementor-widget-wp-widget-nav_menu .menu li a {
    color: rgba(0, 0, 0, 0.8) !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 0.8px !important;
    transition: all 0.3s ease !important;
    font-family: 'Average', serif !important;
    padding: 14px 20px !important;
    display: block !important;
    border-radius: 16px !important;
    position: relative !important;
    
    /* Completely transparent background */
    background: transparent !important;
    backdrop-filter: none !important;
    border: none !important;
    
    /* No shadows */
    box-shadow: none !important;
}

/* Clean Menu Link Hover Effects */
.elementor-6910 .elementor-element.elementor-element-a8555be .elementor-widget-wp-widget-nav_menu .menu li a:hover {
    color: rgba(0, 0, 0, 1) !important;
    
    /* Very subtle background on hover */
    background: rgba(0, 0, 0, 0.05) !important;
    
    /* No backdrop effects */
    backdrop-filter: none !important;
    border: none !important;
    
    /* Subtle lift */
    transform: translateY(-1px) !important;
    
    /* Minimal shadow for depth */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    
    /* No text effects */
    text-shadow: none !important;
}

/* Clean Active Menu Item */
.elementor-6910 .elementor-element.elementor-element-a8555be .elementor-widget-wp-widget-nav_menu .menu li.current-menu-item a {
    color: #8B4513 !important;
    font-weight: 600 !important;
    
    /* Subtle active background */
    background: rgba(139, 69, 19, 0.1) !important;
    
    /* No backdrop effects */
    backdrop-filter: none !important;
    border: none !important;
    
    /* Minimal active shadow */
    box-shadow: 0 1px 4px rgba(139, 69, 19, 0.2) !important;
}

/* Clean Effects During Container Hover */
.elementor-6910 .elementor-element.elementor-element-a8555be:hover .elementor-widget-wp-widget-nav_menu .menu li a {
    color: rgba(0, 0, 0, 0.85) !important;
    text-shadow: none !important;
    backdrop-filter: none !important;
}

.elementor-6910 .elementor-element.elementor-element-a8555be:hover .elementor-widget-wp-widget-nav_menu .menu li a:hover {
    /* Enhanced hover during container hover */
    background: rgba(0, 0, 0, 0.08) !important;
    
    /* No backdrop effects */
    backdrop-filter: none !important;
    
    transform: translateY(-2px) !important;
    
    /* Slightly enhanced shadow */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* ====================================================================
   RESPONSIVE ENHANCEMENTS
   ==================================================================== */

/* Tablet Clean Design */
@media (max-width: 1024px) and (min-width: 769px) {
    .elementor-6910 .elementor-element.elementor-element-a8555be:hover {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
    
    .elementor-6910 .elementor-element.elementor-element-a8555be .elementor-widget-wp-widget-nav_menu .menu {
        gap: 28px !important;
        padding: 0 30px !important;
    }
    
    .elementor-6910 .elementor-element.elementor-element-a8555be .elementor-widget-wp-widget-nav_menu .menu li a {
        font-size: 14px !important;
        padding: 12px 16px !important;
        border-radius: 14px !important;
    }
}

/* Mobile Clean Design */
@media (max-width: 768px) {
    .elementor-6910 .elementor-element.elementor-element-a8555be {
        background: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
    
    .elementor-6910 .elementor-element.elementor-element-a8555be:hover {
        background: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
    
    .elementor-6910 .elementor-element.elementor-element-a8555be .elementor-widget-wp-widget-nav_menu .elementor-widget-container {
        padding: 14px 0 !important;
    }
    
    .elementor-6910 .elementor-element.elementor-element-a8555be .elementor-widget-wp-widget-nav_menu .menu {
        gap: 15px !important;
        padding: 0 20px !important;
        flex-wrap: wrap !important;
    }
    
    .elementor-6910 .elementor-element.elementor-element-a8555be .elementor-widget-wp-widget-nav_menu .menu li a {
        font-size: 13px !important;
        padding: 10px 14px !important;
        border-radius: 12px !important;
    }
}

/* Very Small Mobile Clean Design */
@media (max-width: 480px) {
    .elementor-6910 .elementor-element.elementor-element-a8555be .elementor-widget-wp-widget-nav_menu .menu {
        gap: 10px !important;
        padding: 0 15px !important;
    }
    
    .elementor-6910 .elementor-element.elementor-element-a8555be .elementor-widget-wp-widget-nav_menu .menu li a {
        font-size: 12px !important;
        padding: 8px 12px !important;
        border-radius: 10px !important;
    }
}

/* ====================================================================
   ACCESSIBILITY & PERFORMANCE
   ==================================================================== */

@media (prefers-reduced-motion: reduce) {
    .elementor-6910 .elementor-element.elementor-element-a8555be {
        transition: none !important;
    }
    
    .elementor-6910 .elementor-element.elementor-element-a8555be:hover {
        transform: none !important;
    }
    
    .elementor-6910 .elementor-element.elementor-element-a8555be .elementor-widget-wp-widget-nav_menu .menu li a {
        transition: none !important;
    }
    
    .elementor-6910 .elementor-element.elementor-element-a8555be .elementor-widget-wp-widget-nav_menu .menu li a:hover {
        transform: none !important;
    }
}

/* ====================================================================
   OPTIONAL: SUBTLE BACKGROUND ON SCROLL
   ==================================================================== */

/* 
Uncomment this section if you want a subtle background to appear when scrolling:

.elementor-6910 .elementor-element.elementor-element-a8555be.scrolled {
    background: rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}
*//* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-97a6bfb */.stay-explore-header-title{
    font-size: 50px;
    font-family: Amiri;
    font-weight: 400;
    letter-spacing: 0.8px;
    margin-bottom: 0px;
    color: rgb(95, 89, 97);
    text-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px;
    -webkit-text-fill-color: transparent;
    line-height: 1.2;
    padding-top: 10px;
    background: linear-gradient(45deg, rgb(44, 24, 16), rgb(95, 89, 97), rgb(114, 47, 55)) text;
}/* End custom CSS */
/* Start custom CSS *//* =======================================================
   ENHANCED WEBPAGE CSS - TOUCH OPTIMIZED VENUE GRID
   Complete solution with lazy loading visual enhancements
   AND FIXED FILTER CENTERING
   ======================================================= */

/* FIXED Filter buttons styling - Enhanced specificity for frontend */
.venue-filters,
.elementor-widget-container .venue-filters,
.elementor-element .venue-filters,
div.venue-filters {
    display: flex !important;
    gap: 15px !important;
    margin: 0 auto 0 auto !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 20px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    
    /* Remove conflicting positioning */
    position: static !important;
    left: auto !important;
    transform: none !important;
    min-width: auto !important;
}

/* Ensure parent containers don't interfere */
.elementor-widget-container:has(.venue-filters),
.elementor-widget-wrap:has(.venue-filters) {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* Fix the Elementor wrapper - ALL SCREEN SIZES */
.elementor-widget-wrap.elementor-element-populated:has(.venue-filters) {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    overflow: visible !important;
}

/* Alternative targeting for older browsers without :has() support */
.elementor-widget-wrap.elementor-element-populated .elementor-widget-container,
.elementor-widget-wrap.elementor-element-populated .venue-filters {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
}

.filter-btn {
    padding: 12px 24px !important;
    border: 2px solid #ddd !important;
    background: white !important;
    color: #666 !important;
    border-radius: 25px !important;
    font-family: 'Amiri', serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}

.filter-btn:hover {
    border-color: #999 !important;
    color: #333 !important;
    transform: translateY(-2px) !important;
}

.filter-btn.active {
    background: #EEE7F5!important;
    color: black !important;
    border-color: #666 !important;
}

.filter-clear {
    padding: 12px !important;
    border: 2px solid #ddd !important;
    background: white !important;
    color: #666 !important;
    border-radius: 50% !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    width: 45px !important;
    height: 45px !important;
    margin-left: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.filter-clear:hover {
    background: #f0f0f0 !important;
    border-color: #999 !important;
    transform: rotate(180deg) !important;
    color: #333 !important;
}

/* Filter animations */
.elementor-loop-item.hiding,
.e-loop-item.hiding {
    opacity: 0 !important;
    transform: scale(0.8) !important;
    transition: all 0.3s ease !important;
}

.elementor-loop-item.showing,
.e-loop-item.showing {
    opacity: 1 !important;
    transform: scale(1) !important;
    transition: all 0.3s ease !important;
}

/* Mobile responsive for filters - FIXED APPROACH */
@media (max-width: 768px) {
    .venue-filters,
    .elementor-widget-container .venue-filters,
    .elementor-element .venue-filters,
    div.venue-filters {
        gap: 10px !important;
        padding: 10px 25px !important;
        margin-bottom: 0px !important;
    }
    
    .filter-btn {
        padding: 10px 18px !important;
        font-size: 12px !important;
        min-height: 44px !important; /* Touch-friendly minimum */
    }
    
    .filter-clear {
        min-width: 44px !important; /* Touch-friendly minimum */
        min-height: 44px !important;
        width: 40px !important;
        height: 40px !important;
        font-size: 14px !important;
        margin-left: 8px !important;
    }
}

/* Extra small screens */
@media (max-width: 480px) {
    .venue-filters,
    .elementor-widget-container .venue-filters,
    .elementor-element .venue-filters,
    div.venue-filters {
        gap: 8px !important;
        padding: 10px 50px !important;
    }
    
    .filter-btn {
        padding: 8px 16px !important;
        font-size: 11px !important;
    }
    
    .filter-clear {
        width: 36px !important;
        height: 36px !important;
        font-size: 12px !important;
        margin-left: 6px !important;
    }
}

/* Tablet specific adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
    .venue-filters,
    .elementor-widget-container .venue-filters,
    .elementor-element .venue-filters,
    div.venue-filters {
        gap: 12px !important;
        padding: 10px 25px !important;
        margin-bottom: 0px !important;
    }
    
    .filter-btn {
        padding: 11px 22px !important;
        font-size: 13px !important;
    }
}

/* Additional container fixes for common Elementor structures */
.elementor-section .venue-filters,
.elementor-container .venue-filters,
.elementor-row .venue-filters,
.elementor-column .venue-filters {
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Ensure no horizontal overflow */
.elementor-section,
.elementor-container,
.elementor-row,
.elementor-column {
    overflow-x: visible !important;
}

/* Force proper width inheritance */
.venue-filters * {
    box-sizing: border-box !important;
}

/* =======================================================
   GRID SYSTEM - Enhanced for Touch
   ======================================================= */

.elementor-loop-container {
    display: grid !important;
    gap: 20px !important;
    grid-auto-flow: row !important;
}

.elementor-loop-item,
.e-loop-item {
    position: relative !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 15px rgba(0,0,0,0.1) !important;
    transition: all 0.3s ease !important;
    background: white !important;
    height: 100% !important;
    cursor: pointer !important;
}

/* Hover effects - only for hover-capable devices */
@media (hover: hover) {
    .elementor-loop-item:hover,
    .e-loop-item:hover {
        transform: translateY(-5px) !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
        z-index: 10 !important;
    }
}

/* Touch feedback for touch devices */
@media (hover: none) {
    .elementor-loop-item:active,
    .e-loop-item:active {
        transform: scale(0.98) !important;
        transition: transform 0.1s ease !important;
    }
}

/* Large tiles - ACF based sizing */
.elementor-loop-item[data-venue-size="large"],
.e-loop-item[data-venue-size="large"] {
    grid-column: span 2 !important;
    grid-row: span 2 !important;
}

/* Remove default link styling */
.elementor-loop-item .venue-title a,
.e-loop-item .venue-title a {
    color: inherit !important;
    text-decoration: none !important;
    pointer-events: none !important;
}

/* =======================================================
   VENUE OVERLAY CENTERING - COMPREHENSIVE FIX
   Fix both standard and large tiles with proper centering
   ======================================================= */

/* Standard tiles - overlay centering */
.elementor-loop-item .venue-overlay-content,
.e-loop-item .venue-overlay-content {
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 60px 30px 40px !important;
}

.elementor-loop-item .e-con-inner,
.e-loop-item .e-con-inner {
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
}

/* Large tiles - enhanced centering with more padding */
.elementor-loop-item[data-venue-size="large"] .venue-overlay-content,
.e-loop-item[data-venue-size="large"] .venue-overlay-content {
    justify-content: center !important;
    align-items: center !important;
    padding: 120px 50px !important;
}

.elementor-loop-item[data-venue-size="large"] .e-con-inner,
.e-loop-item[data-venue-size="large"] .e-con-inner {
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
}

/* Override Elementor's CSS variables for both sizes */
.elementor-loop-item .e-con-inner,
.e-loop-item .e-con-inner,
.elementor-loop-item[data-venue-size="large"] .e-con-inner,
.e-loop-item[data-venue-size="large"] .e-con-inner {
    --justify-content: center !important;
    --align-items: center !important;
    --align-content: center !important;
    --flex-direction: column !important;
}

/* Additional targeting for Elementor container system */
.elementor-loop-item .venue-overlay-content.e-flex,
.e-loop-item .venue-overlay-content.e-flex,
.elementor-loop-item[data-venue-size="large"] .venue-overlay-content.e-flex,
.e-loop-item[data-venue-size="large"] .venue-overlay-content.e-flex {
    --justify-content: center !important;
    --align-items: center !important;
    --align-content: center !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;
}

/* Force override for stubborn Elementor containers */
.elementor-loop-item .venue-overlay-content.e-con-boxed,
.e-loop-item .venue-overlay-content.e-con-boxed,
.elementor-loop-item[data-venue-size="large"] .venue-overlay-content.e-con-boxed,
.e-loop-item[data-venue-size="large"] .venue-overlay-content.e-con-boxed {
    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;
}

/* =======================================================
   LAZY LOADING VISUAL STATES - ENHANCED USER EXPERIENCE
   Professional loading indicators and transitions
   ======================================================= */

/* Initial lazy loading state - elegant shimmer effect */
.elementor-loop-item.lazy-image,
.e-loop-item.lazy-image {
    background: linear-gradient(90deg, 
        rgba(240,240,240,0.8) 25%, 
        rgba(255,255,255,0.9) 50%, 
        rgba(240,240,240,0.8) 75%) !important;
    background-size: 200% 100% !important;
    animation: loading-shimmer 2s infinite ease-in-out !important;
    position: relative !important;
}

.elementor-loop-item.lazy-image img,
.e-loop-item.lazy-image img {
    opacity: 0 !important;
    transition: opacity 0.4s ease !important;
}

/* Elegant shimmer animation */
@keyframes loading-shimmer {
    0% { 
        background-position: -200% 0; 
        opacity: 0.7;
    }
    50% { 
        background-position: 0% 0; 
        opacity: 0.9;
    }
    100% { 
        background-position: 200% 0; 
        opacity: 0.7;
    }
}

/* Active loading state with professional indicator */
.elementor-loop-item.image-loading,
.e-loop-item.image-loading {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    position: relative !important;
    animation: none !important; /* Stop shimmer when actively loading */
}

.elementor-loop-item.image-loading::before,
.e-loop-item.image-loading::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 40px !important;
    height: 40px !important;
    margin: -20px 0 0 -20px !important;
    border: 3px solid rgba(0,0,0,0.1) !important;
    border-top: 3px solid #666 !important;
    border-radius: 50% !important;
    animation: loading-spin 1s linear infinite !important;
    z-index: 5 !important;
}

.elementor-loop-item.image-loading::after,
.e-loop-item.image-loading::after {
    content: "📸" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) translateY(15px) !important;
    font-size: 1.2rem !important;
    opacity: 0.6 !important;
    z-index: 6 !important;
    animation: gentle-pulse 2s ease-in-out infinite !important;
}

/* Loading spinner animation */
@keyframes loading-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Gentle pulse for camera icon */
@keyframes gentle-pulse {
    0%, 100% { 
        opacity: 0.6; 
        transform: translate(-50%, -50%) translateY(15px) scale(1);
    }
    50% { 
        opacity: 0.8; 
        transform: translate(-50%, -50%) translateY(15px) scale(1.05);
    }
}

/* Successfully loaded state - smooth reveal */
.elementor-loop-item.image-loaded,
.e-loop-item.image-loaded {
    background: none !important;
    animation: none !important;
}

.elementor-loop-item.image-loaded img,
.e-loop-item.image-loaded img {
    opacity: 1 !important;
    transition: opacity 0.4s ease !important;
    /*animation: image-fade-in 0.6s ease-out !important;*/
}

.elementor-loop-item.image-loaded::before,
.elementor-loop-item.image-loaded::after,
.e-loop-item.image-loaded::before,
.e-loop-item.image-loaded::after {
    display: none !important;
}

/* Smooth image reveal animation */
@keyframes image-fade-in {
    0% { 
        opacity: 0; 
        transform: scale(1.02);
    }
    100% { 
        opacity: 1; 
        transform: scale(1);
    }
}

/* Error state - subtle indication */
.elementor-loop-item.image-error,
.e-loop-item.image-error {
    background: linear-gradient(135deg, #f8f9fa 0%, #dee2e6 100%) !important;
    animation: none !important;
}

.elementor-loop-item.image-error::before,
.e-loop-item.image-error::before {
    display: none !important;
}

.elementor-loop-item.image-error::after,
.e-loop-item.image-error::after {
    content: "🖼️" !important;
    opacity: 0.4 !important;
    animation: none !important;
    font-size: 1.5rem !important;
}

/* Enhanced loading states for large tiles */
.elementor-loop-item[data-venue-size="large"].image-loading::before,
.e-loop-item[data-venue-size="large"].image-loading::before {
    width: 50px !important;
    height: 50px !important;
    margin: -25px 0 0 -25px !important;
    border-width: 4px !important;
}

.elementor-loop-item[data-venue-size="large"].image-loading::after,
.e-loop-item[data-venue-size="large"].image-loading::after {
    font-size: 1.8rem !important;
    transform: translate(-50%, -50%) translateY(20px) !important;
}

/* Mobile optimizations for loading states */
@media (max-width: 768px) {
    .elementor-loop-item.image-loading::before,
    .e-loop-item.image-loading::before {
        width: 30px !important;
        height: 30px !important;
        margin: -15px 0 0 -15px !important;
        border-width: 2px !important;
    }
    
    .elementor-loop-item.image-loading::after,
    .e-loop-item.image-loading::after {
        font-size: 1rem !important;
        transform: translate(-50%, -50%) translateY(10px) !important;
    }
    
    .elementor-loop-item.image-error::after,
    .e-loop-item.image-error::after {
        font-size: 1.2rem !important;
    }
    
    /* Reduce shimmer intensity on mobile for performance */
    .elementor-loop-item.lazy-image,
    .e-loop-item.lazy-image {
        animation-duration: 3s !important;
    }
}

/* =======================================================
   TOUCH-SPECIFIC ENHANCEMENTS
   ======================================================= */

/* Scroll locking temporarily disabled - was causing issues */
/* 
body.overlay-active {
    overflow: hidden !important;
    touch-action: none !important;
}
*/

/* Smooth overlay transitions for touch devices */
@media (hover: none) {
    .elementor-loop-item .venue-overlay-content,
    .e-loop-item .venue-overlay-content {
        transition: opacity 0.4s ease !important;
    }
}

/* =======================================================
   CLEAN RESPONSIVE DESIGN - Preserving Your Working Logic
   ======================================================= */

/* DESKTOP: 4 column grid (default - no media query needed) */
.elementor-loop-container {
    grid-template-columns: repeat(4, 1fr) !important;
    grid-auto-rows: 220px !important;
}

/* TABLET LANDSCAPE: 3 column grid - Include iPad Pro landscape */
@media (max-width: 1200px) and (min-width: 1024px) and (orientation: landscape) {
    .elementor-loop-container {
        grid-template-columns: repeat(3, 1fr) !important;
        grid-auto-rows: 200px !important; /* Increased from 190px to 200px */
    }
    
    .elementor-loop-item[data-venue-size="large"],
    .e-loop-item[data-venue-size="large"] {
        grid-column: span 2 !important;
        grid-row: span 2 !important;
    }
}

/* IPAD PRO LANDSCAPE: 3 column grid - Include iPad Pro landscape */
@media (max-width: 1366px) and (min-width: 1251px) and (orientation: landscape) {
    .elementor-loop-container {
        grid-template-columns: repeat(3, 1fr) !important;
        grid-auto-rows: 265px !important; /* Increased from 190px to 200px */
    }
    
    .elementor-loop-item[data-venue-size="large"],
    .e-loop-item[data-venue-size="large"] {
        grid-column: span 2 !important;
        grid-row: span 2 !important;
    }
}

/* GENERAL WIDTH: 3 column grid - 1200px to 1250 */
@media (max-width: 1250px) and (min-width: 1200px) and (orientation: landscape) {
    .elementor-loop-container {
        grid-template-columns: repeat(3, 1fr) !important;
        grid-auto-rows: 250px !important; /* Increased from 190px to 200px */
    }
    
    .elementor-loop-item[data-venue-size="large"],
    .e-loop-item[data-venue-size="large"] {
        grid-column: span 2 !important;
        grid-row: span 2 !important;
    }
}

/* TABLET PORTRAIT: 2 column grid - Mathematical approach with 2x2 tiles */
@media (max-width: 834px) and (min-width: 768px) and (orientation: portrait) {
    .elementor-loop-container {
        grid-template-columns: repeat(2, 1fr) !important;
        grid-auto-rows: 160px !important; /* Smaller rows for 2x2 = 320px total */
    }
    
    .elementor-loop-item[data-venue-size="large"],
    .e-loop-item[data-venue-size="large"] {
        grid-column: span 2 !important;
        grid-row: span 2 !important; /* Back to 2x2 */
        height: auto !important;
    }
}

/* IPAD PRO PORTRAIT: Much taller rows to prevent cutoff */
@media (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
    .elementor-loop-container {
        grid-template-columns: repeat(2, 1fr) !important;
        grid-auto-rows: 320px !important; /* Much taller: 250px × 2 = 500px total */
    }
    
    .elementor-loop-item[data-venue-size="large"],
    .e-loop-item[data-venue-size="large"] {
        grid-column: span 2 !important;
        grid-row: span 2 !important; /* 2x2 for 500px total height */
        height: auto !important;
    }
}

/* GENERAL TABLET FALLBACK: 2 column grid */
@media (max-width: 1023px) and (min-width: 481px) {
    .elementor-loop-container {
        grid-template-columns: repeat(2, 1fr) !important;
        grid-auto-rows: 240px !important;
    }
    
    .elementor-loop-item[data-venue-size="large"],
    .e-loop-item[data-venue-size="large"] {
        grid-column: span 2 !important;
        grid-row: span 1 !important;
    }
}

/* MOBILE: 1 column grid - Enhanced touch targets */
@media (max-width: 480px) {
    .elementor-loop-container {
        grid-template-columns: 1fr !important;
        grid-auto-rows: 240px !important;
        gap: 15px !important; /* Slightly larger gap for easier touch */
    }
    
    .elementor-loop-item,
    .elementor-loop-item[data-venue-size="large"],
    .e-loop-item,
    .e-loop-item[data-venue-size="large"] {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
        min-height: 240px !important; /* Ensure touch-friendly size */
    }
}

/* =======================================================
   RESPONSIVE OVERLAY ADJUSTMENTS
   ======================================================= */

/* Tablet adjustments for overlay centering */
@media (max-width: 1024px) and (min-width: 769px) {
    .elementor-loop-item .venue-overlay-content,
    .e-loop-item .venue-overlay-content {
        padding: 50px 25px 35px !important;
    }
    
    .elementor-loop-item[data-venue-size="large"] .venue-overlay-content,
    .e-loop-item[data-venue-size="large"] .venue-overlay-content {
        padding: 80px 40px !important;
    }
}

/* Mobile adjustments for overlay centering */
@media (max-width: 768px) {
    .elementor-loop-item .venue-overlay-content,
    .e-loop-item .venue-overlay-content,
    .elementor-loop-item[data-venue-size="large"] .venue-overlay-content,
    .e-loop-item[data-venue-size="large"] .venue-overlay-content {
        padding: 40px 20px 25px !important;
    }
}

/* =======================================================
   ACCESSIBILITY & TOUCH IMPROVEMENTS
   ======================================================= */

/* Focus states for keyboard navigation */
.filter-btn:focus,
.filter-clear:focus {
    outline: 2px solid #666 !important;
    outline-offset: 2px !important;
}

.elementor-loop-item:focus,
.e-loop-item:focus {
    outline: 3px solid #007cba !important;
    outline-offset: 2px !important;
}

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
    .elementor-loop-item,
    .e-loop-item,
    .filter-btn,
    .filter-clear,
    .venue-overlay-content {
        transition: none !important;
        transform: none !important;
        animation: none !important;
    }
    
    /* Disable lazy loading animations for motion-sensitive users */
    .elementor-loop-item.lazy-image,
    .e-loop-item.lazy-image,
    .elementor-loop-item.image-loading::before,
    .elementor-loop-item.image-loading::after,
    .e-loop-item.image-loading::before,
    .e-loop-item.image-loading::after {
        animation: none !important;
    }
    
    /* Instant loading states */
    .elementor-loop-item.lazy-image img,
    .e-loop-item.lazy-image img,
    .elementor-loop-item.image-loaded img,
    .e-loop-item.image-loaded img {
        transition: none !important;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .filter-btn {
        border-width: 3px !important;
    }
    
    .elementor-loop-item,
    .e-loop-item {
        border: 2px solid #000 !important;
    }
    
    /* Enhanced loading indicators for high contrast */
    .elementor-loop-item.image-loading::before,
    .e-loop-item.image-loading::before {
        border-color: rgba(0,0,0,0.3) !important;
        border-top-color: #000 !important;
    }
    
    .elementor-loop-item.lazy-image,
    .e-loop-item.lazy-image {
        background: linear-gradient(90deg, #ddd 25%, #fff 50%, #ddd 75%) !important;
    }
}

/* =======================================================
   PERFORMANCE OPTIMIZATIONS
   ======================================================= */

.elementor-loop-container {
    contain: layout style !important;
}

.elementor-loop-item,
.e-loop-item {
    will-change: transform, box-shadow !important;
    contain: layout style paint !important;
}

/* Optimize lazy loading animations for performance */
.elementor-loop-item.lazy-image,
.e-loop-item.lazy-image,
.elementor-loop-item.image-loading,
.e-loop-item.image-loading {
    will-change: background-position, opacity !important;
    backface-visibility: hidden !important;
    transform: translateZ(0) !important; /* Force GPU acceleration */
}

/* Optimize loading indicators */
.elementor-loop-item.image-loading::before,
.e-loop-item.image-loading::before {
    will-change: transform !important;
    backface-visibility: hidden !important;
}

/* =======================================================
   PRINT STYLES - Hide loading states in print
   ======================================================= */

@media print {
    .elementor-loop-item.lazy-image,
    .e-loop-item.lazy-image,
    .elementor-loop-item.image-loading,
    .e-loop-item.image-loading {
        background: none !important;
        animation: none !important;
    }
    
    .elementor-loop-item.lazy-image img,
    .e-loop-item.lazy-image img {
        opacity: 1 !important;
    }
    
    .elementor-loop-item::before,
    .elementor-loop-item::after,
    .e-loop-item::before,
    .e-loop-item::after {
        display: none !important;
    }
}/* End custom CSS */