/* ================================================================ SHARED HEADER CSS — Law Corner Bangladesh Imported by components/header.js or linked in ================================================================ */ /* Sticky header glass effect */ #site-header { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid rgba(20, 184, 166, 0.08); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); position: sticky; top: 0; z-index: 50; width: 100%; transition: all 0.3s ease; } /* Desktop nav link — default state */ .header-nav-link { color: #475569; /* slate-600 */ text-decoration: none; position: relative; } .header-nav-link:hover { color: #0f766e; /* teal-700 */ border-bottom-color: rgba(15, 118, 110, 0.4) !important; } /* Desktop nav link — active page */ .header-nav-link.nav-active { color: #0f766e !important; font-weight: 600; border-bottom-color: #0f766e !important; } /* Mobile nav link — default state */ .mobile-nav-link { color: #475569; text-decoration: none; } .mobile-nav-link:hover { color: #0f766e; } /* Mobile nav link — active page */ .mobile-nav-link.nav-active { color: #0f766e !important; font-weight: 700; } /* Scrolled header shadow (added via JS on scroll) */ #site-header.scrolled { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1); }