/* ===============================
   CSSR NAVBAR / HEADER FINAL CSS
================================ */

.site-header{
    width:100%;
    position:relative;
    z-index:9999;
    background:#fff;
}

/* GOLD HEADER */
.logo-header{
    width:100%;
    padding:22px 0 14px;
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    background:
        radial-gradient(circle at center, rgba(255,230,120,.85) 0%, rgba(205,145,38,.55) 34%, transparent 58%),
        linear-gradient(90deg,#8d5612 0%,#c99538 25%,#f4d574 50%,#c99538 75%,#8d5612 100%);
}

/* soft shine */
.logo-header::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,.16),transparent);
    animation:premiumShine 8s linear infinite;
}

/* LOGO OUTER BOX */
.logo-glass-wrap{
    position:relative;
    z-index:2;

    width:58%;
    max-width:980px;
    min-width:720px;

    margin:0 auto;
    padding:10px 28px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:18px;

    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.48);

    box-shadow:none;
    backdrop-filter:blur(3px);
}

/* LOGO IMAGE */
.logo-header img{
    width:100%;
    max-width:820px;
    height:auto;

    display:block;
    margin:0 auto;

    object-fit:contain;
    border-radius:8px;

    background:transparent;
    box-shadow:none;

    /* logo ka beige bg header me blend karega */
    mix-blend-mode:multiply;
    opacity:.96;
}

/* CONTACT STRIP */
.header-contact-strip{
    position:relative;
    z-index:2;

    width:72%;
    max-width:1120px;

    margin:14px auto 0;
    padding:11px 24px;

    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;

    gap:28px;

    border-radius:999px;

    background:rgba(255,224,120,.42);
    border:1px solid rgba(255,255,255,.55);

    box-shadow:none;
    backdrop-filter:blur(4px);

    color:#08251f;
    font-size:14px;
    font-weight:800;
}

.header-contact-strip a{
    color:#08251f;
    text-decoration:none;
    font-weight:900;
}

.header-contact-strip i,
.header-contact-strip svg{
    font-size:16px;
    margin-right:6px;
    vertical-align:middle;
}

/* NAVBAR */
.main-navbar{
    width:100%;
    min-height:52px;

    display:flex;
    justify-content:center;
    align-items:center;

    background:#04251e;
    box-shadow:0 12px 24px rgba(0,0,0,.20);
}

.nav-menu{
    margin:0;
    padding:0;
    list-style:none;

    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:nowrap;

    gap:0;
}

.nav-menu > li{
    position:relative;
}

.nav-menu > li > a{
    display:block;

    padding:18px 16px;

    color:#fff;
    text-decoration:none;

    font-size:14px;
    line-height:1;
    font-weight:800;

    position:relative;
    transition:.3s ease;
}

.nav-menu > li > a:hover{
    color:#ffd76b;
}

.nav-menu > li > a::after{
    content:"";
    position:absolute;
    left:16px;
    right:16px;
    bottom:10px;

    height:2px;
    background:#ffd76b;

    transform:scaleX(0);
    transform-origin:left;
    transition:.3s ease;
}

.nav-menu > li > a:hover::after{
    transform:scaleX(1);
}

/* DROPDOWN */
.submenu{
    position:absolute;
    top:100%;
    left:0;

    width:250px;
    list-style:none;

    margin:0;
    padding:8px 0;

    background:rgba(255,255,255,.98);
    border-radius:0 0 16px 16px;

    box-shadow:0 20px 45px rgba(16,37,31,.20);

    opacity:0;
    visibility:hidden;
    transform:translateY(12px);

    transition:.3s ease;
    z-index:99999;
}

.nav-menu > li:hover .submenu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.submenu li a{
    display:block;

    padding:12px 18px;

    color:#10251f;
    font-size:13px;
    font-weight:700;
    text-decoration:none;

    border-bottom:1px solid #eef0e8;
    transition:.3s ease;
}

.submenu li a:hover{
    background:linear-gradient(135deg,#f6c945,#f28b30);
    color:#10251f;
    padding-left:25px;
}

/* ANIMATION */
@keyframes premiumShine{
    0%{
        transform:translateX(-120%);
    }
    100%{
        transform:translateX(120%);
    }
}

/* RESPONSIVE */
@media(max-width:991px){
    .logo-glass-wrap{
        width:84%;
        min-width:unset;
        padding:9px 14px;
    }

    .header-contact-strip{
        width:88%;
        gap:16px;
        font-size:13px;
    }

    .nav-menu{
        flex-wrap:wrap;
    }

    .nav-menu > li > a{
        padding:15px 11px;
        font-size:13px;
    }
}

@media(max-width:620px){
    .logo-header{
        padding:14px 0 10px;
    }

    .logo-glass-wrap{
        width:92%;
        padding:8px;
        border-radius:14px;
    }

    .logo-header img{
        max-width:100%;
    }

    .header-contact-strip{
        width:92%;
        margin-top:10px;
        padding:9px 10px;
        gap:8px 12px;
        border-radius:18px;
        font-size:12px;
    }

    .main-navbar{
        min-height:auto;
    }

    .nav-menu{
        flex-wrap:wrap;
    }

    .nav-menu > li > a{
        padding:12px 9px;
        font-size:12px;
    }
}