/* NAVBAR CSS */
.nav-pill { background: rgba(247, 230, 212, 0.85); backdrop-filter: blur(25px); border: 1.5px solid var(--text-black); border-radius: 100px; padding: 8px 12px; transition: all 0.5s ease; }
.nav-link { font-weight: 600; font-size: 14px; text-transform: uppercase; color: var(--text-black); padding: 10px 20px; border-radius: 100px; transition: 0.3s; }
.nav-link:hover { background: var(--text-black); color: var(--cream); }

/* Desktop Logo Lock */
.nav-logo-desktop { transform: scale(3.5); transform-origin: left center; }

/* Mobile Navbar Base */
.nav-pill-mobile { border-radius: 100px; padding: 10px 14px; width: 100%; background: rgba(247, 230, 212, 0.98); box-shadow: 0 10px 30px rgba(0,0,0,0.1); display: flex; align-items: center; justify-content: space-between; border: 1.5px solid var(--text-black); }
.nav-logo-wrapper { flex-shrink: 0; overflow: visible; display: flex; align-items: center; }
.nav-logo-mobile { height: 50px; width: auto; }