/*
Theme Name: hello elementor child
Theme URI:  https://www.wpserveur.net
Author:     WPServeur
Author URI: https://www.wpserveur.net
Template:   hello-elementor
Version:    1.0
License:    GNU General Public License v2 or later
*/

/* =========================
   GLOBAL GLASS EFFECT
   Sab containers ke liye
   ========================= */

.glass-effect{
    position:relative !important;
    background:rgba(8,20,30,.03) !important;
    backdrop-filter:blur(14px) saturate(125%) !important;
    -webkit-backdrop-filter:blur(14px) saturate(125%) !important;
    border-top:1px solid rgba(220,235,245,.42) !important;
    border-left:1px solid rgba(220,235,245,.28) !important;
    border-right:1px solid rgba(220,235,245,.22) !important;
    border-bottom:1px solid rgba(220,235,245,.05) !important;
    border-radius:18px !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 8px 24px rgba(0,0,0,.10) !important;
    overflow:hidden !important;
}

.glass-effect:before{
    content:"";
    position:absolute;
    top:0;
    left:8%;
    width:84%;
    height:1px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.30),
        transparent
    );
    z-index:1;
    pointer-events:none;
}

.glass-effect:after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(
        110deg,
        rgba(255,255,255,.018),
        transparent 35%,
        transparent 75%,
        rgba(255,255,255,.012)
    );
    z-index:0;
    pointer-events:none;
}

/* Content glass layers ke upar rahe */
.glass-effect > *{
    position:relative;
    z-index:2;
}

/* =========================
   DESKTOP NAV GLASS STYLING
   ========================= */

.glass-effect .elementor-widget-nav-menu,
.glass-effect .elementor-nav-menu--main,
.glass-effect .elementor-nav-menu__container,
.glass-effect .elementor-nav-menu{
    background:transparent !important;
}

.glass-effect .elementor-nav-menu--main .elementor-item{
    background:transparent !important;
    color:#fff !important;
    padding:10px 20px !important;
}

.glass-effect .elementor-nav-menu--main .elementor-item:hover,
.glass-effect .elementor-nav-menu--main .elementor-item.elementor-item-active{
    background:transparent !important;
}

/* Existing desktop navbar sizing */
.elementor-element-d46489e{
    min-height:42px !important;
    padding:0 20px !important;
}

/* =========================
   NAVBAR ONLY SPECIAL CASE
   Navbar container par:
   glass-effect glass-nav
   ========================= */

.glass-effect.glass-nav{
    overflow:visible !important;
}

/* =========================
   TABLET + MOBILE
   Sirf navbar se glass remove
   Baqi .glass-effect untouched
   ========================= */

@media(max-width:1024px){

    .glass-effect.glass-nav{
        background:transparent !important;
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
        overflow:visible !important;
    }

    .glass-effect.glass-nav:before,
    .glass-effect.glass-nav:after{
        display:none !important;
    }

    /* Elementor mobile nav ko apna normal layout use karne do */
    .glass-effect.glass-nav .elementor-widget-nav-menu,
    .glass-effect.glass-nav .elementor-nav-menu--main,
    .glass-effect.glass-nav .elementor-nav-menu__container,
    .glass-effect.glass-nav .elementor-nav-menu{
        background:initial !important;
    }

    /* Desktop link styling mobile par force na ho */
    .glass-effect.glass-nav .elementor-nav-menu--main .elementor-item{
        background:initial !important;
        color:inherit !important;
        padding:initial !important;
    }

    .glass-effect.glass-nav .elementor-nav-menu--main .elementor-item:hover,
    .glass-effect.glass-nav .elementor-nav-menu--main .elementor-item.elementor-item-active{
        background:initial !important;
    }

    /* Navbar sizing bhi mobile par Elementor control kare */
    .elementor-element-d46489e{
        min-height:initial !important;
        padding:initial !important;
    }
}

.gl-ass-eff{
    position:relative !important;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.055) 0%,
            rgba(255,255,255,.025) 45%,
            rgba(0,0,0,.18) 100%
        ) !important;
    backdrop-filter:blur(18px) saturate(125%) !important;
    -webkit-backdrop-filter:blur(18px) saturate(125%) !important;
    border:1px solid rgba(220,220,220,.42) !important;
    border-radius:16px !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        inset 0 -1px 0 rgba(255,255,255,.025),
        0 10px 30px rgba(0,0,0,.20) !important;
    overflow:hidden !important;
}

.gl-ass-eff:before{
    content:"";
    position:absolute;
    top:0;
    left:8%;
    width:84%;
    height:1px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.48),
        transparent
    );
    pointer-events:none;
    z-index:1;
}

.gl-ass-eff:after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:
        linear-gradient(
            115deg,
            rgba(255,255,255,.025) 0%,
            transparent 32%,
            transparent 75%,
            rgba(255,255,255,.012) 100%
        );
    pointer-events:none;
    z-index:0;
}

.gl-ass-eff > *{
    position:relative;
    z-index:2;
}



.b-ook-glass{
    position:relative;
    overflow:hidden;
    background:rgba(18,18,18,0.72);
    border:1px solid rgba(255,255,255,0.16);
    border-radius:10px;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.04),
        0 10px 35px rgba(0,0,0,0.30);
}

.b-ook-glass:before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:linear-gradient(
        120deg,
        rgba(255,255,255,0.04),
        rgba(255,255,255,0.008) 40%,
        transparent 70%
    );
}

.b-ook-glass > .e-con-inner{
    position:relative;
    z-index:2;
}