/* FORCE STICKY HEADER */

.glass-header{

    position: fixed !important;

    top: 0 !important;

    left: 0 !important;

    width: 100% !important;

    z-index: 999999 !important;

    background: rgba(255,255,255,.85);

    backdrop-filter: blur(18px);

    -webkit-backdrop-filter: blur(18px);

    border-bottom: 1px solid rgba(0,0,0,.05);

    transition: all .4s ease;
}

/* Create room for fixed header */

body{

    padding-top: 130px !important;
}

/* Smooth animation */

.glass-header:hover{

    background: rgba(255,255,255,.92);

    box-shadow:
        0 10px 35px rgba(0,0,0,.08);
}
/* Smooth transitions */

.glass-header{

    transition:
        background 0.5s ease,
        backdrop-filter 0.5s ease,
        box-shadow 0.5s ease,
        transform 0.5s ease;
}

/* Scrolled state */

.glass-header.header-scrolled{

    background: rgba(255,255,255,.92);

    backdrop-filter: blur(24px);

    -webkit-backdrop-filter: blur(24px);

    box-shadow:
        0 12px 35px rgba(0,0,0,.08);

    transform: translateY(0) scale(.97);
}

/* Logo animation */

.glass-header .nilofar-logo{

    transition:
        transform .45s ease,
        letter-spacing .45s ease;
}

.glass-header.header-scrolled .nilofar-logo{

    transform: scale(.92);

    letter-spacing: 5px;
}

/* Menu animation */

.glass-header .wp-block-navigation{

    transition: transform .45s ease;
}

.glass-header.header-scrolled .wp-block-navigation{

    transform: scale(.96);
}
.glass-header::after{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:1px;

    background:
    linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.8),
        transparent
    );

    opacity:.6;
}
/* Premium smooth header */

.glass-header{

    animation: headerFadeIn 1s ease;

    transition:
        background 0.5s ease,
        backdrop-filter 0.5s ease,
        box-shadow 0.5s ease,
        transform 0.4s ease;
}

/* Elegant hover */

.glass-header:hover{

    background: rgba(255,255,255,.95);

    backdrop-filter: blur(22px);

    transform: translateY(2px);

    box-shadow:
        0 15px 40px rgba(0,0,0,.08);
}

/* Logo animation */

.glass-header .nilofar-logo{

    transition:
        transform .45s ease,
        letter-spacing .45s ease;
}

.glass-header .nilofar-logo:hover{

    transform: scale(1.04);

    letter-spacing: 5px;
}

/* Navigation animation */

.glass-header .wp-block-navigation-item__content{

    transition:
        transform .3s ease,
        color .3s ease;
}

.glass-header .wp-block-navigation-item__content:hover{

    transform: translateY(-2px);

    color: #8C7B6B !important;
}

/* Page load animation */

@keyframes headerFadeIn{

    from{
        opacity:0;
        transform:translateY(-20px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}
.glass-header{

    transition:
        all 0.6s cubic-bezier(.22,1,.36,1);

    backdrop-filter: blur(12px);

    -webkit-backdrop-filter: blur(12px);

    background: rgba(255,255,255,.88);

    box-shadow:
        0 4px 20px rgba(0,0,0,.04);
}

/* Hover effect */

.glass-header:hover{

    backdrop-filter: blur(20px);

    -webkit-backdrop-filter: blur(20px);

    background: rgba(255,255,255,.94);

    box-shadow:
        0 12px 35px rgba(0,0,0,.08);
}