#webnad-bar{
    position:relative;
    z-index:999999;
    width:100%;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.14), transparent 26%),
        linear-gradient(135deg, var(--wbg), color-mix(in srgb, var(--wbg) 82%, #000 18%));
    color:var(--wtxt);
    min-height:var(--wh);
    font-size:var(--wfs);
    box-shadow:0 18px 50px rgba(2,6,23,.20);
    backdrop-filter:blur(12px);
    overflow:hidden;
}

#webnad-bar .webnad-inner{
    max-width:100%;
    min-height:var(--wh);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:8px 16px;
    box-sizing:border-box;
}

#webnad-bar .webnad-content{
    display:flex;
    align-items:center;
    gap:14px;
    flex:1 1 auto;
    min-width:0;
    overflow:hidden;
}

#webnad-bar .webnad-text{
    flex:1 1 auto;
    min-width:0;
    line-height:1.7;
    overflow:hidden;
}

#webnad-bar .webnad-text *{
    margin-top:0;
    margin-bottom:0;
}

#webnad-bar .webnad-text p,
#webnad-bar .webnad-text div{
    display:inline;
}

#webnad-bar .webnad-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg, var(--wbtnbg), color-mix(in srgb, var(--wbtnbg) 78%, #000 22%));
    color:var(--wbtntxt);
    padding:10px 18px;
    text-decoration:none;
    border-radius:14px;
    font-weight:800;
    white-space:nowrap;
    box-shadow:0 10px 26px rgba(0,0,0,.20);
    transition:transform .22s ease, filter .22s ease, box-shadow .22s ease;
    flex:0 0 auto;
}

#webnad-bar .webnad-btn:hover{
    transform:translateY(-1px);
    filter:brightness(1.06);
    box-shadow:0 14px 30px rgba(0,0,0,.24);
}

#webnad-bar .webnad-close{
    width:38px;
    height:38px;
    border:none;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    color:var(--wclose);
    font-size:24px;
    line-height:1;
    cursor:pointer;
    transition:all .24s ease;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

#webnad-bar .webnad-close:hover{
    background:rgba(255,255,255,.18);
    transform:rotate(90deg) scale(1.04);
}

/* حالت روان */
#webnad-bar.webnad-marquee .webnad-content{
    min-height:calc(var(--wh) - 16px);
}

/* =========================
   WebNad Premium Marquee Fix
========================= */

#webnad-bar.webnad-marquee{
    height:var(--wh);
    min-height:var(--wh);
    max-height:var(--wh);
    overflow:hidden;
}

#webnad-bar.webnad-marquee .webnad-inner{
    height:var(--wh);
    min-height:var(--wh);
    max-height:var(--wh);
    padding-top:0;
    padding-bottom:0;
    overflow:hidden;
}

#webnad-bar.webnad-marquee .webnad-content{
    height:100%;
    min-height:0;
    max-height:100%;
    overflow:hidden;
    display:flex;
    align-items:center;
}

.webnad-marq-wrap{
    position:relative;
    width:100%;
    height:100%;
    min-width:0;
    overflow:hidden;
    display:block;
}

.webnad-marq-viewport{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    display:block;
}

.webnad-marq-track{
    position:absolute;
    top:0;
    right:auto;
    left:0;
    height:100%;
    width:max-content;
    min-width:max-content;
    max-width:none;

    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center;

    white-space:nowrap !important;
    will-change:transform;
    transform:translate3d(0,0,0);
    backface-visibility:hidden;
}

.webnad-marq-unit{
    height:100%;
    width:max-content;
    min-width:max-content;
    max-width:none;

    display:inline-flex !important;
    flex:0 0 auto !important;
    flex-direction:row !important;
    align-items:center;
    justify-content:center;

    white-space:nowrap !important;
    line-height:1;
    padding-inline-end:var(--wgap);
    box-sizing:border-box;
}

.webnad-marq-unit,
.webnad-marq-unit *{
    white-space:nowrap !important;
}

.webnad-marq-unit p,
.webnad-marq-unit div,
.webnad-marq-unit span,
.webnad-marq-unit strong,
.webnad-marq-unit b,
.webnad-marq-unit em{
    display:inline !important;
    margin:0 !important;
    padding:0 !important;
    line-height:1.4 !important;
}

.webnad-marq-unit br{
    display:none !important;
}

.webnad-marq-seed{
    display:none !important;
}

#webnad-bar.webnad-marquee .webnad-close{
    position:relative;
    z-index:5;
}

.webnad-marquee[data-link]{
    cursor:pointer;
}

@keyframes webnadFade{
    from{opacity:0}
    to{opacity:1}
}
@keyframes webnadSlide{
    from{opacity:0;transform:translateY(-18px)}
    to{opacity:1;transform:translateY(0)}
}
@keyframes webnadZoom{
    from{opacity:0;transform:scale(.97)}
    to{opacity:1;transform:scale(1)}
}
@keyframes webnadGlow{
    from{box-shadow:0 12px 38px rgba(2,6,23,.16)}
    to{box-shadow:0 16px 50px rgba(255,255,255,.10),0 16px 60px rgba(34,197,94,.14)}
}

.webnad-anim-fade{ animation:webnadFade .7s ease; }
.webnad-anim-slide-down{ animation:webnadSlide .7s cubic-bezier(.2,.8,.2,1); }
.webnad-anim-zoom{ animation:webnadZoom .6s ease; }
.webnad-anim-glow{ animation:webnadGlow 1.8s ease-in-out infinite alternate; }

@media (max-width:767px){
    #webnad-bar .webnad-inner{
        padding:8px 12px;
        gap:10px;
    }
    #webnad-bar .webnad-btn{
        padding:8px 14px;
        border-radius:12px;
    }
    #webnad-bar .webnad-close{
        width:34px;
        height:34px;
        font-size:21px;
    }
}