/* ================================================================
   SKYCP — تم «لیکوئید گلس» (شیشه مایع iOS)
   فعال‌سازی: <html data-skin="glass"> — با تم روشن/تارک ترکیب می‌شود
   == Developed by ParhamFakhari ==
   == main: info@parhamfakhari.ir ==
   == parhamfakhari.ir ==
   == tl: @nikantalk_dev ==
   ================================================================ */

html[data-skin="glass"]{
--glass-bg:rgba(255,255,255,.55);
--glass-bg-strong:rgba(255,255,255,.72);
--glass-border:rgba(255,255,255,.65);
--glass-shadow:0 18px 50px rgba(31,60,120,.14),inset 0 1px 0 rgba(255,255,255,.85);
--glass-blur:blur(26px) saturate(180%);
--glass-radius:26px
}
html[data-skin="glass"][data-theme="dark"]{
--glass-bg:rgba(22,33,60,.55);
--glass-bg-strong:rgba(26,38,70,.72);
--glass-border:rgba(255,255,255,.14);
--glass-shadow:0 18px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.12)
}

/* == Developed by ParhamFakhari ==
   == main: info@parhamfakhari.ir ==
   == parhamfakhari.ir ==
   == tl: @nikantalk_dev ==
*/

/* ---------- پس‌زمینه سیال فروشگاه ---------- */
html[data-skin="glass"] body::before,
html[data-skin="glass"] body::after{
content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(90px);pointer-events:none
}
html[data-skin="glass"] body::before{
width:52vmax;height:52vmax;top:-18vmax;inset-inline-start:-12vmax;
background:radial-gradient(circle at 35% 35%,rgba(56,189,248,.5),rgba(37,99,235,.22) 60%,transparent 75%);
animation:sk-glass-float 16s ease-in-out infinite alternate
}
html[data-skin="glass"] body::after{
width:44vmax;height:44vmax;bottom:-16vmax;inset-inline-end:-10vmax;
background:radial-gradient(circle at 60% 60%,rgba(245,158,11,.34),rgba(167,139,250,.2) 55%,transparent 75%);
animation:sk-glass-float 20s ease-in-out infinite alternate-reverse
}
@keyframes sk-glass-float{
from{transform:translate(0,0) scale(1)}
to{transform:translate(4vmax,3vmax) scale(1.12)}
}

/* == Developed by ParhamFakhari ==
   == main: info@parhamfakhari.ir ==
   == parhamfakhari.ir ==
   == tl: @nikantalk_dev ==
*/

/* ---------- سطوح شیشه‌ای فروشگاه ---------- */
html[data-skin="glass"] header.site{
background:color-mix(in srgb,var(--glass-bg) 78%,transparent);
backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-shadow)
}
html[data-skin="glass"] .icon-btn,
html[data-skin="glass"] .input,
html[data-skin="glass"] .search{
background:var(--glass-bg);border:1px solid var(--glass-border);
backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
box-shadow:var(--glass-shadow);border-radius:18px
}
html[data-skin="glass"] .search input{background:transparent;border:0;box-shadow:none}
html[data-skin="glass"] .search{padding:4px 6px}
html[data-skin="glass"] .hero{border-radius:34px;box-shadow:0 30px 80px rgba(31,60,120,.25)}
html[data-skin="glass"] .hero .veil{
background:linear-gradient(90deg,rgba(4,12,32,.8),rgba(4,12,32,.3));
backdrop-filter:blur(2px)
}
html[data-skin="glass"] .card,
html[data-skin="glass"] .cart-bar,
html[data-skin="glass"] .chat-fab,
html[data-skin="glass"] .drawer,
html[data-skin="glass"] .support{
background:var(--glass-bg-strong);border:1px solid var(--glass-border);
backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
box-shadow:var(--glass-shadow)
}
html[data-skin="glass"] .card{border-radius:var(--glass-radius);overflow:hidden;transition:transform .25s,box-shadow .25s}
html[data-skin="glass"] .card:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(31,60,120,.22)}
html[data-skin="glass"] .card .thumb{background:linear-gradient(135deg,rgba(56,189,248,.14),rgba(37,99,235,.2))}
html[data-skin="glass"] .card .add{
background:var(--glass-bg-strong);border:1px solid var(--glass-border);
backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
box-shadow:var(--glass-shadow)
}
html[data-skin="glass"] .card .add:hover{background:var(--grad);color:#fff;border-color:transparent}
html[data-skin="glass"] .tag{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur)}
html[data-skin="glass"] .cat{
background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur);
border-radius:99px;box-shadow:var(--glass-shadow)
}
html[data-skin="glass"] .cat.on{background:var(--grad);color:#fff;border-color:transparent}
html[data-skin="glass"] .btn{border-radius:16px}
html[data-skin="glass"] .btn-ghost,
html[data-skin="glass"] .btn-soft{
background:var(--glass-bg);border:1px solid var(--glass-border);
backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow)
}
html[data-skin="glass"] footer.site{
background:color-mix(in srgb,var(--glass-bg) 60%,transparent);
backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
border-top:1px solid var(--glass-border)
}
html[data-skin="glass"] .toast{
background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
border:1px solid var(--glass-border);color:var(--ink);box-shadow:var(--glass-shadow)
}
html[data-skin="glass"] .announce{
background:linear-gradient(90deg,rgba(56,189,248,.85),rgba(37,99,235,.85));
backdrop-filter:var(--glass-blur)
}

/* == Developed by ParhamFakhari ==
   == main: info@parhamfakhari.ir ==
   == parhamfakhari.ir ==
   == tl: @nikantalk_dev ==
*/

/* ---------- سطوح شیشه‌ای پنل (ادمین/مالک) ---------- */
html[data-skin="glass"] .card-p,
html[data-skin="glass"] .stat,
html[data-skin="glass"] .order,
html[data-skin="glass"] .thread,
html[data-skin="glass"] .alert,
html[data-skin="glass"] .chipx,
html[data-skin="glass"] .empty{
background:var(--glass-bg);border:1px solid var(--glass-border);
backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
box-shadow:var(--glass-shadow);border-radius:22px
}
html[data-skin="glass"] .side{
background:color-mix(in srgb,var(--glass-bg) 72%,transparent);
backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
border-inline-start:1px solid var(--glass-border)
}
html[data-skin="glass"] .topbar{
background:color-mix(in srgb,var(--glass-bg) 80%,transparent);
backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
border-bottom:1px solid var(--glass-border)
}
html[data-skin="glass"] .nav-item{
border-radius:15px
}
html[data-skin="glass"] .nav-item:not(.on):hover{
background:var(--glass-bg-strong);box-shadow:var(--glass-shadow)
}
html[data-skin="glass"] .input,
html[data-skin="glass"] .chatbox,
html[data-skin="glass"] .chatbox .head,
html[data-skin="glass"] .chatbox .foot,
html[data-skin="glass"] th{
background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)
}
html[data-skin="glass"] .input{border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}
html[data-skin="glass"] .stat::after{width:5px;border-radius:0 99px 99px 0}
html[data-skin="glass"] .tbl-wrap{border:1px solid var(--glass-border);border-radius:18px;backdrop-filter:var(--glass-blur)}

/* == Developed by ParhamFakhari ==
   == main: info@parhamfakhari.ir ==
   == parhamfakhari.ir ==
   == tl: @nikantalk_dev ==
*/

/* ---------- جزئیات لیکوئید: هایلایت لبه بالایی ---------- */
html[data-skin="glass"] .card,
html[data-skin="glass"] .card-p,
html[data-skin="glass"] .stat,
html[data-skin="glass"] .icon-btn,
html[data-skin="glass"] .input{
position:relative
}
html[data-skin="glass"] .card::before,
html[data-skin="glass"] .card-p::before,
html[data-skin="glass"] .stat::before{
content:"";position:absolute;inset:0 0 auto 0;height:38%;border-radius:inherit;
background:linear-gradient(180deg,rgba(255,255,255,.35),transparent);
pointer-events:none;opacity:.7
}
html[data-skin="glass"][data-theme="dark"] .card::before,
html[data-skin="glass"][data-theme="dark"] .card-p::before,
html[data-skin="glass"][data-theme="dark"] .stat::before{
background:linear-gradient(180deg,rgba(255,255,255,.09),transparent)
}

@media(prefers-reduced-motion:reduce){
html[data-skin="glass"] body::before,
html[data-skin="glass"] body::after,
html[data-skin="glass"] .ring{animation:none!important}
}

/* == Developed by ParhamFakhari ==
   == main: info@parhamfakhari.ir ==
   == parhamfakhari.ir ==
   == tl: @nikantalk_dev ==
*/