/* ============================================================
   🔱 GLOBAL NAV & FOOTER FIX (Gold Theme & Menu Behavior)
   ============================================================ */

/* 1. Nav Menu (Drawer) ka Initial State */
#nav-drawer {
    position: fixed;
    top: 0;
    right: -280px; /* Screen ke bahar rakho */
    width: 280px;
    height: 100%;
    background: #0a0a14 !important; /* Deep Dark Background */
    z-index: 10000;
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border-left: 1px solid rgba(245, 197, 66, 0.2);
    box-shadow: -10px 0 30px rgba(0,0,0,0.5);
}

/* 2. Blue Links ko Gold mein badlo (Universal Fix) */
#header-placeholder a, 
#footer-placeholder a, 
#nav-drawer a,
.brand-name {
    color: var(--gold) !important;
    text-decoration: none !important;
    transition: 0.3s;
}

/* 3. Hamburger Icon aur Buttons ka Blue khatam */
#mobile-menu, #close-menu, .menu-icon {
    color: var(--gold) !important;
    cursor: pointer;
}

/* 4. Nav Links Hover Effect */
#nav-drawer a:hover {
    color: #fff !important;
    background: rgba(245, 197, 66, 0.1);
    padding-left: 10px;
}

/* 5. Overlay (Pichhe ka andhera) */
#menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(4px);
    display: none;
    z-index: 9999;
}

/* 6. Footer Links Alignment */
#footer-placeholder .footer-links a {
    margin: 0 10px;
    font-size: 0.85rem;
    opacity: 0.7;
}

#footer-placeholder .footer-links a:hover {
    opacity: 1;
    color: var(--gold) !important;
}