/**
 * Nav Bharat Mirror - DYNAMIC STYLES
 * FIXED: Strictly resolved double menu issue and mobile auto-open issue.
 */

:root {
    --primary-color: #1d3557;
    --secondary-color: #e63946;
}

/* FIXED: Prevent horizontal scroll and layout shifts */
html, body {
    overflow-x: hidden;
    width: 100%;
    position: relative;
    max-width: 100vw;
}

body { font-family: 'Poppins', sans-serif; background: #f4f7f6; line-height: 1.6; }
.gujarati-font { font-family: 'Noto Sans Gujarati', sans-serif; }

/* HEADER STYLES */
.header-top { background: var(--primary-color); color: white; padding: 10px 0; }
.site-title { color: white; font-size: 28px; font-weight: 700; text-decoration: none; }

/* --- PERMANENT MENU VISIBILITY FIX --- */

/* Desktop Only: For screens >= 992px */
@media (min-width: 992px) {
    #desktopNav { display: flex !important; }
    #mobileNav, .navbar-toggler-custom { display: none !important; }
}

/* Mobile Only: For screens < 991px */
@media (max-width: 991.98px) {
    #desktopNav { display: none !important; }
    .navbar-toggler-custom { display: block !important; }
    
    /* Ensure the mobile nav is hidden by default and only shows when .show class is added by Bootstrap */
    #mobileNav.collapse:not(.show) {
        display: none !important;
    }
    
    #mobileNav.collapse.show {
        display: block !important;
    }
}

.news-card { border: none; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.08); transition: 0.3s; background: white; }
.news-card:hover { transform: translateY(-5px); }

/* --- AUDITED UNIFIED SOCIAL SHARE STYLES --- */
.share-box { display: flex !important; align-items: center !important; gap: 12px !important; margin: 10px 0; }
.share-item { text-align: center; display: flex; flex-direction: column; align-items: center; }

.share-icon-btn { 
    width: 40px !important; 
    height: 40px !important; 
    border-radius: 50% !important; 
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    transition: all 0.3s ease-in-out !important; 
    text-decoration: none !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

/* Fix: Icon Visibility - Force white color and proper size */
.share-icon-btn i { 
    color: #ffffff !important; 
    font-size: 18px !important; 
    display: block !important;
}

.share-icon-btn:hover { transform: translateY(-3px); box-shadow: 0 6px 12px rgba(0,0,0,0.2); opacity: 1 !important; }

/* Social Brand Colors */
.share-fb { background-color: #3b5998 !important; }
.share-tw { background-color: #1da1f2 !important; } /* Adjusted to standard Twitter Blue */
.share-wa { background-color: #25d366 !important; }
.share-li { background-color: #0077b5 !important; } /* Fixed: Official LinkedIn Blue */

.share-label { 
    font-size: 11px; 
    font-weight: 700; 
    margin-top: 5px; 
    color: #444; 
    text-transform: uppercase; 
    letter-spacing: 0.5px;
}



.sidebar-sticky { transition: 0.3s; }


/* FOOTER */
footer { background-color: #343a40; color: white; padding: 3rem 0 1.5rem; margin-top: 3rem; }