/* ==========================================================================
   NASHIK KUMBH MELA - OPTIMIZED RESPONSIVE CSS
   ========================================================================== */

/* --- Desktop & Large Screens --- */
@media screen and (max-width: 1200px) {
    .standard_wrapper { width: 95% !important; margin: auto; }
}

/* --- Tablets & Small Desktops --- */
@media screen and (max-width: 1024px) {
    .one_fourth, .one_third { width: 48% !important; margin-bottom: 20px; }
    #menu_wrapper div .nav > li > a { padding: 26px 10px; font-size: 14px; }
}

/* --- Mobile Landscape & Tablets --- */
@media screen and (max-width: 768px) {
    /* Main Layout Fix */
    .inner_wrapper { flex-direction: column !important; align-items: center !important; }
    .one_third, .one_fourth { width: 100% !important; max-width: 450px !important; margin: 0 auto 30px auto !important; }

    /* Reels Mobile View (Smooth Horizontal Scroll) */
    .reels-grid { 
        gap: 15px; 
        overflow-x: auto; 
        justify-content: flex-start; 
        padding: 10px 20px; 
        -webkit-overflow-scrolling: touch; 
    }
    .reel-card { 
        flex: 0 0 260px !important; 
        transform: scale(1) translateX(0) !important; 
        opacity: 1 !important; 
        margin: 0 !important; 
    }

    /* Titles & Spacing */
    .ppb_title { font-size: 26px !important; line-height: 1.3 !important; }
    .page_tagline { font-size: 14px !important; margin-bottom: 20px; }

    /* --- RESPONSIVE SOCIAL MEDIA BAR FIX --- */
    #kumbh-social-vertical-bar {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        top: auto !important;
        transform: none !important;
        width: 100% !important;
        height: auto !important;
        background: #1a1a1a !important; /* Dark background for visibility */
        display: flex !important;
        flex-direction: row !important; /* Side-by-side icons */
        justify-content: space-around !important;
        padding: 10px 0 !important;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.3) !important;
        border-top: 2px solid #F28C28 !important;
    }

    #kumbh-social-vertical-bar a {
        writing-mode: horizontal-tb !important;
        transform: none !important;
        padding: 5px !important;
        font-size: 12px !important;
        gap: 5px !important;
    }

    #kumbh-social-vertical-bar a i {
        transform: none !important;
        font-size: 18px !important;
    }

    /* Footer Spacing for bottom bar */
    #footer { padding-bottom: 80px !important; }
}

/* --- Extra Small Mobile Screens --- */
@media screen and (max-width: 480px) {
    .full-screen-slider-container { height: 55vh !important; }
    .reel-card { flex: 0 0 220px !important; height: 400px !important; }
    
    #logo_normal img, #logo_transparent img { max-height: 35px; width: auto; }
    
    .button, a.button { width: 100%; box-sizing: border-box; text-align: center; }
}

/* Animation Delay Fix for Mobile */
.animated1, .animated2, .animated3, .animated4 {
    animation-delay: 0.1s !important;
}