/* MOBILE FIXES GLOBAL CSS */
@media (max-width: 767px) {
    /* --- FOOTER FIXES --- */
    
    /* Remove excessive padding/margin from main footer container */
    footer.footer-alt, #footer {
        padding: 0 !important;
        margin: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        background-color: #000 !important;
    }

    /* Footer Top (Content) Adjustments */
    .footer-top-alt {
        display: block !important;
        padding: 30px 15px 10px 15px !important;
        text-align: center !important;
    }
    
    .footer-top-alt .col-md-3, 
    .footer-top-alt .col-md-4,
    .footer-top-alt .col-md-5 {
        margin-bottom: 25px !important;
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .footer-heading {
        font-size: 16px !important;
        margin-bottom: 15px !important;
        text-align: center !important;
        display: block !important;
        letter-spacing: 2px !important;
    }

    .footer-address, .footer-email-item, .footer-contact-container {
        text-align: center !important;
        justify-content: center !important;
        font-size: 13px !important;
        margin-bottom: 10px !important;
        line-height: 1.6 !important;
    }

    .whatsapp-item {
        justify-content: center !important;
        margin-bottom: 10px !important;
    }

    /* Social Icons Resize */
    .footer-about-social-list {
        justify-content: center !important;
        margin-top: 15px !important;
    }
    
    .footer-about-social-list a {
        margin: 0 10px !important;
        font-size: 14px !important; /* Smaller icon size */
        width: 30px !important; /* Smaller width */
        height: 30px !important; /* Smaller height */
        line-height: 30px !important; /* Vertically center icon */
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid #E7D49A !important;
        border-radius: 50% !important;
    }

    /* Footer Bottom (Copyright) Adjustments */
    .footer-bottom-alt {
        height: 50px !important; 
        min-height: 50px !important;
        max-height: 50px !important;
        padding: 0 !important;
        margin: 0 !important;
        background-color: #000 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        z-index: 1 !important;
        overflow: hidden !important;
    }

    .footer-bottom-alt .container,
    .footer-bottom-alt .row,
    .footer-bottom-alt .col-12 {
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 50px !important;
    }

    .footer-bottom-alt p {
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.2 !important;
        font-size: 11px !important;
        color: #E7D49A !important;
        display: block !important;
        text-align: center !important;
    }

    /* --- HERO SLIDER FIXES --- */
    
    /* Text Shadow for better visibility */
    .header.slider-fade .caption h1,
    .hero-slider .slide-title {
        font-size: 32px !important;
        letter-spacing: 4px !important;
        text-shadow: 2px 2px 4px rgba(0,0,0,0.8) !important;
    }
    
    .header.slider-fade .caption h4,
    .hero-slider .slide-subtitle {
        font-size: 11px !important;
        letter-spacing: 3px !important;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.8) !important;
    }

    /* Hide Book Now button INSIDE slider on mobile */
    .header.slider-fade .caption .butn-light,
    .hero-slider .btn-slider {
        display: none !important; 
    }

    /* Move Slider Indicators UP to avoid overlap */
    .owl-theme .owl-dots, .owl-pagination {
        bottom: 30px !important; 
    }

    /* --- STICKY BOOKING BUTTON FIXES --- */
    
    /* Static Book Now button at bottom of page */
    .booking-mobile {
        display: block !important;
        position: relative !important; /* Not sticky */
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        z-index: 1 !important;
        background: #aa8453 !important;
        padding: 15px !important;
        text-align: center !important;
        box-shadow: none !important;
        margin-top: 0 !important;
    }
    
    .booking-mobile a {
        display: block !important;
        color: #fff !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        text-decoration: none !important;
    }

    /* Hide Side Book Now on mobile */
    .side-book-now {
        display: none !important;
    }

    /* Remove excessive body padding */
    body {
        padding-bottom: 0 !important;
    }
    
    /* Hide Back to Top button */
    .progress-wrap {
        display: none !important;
    }

    /* --- CONTENT TEXT COLOR FIXES --- */
    
    /* Force Quote Text to Black */
    .rooms-page .section-title-rooms h4,
    .section-title-rooms h4,
    h4.quote-text,
    p.quote-text,
    .section-subtitle, 
    .rooms-page h4, 
    .section-title h4 {
        color: #000 !important;
        font-weight: 500 !important;
    }

/* --- MOBILE FIXES --- */
/* Ensure High Specificity for All Rules */
@media (max-width: 991px) {
    
    /* --- CARD STYLE LAYOUT (Like Our News) --- */
    
    /* 1. Card Container - Standard Card with Shadow */
    html body .home-accommodation .row.m-0 {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important; /* Flexible height based on content */
        min-height: 400px !important;
        margin-bottom: 30px !important;
        background: #E6D7BE !important; /* Site beige */
        box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
        border-radius: 15px !important;
        perspective: none !important;
        overflow: hidden !important;
        cursor: pointer !important;
        padding: 0 !important;
        border: 1px solid rgba(0,0,0,0.05) !important;
    }

    /* 2. Image Layer (Top Half) */
    html body .home-accommodation .col-lg-8.p-0 {
        display: block !important;
        position: relative !important; /* Relative flow */
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        height: 250px !important; /* Fixed Image Height */
        z-index: 1 !important;
        border-radius: 15px 15px 0 0 !important;
        margin: 0 !important;
        background: #eee !important;
    }

    html body .home-accommodation .accommodation-slider-container {
        height: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        border-radius: 15px 15px 0 0 !important;
    }
    
    html body .home-accommodation .accommodation-slider-container img {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        filter: none !important;
        border-radius: 15px 15px 0 0 !important;
        background: transparent !important;
    }

    /* 3. Gradient Overlay Layer (Removed) */
    html body .home-accommodation .row.m-0::before {
        display: none !important;
    }

    /* 4. Content Layer (Bottom Half) */
    html body .home-accommodation .col-lg-4.p-0 {
        display: flex !important;
        position: relative !important; /* Relative flow */
        bottom: auto !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        z-index: 2 !important;
        background: #E6D7BE !important; /* Site beige */
        border-radius: 0 0 15px 15px !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
        padding: 18px 16px !important;
        margin: 0 !important;
        transform: none !important;
        backface-visibility: visible !important;
    }

    /* Caption Inner Wrapper */
    html body .home-accommodation .accommodation-caption {
        background: transparent !important;
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
        transform: none !important;
        box-shadow: none !important;
    }
    
    /* Hide Overlay Elements */
    html body .home-accommodation .swiper-slide::after,
    html body .home-accommodation .swiper-slide::before {
        display: none !important;
    }

    /* --- TYPOGRAPHY & BUTTONS --- */

    /* Title - Dark Text */
    html body .home-accommodation .caption-wrapper .title {
        color: #111 !important; /* Dark Text */
        font-family: 'Gilda Display', serif !important;
        font-size: 24px !important;
        line-height: 1.2 !important;
        text-align: center !important;
        margin-bottom: 10px !important;
        margin-top: 0 !important;
        text-shadow: none !important;
        display: block !important;
        width: 100% !important;
        border-left: none !important;
        padding-left: 0 !important;
        text-transform: capitalize !important;
        letter-spacing: 0 !important;
    }
    
    /* Add subtle separator */
    html body .home-accommodation .caption-wrapper .title::after {
        content: '' !important;
        display: block !important;
        width: 40px !important;
        height: 2px !important;
        background: #aa8453 !important;
        margin: 15px auto 5px auto !important;
    }

    /* Bottom Info Container */
    html body .home-accommodation .cta-container {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        margin-bottom: 0 !important;
        border-top: none !important;
        padding-top: 12px !important;
        gap: 10px !important;
    }

    /* Buttons */
    html body .home-accommodation .hlink {
        background: #2F5D50 !important;
        border: 1px solid #2F5D50 !important;
        color: #fff !important;
        font-size: 11px !important;
        letter-spacing: 1px !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        opacity: 1 !important;
        font-weight: 600 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 40px !important;
        line-height: 40px !important;
        padding: 0 14px !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
        flex: 1 1 0% !important;
    }

    /* Book Now Button */
    html body .home-accommodation .btn-book-custom {
        background: #aa8453 !important; /* Gold */
        border: 1px solid #aa8453 !important;
        color: #fff !important;
        font-size: 11px !important;
        letter-spacing: 1px !important;
        text-transform: uppercase !important;
        font-weight: 600 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 40px !important;
        line-height: 40px !important;
        padding: 0 14px !important;
        border-radius: 10px !important;
        box-shadow: 0 6px 16px rgba(170, 132, 83, 0.22) !important;
        box-sizing: border-box !important;
        flex: 1 1 0% !important;
    }
    
    /* Icon inside button */
    html body .home-accommodation .btn-book-custom::after {
        content: none !important;
    }

    /* Amenities / Highlights (Visible now for details) */
    html body .home-accommodation .highlights {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 10px !important;
        margin-bottom: 15px !important;
    }
    
    html body .home-accommodation .highlights li {
        font-size: 11px !important;
        color: #888 !important;
        list-style: none !important;
        display: inline-block !important;
    }
    
    html body .home-accommodation .room-facilities {
        display: none !important;
    }
}

/* =========================================================
   HOME: Promo/News cards (raja-promo-card) on mobile/tablet
   - Remove white
   - Make image feel less cropped
   ========================================================= */
@media (max-width: 991px) {
    html body .raja-promo-card {
        background: #E6D7BE !important;
        border-radius: 18px !important;
        box-shadow: 0 14px 34px rgba(0,0,0,0.12) !important;
    }

    /* Show more of the image (avoid aggressive crop) */
    html body .raja-promo-img {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center top !important;
        background-color: #E6D7BE !important;
    }

    /* Keep content readable on beige */
    html body .raja-promo-overlay {
        background: linear-gradient(
            180deg,
            rgba(230,215,190,0.10) 0%,
            rgba(230,215,190,0.10) 45%,
            rgba(230,215,190,0.92) 72%,
            rgba(230,215,190,0.98) 100%
        ) !important;
    }

    html body .raja-promo-content {
        text-align: left !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        align-items: stretch !important;
        gap: 8px !important;
        padding: 16px 14px 14px !important;
        max-height: 58% !important;
    }
    html body .raja-tag,
    html body .raja-title,
    html body .raja-date,
    html body .raja-desc-box,
    html body .raja-desc-box p {
        text-align: left !important;
    }

    html body .raja-btn {
        background: rgba(230,215,190,0.9) !important;
        border-color: rgba(170,132,83,0.65) !important;
        color: #111 !important;
        border-radius: 10px !important;
        height: 44px !important;
        line-height: 44px !important;
        margin-top: auto !important; /* push button to bottom */
        margin-bottom: 0 !important;
        align-self: center !important;
        width: auto !important;
        max-width: 240px !important;
        padding: 0 22px !important;
        display: inline-flex !important;
        justify-content: center !important;
        position: relative !important;
        z-index: 4 !important;
    }
}

/* =========================================================
   HOME: MICE / MEETINGS MOBILE CARDS (Mayura, Ballroom, etc.)
   - Remove white background
   - Prevent image cropping/strip
   ========================================================= */
@media (max-width: 991px) {
    html body .nice-mobile-slider,
    html body .nice-mobile-slider .swiper-wrapper,
    html body .nice-mobile-slider .swiper-slide {
        height: auto !important;
        min-height: 0 !important;
    }

    html body .nice-mobile-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        background: #E6D7BE !important;
        border-radius: 16px !important;
        overflow: hidden !important;
        box-shadow: 0 14px 34px rgba(0,0,0,0.14) !important;
    }
    html body .nice-mobile-card .mobile-card-body {
        background: #E6D7BE !important;
    }

    html body .nice-mobile-card .mobile-card-img {
        height: auto !important;
        min-height: 420px !important; /* make image area taller */
        min-height: 0 !important;
        overflow: visible !important;
        background: transparent !important;
        box-shadow: inset 0 -1px 0 rgba(0,0,0,0.06);
    }
    html body .nice-mobile-card .mobile-card-img img {
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        display: block !important;
        object-fit: contain !important;
        object-position: center center !important;
        background: transparent !important;
    }

    @media (max-width: 575px) {
        html body .nice-mobile-card .mobile-card-img {
            min-height: 460px !important;
        }
    }
}