
/* =====================================================
   RAKSHA DECOR — UNIFIED NAVBAR
   Shared across all pages. Mobile: logo + hamburger only.
   ===================================================== */
.nav-logo{
    display:flex !important;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
    height:var(--nav-height,80px);
    flex-shrink:0;
    text-decoration:none;
    transition:var(--transition,all .4s cubic-bezier(.25,.46,.45,.94));
}
.nav-logo img{
    display:block;
    width:auto;
    height:64px;
    max-width:90px;
    object-fit:contain;
    flex-shrink:0;
    transition:var(--transition,all .4s cubic-bezier(.25,.46,.45,.94));
}
.nav-logo:hover img{transform:scale(1.05)}
.nav-brand{
    display:flex;
    align-items:baseline;
    gap:5px;
    white-space:nowrap;
    line-height:1;
}
.nav-brand strong,
.nav-brand em{
    font-family:var(--font-logo,'Cinzel',serif);
    font-size:1.35rem;
    font-weight:700;
    letter-spacing:2px;
}
.nav-brand strong{color:var(--charcoal,#2D2D2A)}
.nav-brand em{font-style:normal;color:var(--gold-deep,#D4A017)}
.nav-logo:hover .nav-brand strong{color:var(--gold-deep,#D4A017)}
.nav-actions{display:flex;align-items:center;gap:16px}
.hamburger{
    display:none;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    width:38px;
    height:38px;
    padding:0;
    border:0;
    background:none;
    cursor:pointer;
    z-index:10002;
}
.hamburger span{display:block;width:22px;height:1.5px;background:var(--charcoal,#2D2D2A);transition:var(--transition,all .4s cubic-bezier(.25,.46,.45,.94));transform-origin:center}
.hamburger.active span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mobile-menu{z-index:10001}
@media(max-width:1024px){
    .nav-links,.nav-book{display:none !important}
    .nav-actions{margin-left:auto}
    .hamburger{display:flex}
    .navbar{padding:0 24px}
    .nav-logo{gap:0}
    .nav-logo img{
        height:62px;
        max-width:100px;
        filter:contrast(1.15) saturate(1.08);
        transform:scale(1.08);
        transform-origin:left center;
    }
    .nav-brand{display:none}
    .navbar.scrolled .nav-logo img{height:58px}
}
@media(max-width:480px){
    .navbar{padding:0 18px}
    .nav-logo img{height:58px;max-width:95px;filter:contrast(1.18) saturate(1.08);transform:scale(1.08);transform-origin:left center}
    .navbar.scrolled .nav-logo img{height:54px}
}

/* Shared mobile menu baseline for pages whose original layout did not define one. */
@media(max-width:1024px){
    .mobile-menu{
        position:fixed;
        top:80px;
        left:0;
        right:0;
        background:rgba(255,253,248,.98);
        backdrop-filter:blur(18px);
        -webkit-backdrop-filter:blur(18px);
        padding:18px 24px 25px;
        border-bottom:1px solid var(--border,#E5E3DD);
        display:none;
        flex-direction:column;
    }
    .mobile-menu.open{display:flex}
    .mobile-menu a{
        padding:13px 0;
        border-bottom:1px solid var(--border,#E5E3DD);
        font-size:.72rem;
        letter-spacing:1.5px;
        text-transform:uppercase;
    }
}
