/*
Theme Name: ZAGROS
Theme URI: https://zagros.site.je
Author: ZAGROS
Description: ڕووکارێکی سینەمایی بۆ سایتی ژێرنووسی کوردی — بۆ فیلم و زنجیرە (Design v2)
Version: 2.0
Text Domain: zagros
*/

:root{
  --bg:#111418;
  --card:#181d23;
  --border:#d92d2d;
  --border-hover:#ff5b5b;
  --accent-rgb:217,45,45;
  --text:#f5f5f5;
  --text-secondary:#c1c7d0;
  --btn:#20262d;
  --transition-theme: background-color .4s ease, color .4s ease, border-color .4s ease;
  color-scheme: dark;

  /* ---------- سیستەمی یەکگرتووی container و بۆشایی (spacing) بۆ هەموو سایتەکە ----------
     --content-max-width: زۆرترین پانی ناوەڕۆک لە شاشەی گەورەدا (بۆ ئەوەی دەق/کارت
     زۆر بڵاو نەبنەوە لەسەر مۆنیتۆر/تیڤیی گەورە)
     --page-gutter: بۆشایی لای ڕاست/چەپی پەڕەکە، خۆی گونجاو دەبێت لەگەڵ قەبارەی شاشە
     --gutter-formula: فۆرمولێکی بەکارهاتوو بۆ دڵنیابوونەوە کە ناوەڕۆک هەرگیز لە
     --content-max-width تێناپەڕێت، بەبێ پێویستی بە wrapper-ی HTML ـی نوێ */
  --content-max-width: 1200px;
  --page-gutter: clamp(1rem, 4vw, 3rem);
  --gutter-formula: max(var(--page-gutter), calc((100% - var(--content-max-width)) / 2));
  --section-space: clamp(2.5rem, 7vw, 6rem);
}

/* یارمەتیدەر: ئەگەر لە داهاتوودا پێویستی بە container ـێکی ڕاستەوخۆ هەبوو
   (بۆ نموونە لە ناو مارک‌داون یان HTML ـی دەستکاریکراو)، ئەمە بەکاربهێنە */
.container{
  width: min(100% - (var(--page-gutter) * 2), var(--content-max-width));
  margin-inline: auto;
}

body.post-type-archive-post,
body.single-post,
body.page-template-page-film-php,
body.page-template-page-top250-php,
body.zagros-film-context{
  --border:#2563eb;
  --border-hover:#60a5fa;
  --accent-rgb:37,99,235;
}

body.post-type-archive-zencire,
body.single-zencire{
  --border:#16a34a;
  --border-hover:#4ade80;
  --accent-rgb:22,163,74;
}

body.page-template-page-peshengan-php{
  --border:#b45309;
  --border-hover:#fbbf24;
  --accent-rgb:217,158,25;
}

body.post-type-archive-anime,
body.single-anime{
  --border:#7c3aed;
  --border-hover:#c084fc;
  --accent-rgb:124,58,237;
}

body.post-type-archive-animation,
body.single-animation{
  --border:#ea580c;
  --border-hover:#fb923c;
  --accent-rgb:234,88,12;
}

/* ---------- light mode ---------- */
[data-theme="light"]{
  --bg:#f4f2f0;
  --card:#ffffff;
  --text:#1c1c1c;
  --text-secondary:#666666;
  --btn:#ececec;
  color-scheme: light;
}
[data-theme="light"] .grain{opacity:0.02;}
[data-theme="light"] .zagros-main-nav{background:rgba(244,242,240,0.92);}
[data-theme="light"] .search-box{background:rgba(0,0,0,0.03);border-color:rgba(0,0,0,0.08);}
[data-theme="light"] .filter-dd-toggle,
[data-theme="light"] .pill{border-color:rgba(0,0,0,0.08);}
[data-theme="light"] ::-webkit-scrollbar-track{background:var(--bg);}
[data-theme="light"] .badge-year{background:rgba(255,255,255,0.75);color:#333;}

/* ---------- ڕەنگی تایبەت (signature color) لە شوێنە گشتییەکاندا ----------
   ڕەنگی سوور تەنها بۆ border/button نییە، بەڵکو دەبێتە بەشێک لە کارلێکی
   گشتیی وێبگەڕ — دیاریکردنی دەق و focus ring ـیش. */
::selection{background:rgba(var(--accent-rgb),0.35);color:#fff;}
:focus-visible{outline:2px solid rgba(var(--accent-rgb),0.55);outline-offset:2px;}

body, nav, .card, .filter-dd-toggle, .pill, .search-box, .btn, footer{
  transition:var(--transition-theme), transform .3s ease, box-shadow .3s ease;
}
*{margin:0;padding:0;box-sizing:border-box;}
/* براوسەرەکان بە بنەڕەت fontـی body بۆ توخمە فۆرمەکان (دوگمە/خانە/دروپداون) دانانابن
   وەک خۆیان — بۆیە بەبێ ئەم ڕیزە، دوگمە زۆرێک (وەک تابەکانی پرۆفایل) بە fontـی
   بنەڕەتی سیستەم دەردەکەوتن نەک بە Vazirmatn/Noto Kufi Arabicی سایتەکە */
button,input,select,textarea,optgroup{font-family:inherit;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg);
  color:var(--text);
  font-family:'Vazirmatn', sans-serif;
  overflow-x:hidden;
}
h1,h2,h3,.brand,.nav-links a,.card-title,.pill,.btn{font-family:'Noto Kufi Arabic', sans-serif;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
img{max-width:100%;display:block;}

/* ---------- nav ---------- */
.zagros-main-nav{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:center;
  gap:clamp(18px, 2.6vw, 48px);
  padding:clamp(14px, 1.6vw, 20px) var(--gutter-formula);
  background:rgba(26,26,26,0.92);
  backdrop-filter:blur(12px);
  border-top:0;
  border-bottom:0;
  animation:zagrosNavSlideDown 0.5s ease-out;
}
.zagros-main-nav::before,
.zagros-main-nav::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  height:2px;
  background:var(--border-hover);
  pointer-events:none;
  transform:scaleX(0);
  animation:zagrosHeaderLineIn .7s cubic-bezier(.22,.9,.32,1) forwards;
}
.zagros-main-nav::before{top:0;transform-origin:left center;}
.zagros-main-nav::after{bottom:0;transform-origin:right center;animation-delay:.08s;}
@keyframes zagrosHeaderLineIn{to{transform:scaleX(1);}}
@media (prefers-reduced-motion: reduce){
  .zagros-main-nav::before,.zagros-main-nav::after{animation:none;transform:scaleX(1);}
}
@keyframes zagrosNavSlideDown{
  from{transform:translateY(-16px);opacity:0;}
  to{transform:translateY(0);opacity:1;}
}
.brand{display:flex;align-items:center;min-width:0;flex-shrink:0;}
.brand-link{
  display:inline-flex;align-items:center;gap:12px;
  color:var(--border-hover);text-shadow:0 0 18px rgba(var(--accent-rgb),0.55), 0 0 4px rgba(var(--accent-rgb),0.4);
}
[data-theme="light"] .brand-link{
  background:rgba(20,20,20,0.88);padding:6px 14px;border-radius:10px;
}
.brand-logo-img{
  height:clamp(30px, 2.4vw + 20px, 40px);width:auto;display:block;flex-shrink:0;
}
.nav-links{
  display:flex;gap:clamp(2px, 1vw, 8px);align-items:center;
  overflow-x:auto;max-width:100%;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;
}
.nav-links::-webkit-scrollbar{display:none;}
.nav-links > li{flex-shrink:0;}
.nav-more-toggle{white-space:nowrap;flex-shrink:0;}
.nav-links a,
.nav-more-toggle{
  position:relative;color:var(--text-secondary);font-size:clamp(13.5px, 0.9vw + 7px, 16px);font-weight:600;
  padding:8px clamp(10px, 1.2vw, 16px);border-radius:8px;transition:all .3s ease;
  outline:none;white-space:nowrap;
}
.nav-links a::before,
.nav-links a::after,
.nav-more-toggle::before,
.nav-more-toggle::after{
  content:'';position:absolute;left:4px;right:4px;height:2.5px;border-radius:2px;
  background:var(--border-hover);transform:scaleX(0);transition:transform .3s ease;
  pointer-events:none;
}
.nav-links a::before,
.nav-more-toggle::before{top:2px;transform-origin:left;}
.nav-links a::after,
.nav-more-toggle::after{bottom:2px;transform-origin:right;}
.nav-links a:hover,
.nav-more-toggle:hover{color:#fff;background:rgba(255,255,255,0.06);}
.nav-links a:hover::before,
.nav-links a:hover::after,
.nav-more-toggle:hover::before,
.nav-more-toggle:hover::after{transform:scaleX(1);}

.nav-toggle{display:none;background:none;border:none;color:var(--text);font-size:26px;cursor:pointer;
  padding:6px;-webkit-tap-highlight-color:transparent;}
/* ---------- ئایکۆنی ☰ کە بە نەرمی دەبێتە ✕ (morph) ----------
   سێ دێڕی کورتە، کاتێک .open دەکەوێتەسەر: دێڕی ناکاو 45پلە، دێڕی خوارەوە -45پلە،
   دێڕی ناوەڕاست ماوەتەوە. */
.nav-toggle-bars{
  display:inline-flex;flex-direction:column;justify-content:center;gap:5px;
  width:24px;height:18px;position:relative;
}
.nav-toggle-bars span{
  display:block;width:100%;height:2px;border-radius:2px;
  background:currentColor;transform-origin:center;
  transition:transform .32s cubic-bezier(.4,0,.2,1),
             opacity .32s cubic-bezier(.4,0,.2,1),
             width .32s cubic-bezier(.4,0,.2,1);
}
.nav-toggle[aria-expanded="true"] .nav-toggle-bars span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}
.nav-toggle[aria-expanded="true"] .nav-toggle-bars span:nth-child(2){
  opacity:0;width:0;
}
.nav-toggle[aria-expanded="true"] .nav-toggle-bars span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}
@media (prefers-reduced-motion: reduce){
  .nav-toggle-bars span{transition:opacity .18s ease;}
}
.nav-search-toggle{background:none;border:none;color:var(--text);font-size:19px;cursor:pointer;padding:6px;border-radius:50%;transition:var(--transition-theme);}
.nav-search-toggle:hover{background:rgba(var(--accent-rgb),0.12);color:var(--border-hover);}

.nav-search-bar{
  display:flex;background:var(--card);border-bottom:1px solid rgba(var(--accent-rgb),0.2);
  padding:0 var(--gutter-formula);justify-content:center;overflow:hidden;
  max-height:0;opacity:0;visibility:hidden;pointer-events:none;
  border-bottom-width:0;
  transition:max-height .38s cubic-bezier(.4,0,.2,1),
             opacity .28s ease, padding .38s cubic-bezier(.4,0,.2,1),
             border-color .3s ease;
}
.nav-search-bar.open{
  max-height:220px;opacity:1;visibility:visible;pointer-events:auto;
  padding:18px var(--gutter-formula);border-bottom-width:1px;
}
.nav-search-bar .search-box-nav,.nav-search-bar .nav-search-scope-note{
  opacity:0;transform:translateY(-8px);
  transition:opacity .3s ease .05s, transform .3s ease .05s;
}
.nav-search-bar.open .search-box-nav,.nav-search-bar.open .nav-search-scope-note{
  opacity:1;transform:translateY(0);
}
@media (prefers-reduced-motion: reduce){
  .nav-search-bar{transition:opacity .18s ease;}
  .nav-search-bar .search-box-nav,.nav-search-bar .nav-search-scope-note{transition:none;opacity:1;transform:none;}
}
.search-box-nav{width:min(620px, 100%);margin-top:0;}
.nav-search-scope-note{text-align:center;color:var(--text-secondary);font-size:13px;margin-top:10px;}
.nav-search-scope-note strong{color:var(--border-hover);}
.nav-search-scope-note a{color:var(--border-hover);}

/* ---------- مۆشنی هێدەر: کاتێک خانەی گەڕان لەسەر لاپتۆپ/دیسکتۆپ دەکرێتەوە، ناوەڕۆکی
   سەرەکی پەڕەکە (.content-wrap + footer) بە نەرمی کەمێک دەکشێتەوە/تیرەتر دەبێتەوە،
   وەک واتەک پانەپوری دیڤتولزی براوسەر دەکرێتەوە — بەبێ هیچ تێکچوونی shape یان بڕوانی لایاوت.
   تەنها لە لاپتۆپ/دیسکتۆپ (زیاتر لە 880پیکسەڵ) کاریگەری دەکات — لە مۆبایل مینیوی خۆی تەرخانیکی کردووه. */
.content-wrap,
footer{
  transition:transform .48s cubic-bezier(.4,0,.2,1), filter .48s ease;
  transform-origin:top center;
}
@media (min-width:881px){
  /* will-change:transform تەنها لێرە، لە دیسکتۆپ/لاپتۆپ، زیاددەکرێت. ئەگەر
     بەبێ مەرج لەسەر .content-wrap دابنرێت (بۆ هەموو قەبارەی شاشە)، ئەوا
     .content-wrap دەبێتە containing block بۆ توخمە position:fixedـەکانی
     ناوی خۆی (وەک .filter-dd-panel لە مۆبایل) — لەبەر ئەوەی will-change:transform
     هەمان کاریگەری transform ڕاستەقینەی هەیە بۆ containing block. ئەمە وایدەکرد
     پانێڵی فلتەر لە مۆبایل بەرامبەر خوارەوەی .content-wrap دابنرێت نەک خوارەوەی
     ڕاستەقینەی شاشەکە، بۆیە دەرکەوت لەناوەڕاستی شاشەدا و کەوتە سەر نەواری خوارەوە. */
  .content-wrap,
  footer{
    will-change:transform;
  }
  body.zg-search-open > .content-wrap,
  body.zg-search-open > footer{
    transform:scale(0.982);
    filter:brightness(0.93) saturate(0.96);
  }
}
@media (prefers-reduced-motion: reduce){
  .content-wrap,footer{transition:filter .2s ease;}
  body.zg-search-open > .content-wrap,
  body.zg-search-open > footer{transform:none;}
}

.online-now-bar{
  display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;
  background:rgba(var(--accent-rgb),0.08);border-bottom:1px solid rgba(var(--accent-rgb),0.15);
  padding:7px var(--gutter-formula);font-size:12.5px;color:var(--text-secondary);text-align:center;
  position:relative;row-gap:4px;
}
.online-now-bar strong{color:var(--text);font-weight:800;}
.online-dot{
  width:8px;height:8px;border-radius:50%;background:var(--border-hover);flex:0 0 auto;
  box-shadow:0 0 0 0 rgba(var(--accent-rgb),0.6);animation:zagrosPulse 1.8s infinite;
}
.online-now-info{display:flex;align-items:center;gap:8px;}
.zagros-datetime{
  display:flex;align-items:center;gap:8px;font-weight:700;
  padding-right:12px;margin-right:2px;border-right:1px solid rgba(var(--accent-rgb),0.25);
}
[dir="rtl"] .zagros-datetime{border-right:none;border-left:1px solid rgba(var(--accent-rgb),0.25);padding-right:0;padding-left:12px;margin-right:0;margin-left:2px;}
.zdt-clock{font-variant-numeric:tabular-nums;color:var(--border-hover);font-weight:800;letter-spacing:0.5px;font-size:15px;}
.zdt-date{color:var(--text-secondary);font-weight:600;}
@media (max-width:600px){
  .online-now-bar{font-size:11.5px;gap:6px;}
  .zagros-datetime{padding-right:8px;margin-right:0;}
  [dir="rtl"] .zagros-datetime{padding-left:8px;}
}

@media (min-width:881px) and (max-width:1280px){
  .brand span{display:none;}
  .nav-links{max-width:44vw;}
  .account-name{display:none;}
  .accent-swatches{gap:4px;}
  .swatch{width:18px;height:18px;}
}

/* ---------- hero ---------- */
.hero{
  position:relative;padding:100px var(--gutter-formula) 80px;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:24px;
}
.eyebrow{font-size:14px;letter-spacing:4px;color:var(--border-hover);font-weight:600;}
.hero h1{font-size:clamp(32px, 5.5vw, 60px);font-weight:900;line-height:1.35;max-width:900px;color:var(--text);}
.hero p{max-width:560px;color:var(--text-secondary);font-size:17px;line-height:1.9;}

/* ---------- search (glass effect) ---------- */
.search-box{
  margin-top:6px;display:flex;align-items:center;gap:10px;
  background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,0.1);
  padding:15px 22px;border-radius:100px;width:min(520px, 90vw);
  transition:border-color .3s ease, box-shadow .3s ease;
  position:relative;
}
.search-box:focus-within{border-color:var(--border-hover);box-shadow:0 0 24px rgba(var(--accent-rgb),0.35);}
.search-box input{background:none;border:none;outline:none;color:var(--text);font-family:'Vazirmatn';font-size:15px;flex:1;text-align:right;}
.search-box input::placeholder{color:var(--text-secondary);}
.search-box button{background:none;border:none;color:var(--border-hover);font-size:18px;cursor:pointer;}

/* ---------- live search dropdown ---------- */
.live-search-panel{
  display:none;position:absolute;top:calc(100% + 10px);right:0;left:0;
  background:var(--bg);border:1px solid rgba(var(--accent-rgb),0.3);border-radius:16px;
  box-shadow:0 16px 40px rgba(0,0,0,0.4);max-height:70vh;overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  text-align:right;z-index:190;padding:8px 0;
}
.live-search-panel.open{display:block;}
.live-search-tabs{
  position:sticky;top:0;z-index:2;display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;
  padding:8px 14px;background:var(--bg);border-bottom:1px solid rgba(255,255,255,0.08);
  scrollbar-width:none;-ms-overflow-style:none;
}
.live-search-tabs::-webkit-scrollbar{display:none;}
.live-search-tab{
  flex:0 0 auto;display:flex;align-items:center;gap:5px;white-space:nowrap;
  background:var(--btn);color:var(--text-secondary);border:none;border-radius:100px;
  padding:6px 13px;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .2s ease;
}
.live-search-tab:hover{color:var(--text);}
.live-search-tab.active{background:var(--border-hover);color:#fff;}
.live-search-tab-count{
  font-size:11px;font-weight:800;opacity:.85;background:rgba(0,0,0,0.18);
  border-radius:100px;padding:1px 6px;
}
.live-search-tab.active .live-search-tab-count{background:rgba(255,255,255,0.25);}
.live-search-results{padding-bottom:4px;}
.live-search-group + .live-search-group{border-top:1px solid rgba(255,255,255,0.08);}
.live-search-group-title{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  font-size:12.5px;font-weight:700;color:var(--border-hover);padding:10px 18px 4px;
}
.live-search-seeall{
  background:none;border:none;color:var(--text-secondary);font-size:12px;font-weight:700;
  cursor:pointer;white-space:nowrap;transition:color .2s ease;
}
.live-search-seeall:hover{color:var(--border-hover);}
.live-search-item{
  display:flex;align-items:center;gap:12px;padding:8px 18px;text-decoration:none;
  transition:background .15s ease;
}
.live-search-item:hover,.live-search-item.active{background:rgba(var(--accent-rgb),0.1);}
.live-search-thumb{width:36px;height:52px;border-radius:6px;overflow:hidden;background:#000;flex:0 0 auto;}
.live-search-thumb img{width:100%;height:100%;object-fit:cover;}
.live-search-info{min-width:0;}
.live-search-title{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.live-search-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:3px;}
.live-search-year,.live-search-rating{font-size:12px;color:var(--text-secondary);}
.live-search-rating{color:#ffc107;font-weight:600;}
.live-search-type{font-size:11px;font-weight:700;color:var(--border-hover);background:rgba(var(--accent-rgb),0.12);padding:2px 8px;border-radius:100px;}
.live-search-empty,.live-search-loading{padding:16px 18px;color:var(--text-secondary);font-size:13.5px;text-align:center;}
@media (max-width:600px){
  .live-search-panel{right:-6%;left:-6%;border-radius:14px;}
}

/* ---------- genre pills ---------- */
.genres{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;padding:0 var(--gutter-formula) 60px;}
.pill{
  padding:9px 24px;border-radius:100px;font-size:14px;font-weight:600;
  background:var(--btn);color:var(--text-secondary);cursor:pointer;
  border:1px solid transparent;transition:all .3s ease;display:inline-block;
}
.pill:hover{border-color:var(--border-hover);color:#fff;box-shadow:0 0 18px rgba(var(--accent-rgb),0.35);transform:scale(1.05);}

/* ---------- section ---------- */
.section{padding:clamp(14px, 3vw, 28px) var(--gutter-formula) var(--section-space);}
.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:30px;flex-wrap:wrap;gap:8px;}
.section-count{font-size:13px;color:var(--text-secondary);background:var(--btn);padding:5px 14px;border-radius:100px;}
.section-head h2{font-size:clamp(19px, 2.4vw, 26px);font-weight:700;color:var(--text);}

/* ---------- layout with sidebar ---------- */
.content-wrap{display:flex;gap:34px;align-items:flex-start;}
.main-col{flex:1;min-width:0;}
.sidebar-col{width:280px;flex-shrink:0;}
.sidebar-col .widget{background:var(--card);border:1px solid rgba(var(--accent-rgb),0.2);border-radius:14px;padding:20px;margin-bottom:20px;}
.sidebar-col .widget h3{font-size:16px;margin-bottom:14px;color:var(--text);}

/* ---------- movie/series card ---------- */
.grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(190px,1fr));gap:20px;}
.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 0 0 rgba(var(--accent-rgb),0);
  transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
  display:block;
  min-width:0;
}
.card:hover{
  transform:translateY(-8px);
  border-color:var(--border-hover);
  box-shadow:0 14px 34px rgba(var(--accent-rgb),0.3);
}
.card .poster{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;background:#000;}
.card .poster img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease, filter .3s ease;}
.card:hover .poster img{transform:scale(1.05);filter:brightness(0.65);}
.play-badge{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.7);z-index:2;
  background:var(--border-hover);color:#fff;width:52px;height:52px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:18px;
  opacity:0;transition:all .3s ease;box-shadow:0 0 24px rgba(var(--accent-rgb),0.6);
}
.card:hover .play-badge{opacity:1;transform:translate(-50%,-50%) scale(1);}
.card-body{padding:14px 16px;}
.card-title{font-size:clamp(13px, 1.4vw, 16px);font-weight:700;color:var(--text);margin-bottom:6px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.card-rating{font-size:13px;color:var(--text-secondary);}

@media (max-width:880px){
  .grid{grid-template-columns:repeat(auto-fill, minmax(155px,1fr));gap:14px;}
  .card{border-radius:11px;}
  .card:hover{transform:none;box-shadow:none;}
  .card-body{padding:11px 12px;}
  .card-title{font-size:13px;}
  .card .poster img{transition:none;}
}
@media (max-width:430px){
  .grid{grid-template-columns:repeat(2, minmax(0,1fr));gap:10px;}
  .card-body{padding:10px;}
  .card-rating{font-size:12px;gap:5px;}
  .stars{font-size:12px;letter-spacing:0;}
}

.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease, transform .6s ease;}
.reveal.in{opacity:1;transform:translateY(0);}

.empty-state{color:var(--text-secondary);text-align:center;padding:60px 20px;font-size:16px;}

/* ---------- buttons ---------- */
.btn{
  background:var(--btn);color:var(--text);border:1px solid transparent;
  padding:12px 26px;min-height:44px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;
  transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
}
.btn:hover{background:var(--border-hover);box-shadow:0 0 20px rgba(var(--accent-rgb),0.5);transform:scale(1.05);}
.btn-ghost{background:transparent;border:1px solid rgba(var(--accent-rgb),0.4);color:var(--text-secondary);}
.btn-ghost:hover{background:rgba(var(--accent-rgb),0.12);color:var(--text);box-shadow:none;transform:none;border-color:var(--border-hover);}

/* ---------- episode header (SxxExx) ---------- */
.episode-header{margin-bottom:16px;}
.episode-code{
  display:inline-block;background:var(--border-hover);color:#fff;font-weight:800;
  font-size:15px;letter-spacing:.5px;padding:5px 14px;border-radius:8px;margin-bottom:10px;
}
.episode-series-title{font-size:clamp(18px, 2vw, 24px);margin:4px 0 6px;color:var(--text);}
.subtitle-lang-badge{
  display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;font-weight:600;
  background:rgba(var(--accent-rgb),0.12);border:1px solid rgba(var(--accent-rgb),0.3);
  color:var(--text);padding:5px 12px;border-radius:20px;
}

/* ---------- request status badges ---------- */
.req-status-badge,.admin-status-badge{
  display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;
  padding:4px 11px;border-radius:20px;white-space:nowrap;
}
.status-pending{background:rgba(158,158,158,0.18);color:#9e9e9e;}
.status-inprogress{background:rgba(255,193,7,0.18);color:#ffc107;}
.status-completed{background:rgba(76,175,80,0.18);color:#4caf50;}
.status-rejected{background:rgba(229,57,53,0.18);color:#e53935;}

.my-requests-list{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:10px;}
.my-request-row{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px 16px;
}
.my-request-info{display:flex;flex-direction:column;gap:3px;min-width:0;}
.my-request-hash{font-size:11px;color:var(--text-secondary);}
.my-request-title{font-weight:700;color:var(--text);font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.my-request-type{font-size:12px;color:var(--text-secondary);}
@media (max-width:600px){
  .my-request-row{flex-direction:column;align-items:flex-start;}
}

/* ---------- footer ---------- */
footer{
  background:var(--bg);
  border-top:1px solid var(--border);
  padding:50px var(--gutter-formula) 36px;
  display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;
  color:var(--text-secondary);font-size:14px;
}
footer .brand{font-size:20px;}

/* ---------- single post ---------- */
.single-wrap{max-width:900px;margin:0 auto;padding:60px var(--page-gutter);}

/* ---------- pagination ---------- */
.pagination,.nav-links.pagination-links,.page-numbers{margin-top:20px;}
.pagination-wrap,nav.navigation{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:36px;
}
.page-numbers{
  display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;
  padding:0 12px;margin:3px;border-radius:50%;background:var(--card);color:var(--text-secondary);
  font-size:14.5px;font-weight:700;text-decoration:none;border:1px solid rgba(var(--accent-rgb),0.25);
  transition:all .25s ease;
}
a.page-numbers:hover{border-color:var(--border-hover);color:#fff;background:rgba(var(--accent-rgb),0.15);transform:translateY(-2px);}
.page-numbers.current{
  background:var(--border-hover);color:#fff;border-color:var(--border-hover);
  box-shadow:0 0 0 4px rgba(var(--accent-rgb),0.22), 0 6px 18px -4px rgba(var(--accent-rgb),0.6);
  transform:scale(1.08);
}
.page-numbers.dots{background:none;border:none;box-shadow:none;}
.page-numbers.next,
.page-numbers.prev{
  border-radius:100px;min-width:auto;padding:0 20px;font-weight:700;
  background:var(--btn);gap:6px;
}
.page-numbers.next:hover,
.page-numbers.prev:hover{background:rgba(var(--accent-rgb),0.15);}
@media (max-width:600px){
  .page-numbers{min-width:36px;height:36px;font-size:13px;margin:2px;}
  .page-numbers.next,.page-numbers.prev{padding:0 14px;font-size:12.5px;}
}

.single-wrap h1{font-size:clamp(22px, 3.2vw, 34px);margin-bottom:16px;color:var(--text);}
.single-wrap .meta{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.9;}
.single-wrap .meta .genre-dot{color:var(--border-hover);font-size:11px;margin:0 2px;}
@media (max-width:600px){
  .single-wrap .meta{font-size:13px;}
}
.single-wrap .content{line-height:2;color:var(--text-secondary);font-size:17px;}
.single-wrap .poster-single{
  border:1px solid var(--border);border-radius:14px;overflow:hidden;margin:0 auto 30px;
  aspect-ratio:2/3;max-width:280px;background:#000;
}
.single-wrap .poster-single img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}

.film-crew-info{margin-bottom:20px;font-size:14.5px;color:var(--text-secondary);}
.film-crew-info p{margin:4px 0;}
.film-crew-info strong{color:var(--text);}

/* ---------- کورتەی چیرۆک لەناو بەشی سەرەوە (hero) ---------- */
.short-synopsis{color:var(--text-secondary);font-size:15.5px;line-height:1.8;max-width:720px;margin:0 0 20px;}
@media (max-width:600px){
  .short-synopsis{font-size:14px;line-height:1.75;}
}

/* ---------- بۆکسی زانیاریی فیلم/زنجیرە ---------- */
.movie-info-box{
  display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:12px 24px;
  background:var(--card);border:1px solid var(--border);border-radius:14px;
  padding:18px 20px;margin-top:6px;
}
.movie-info-row{font-size:14.5px;color:var(--text-secondary);}
.movie-info-label{color:var(--text);font-weight:700;}

/* ---------- کارتی «لەسەری کاردەکرێت» — بەبێ لینک، بەبێ دوگمەی play ---------- */
.upcoming-card{cursor:default;opacity:0.88;}
.upcoming-card:hover{transform:none;box-shadow:none;}
.upcoming-card .poster{filter:saturate(0.75);}
.upcoming-card .badge-type{top:10px;right:10px;}
.upcoming-card .badge-quality{top:42px;right:10px;}
.badge-upcoming{
  position:absolute;bottom:8px;right:8px;background:rgba(255,159,10,0.92);color:#1a1a1a;
  font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:20px;
}
.upcoming-date{color:var(--text-secondary);font-size:13px;margin-top:6px;}
.upcoming-genres{color:var(--text-secondary);font-size:12.5px;margin-top:4px;line-height:1.6;}
.upcoming-note{color:var(--border-hover);font-size:12.5px;margin-top:6px;line-height:1.6;font-weight:600;}
@media (min-width:761px) and (max-width:1024px){
  .movie-info-box{grid-template-columns:repeat(2, minmax(0,1fr));gap:10px 18px;padding:16px 18px;}
}
@media (max-width:600px){
  .movie-info-box{grid-template-columns:1fr;gap:10px;padding:14px 16px;}
  .movie-info-row{font-size:13.5px;}
}

/* ---------- وێنەی پاشبنەمای گەورە (Backdrop) لە سەرەوەی پەڕەی فیلم/زنجیرە ---------- */
.movie-backdrop{
  position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;
  height:420px;background-size:cover;background-position:center 20%;background-color:#000;
}
.movie-backdrop-fade{
  position:absolute;inset:0;
  background:linear-gradient(to bottom, rgba(0,0,0,.15) 0%, rgba(0,0,0,.6) 60%, var(--bg) 100%);
}
.single-content-pad.has-backdrop{margin-top:-100px;position:relative;z-index:2;}

@media (max-width:760px){
  .movie-backdrop{height:220px;}
  .single-content-pad.has-backdrop{margin-top:-55px;}
}
@media (min-width:761px) and (max-width:1024px){
  .movie-backdrop{height:320px;}
  .single-content-pad.has-backdrop{margin-top:-75px;}
}

.season-head-row{display:flex;align-items:center;gap:14px;}
.season-head-row h3{margin:0 !important;}
.season-poster-img{width:44px;height:66px;object-fit:cover;border-radius:6px;border:1px solid var(--border);flex:0 0 auto;}
.episodes-total-count{font-size:13px;font-weight:400;color:var(--text-secondary);margin-right:8px;}

@media (max-width:760px){
  .single-wrap .poster-single{max-width:200px;}
}
@media (min-width:761px) and (max-width:1024px){
  .single-wrap .poster-single{max-width:240px;}
}

/* ---------- custom scrollbar ---------- */
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px;}
::-webkit-scrollbar-thumb:hover{background:var(--border-hover);}

/* ---------- section head with accent bar ---------- */
.section-head h2{display:flex;align-items:center;gap:12px;}
.head-accent{width:5px;height:24px;background:linear-gradient(var(--border-hover), var(--border));border-radius:4px;display:inline-block;}

/* ---------- rating stars ---------- */
.stars{color:var(--border-hover);font-size:14px;letter-spacing:1px;}
.card-rating{display:flex;align-items:center;gap:8px;}
.card-zagros-line{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary);margin-top:3px;}
.card-zagros-value{color:var(--border-hover);font-weight:700;}
.card-zagros-count{font-size:11px;}
.top-meta + .card-zagros-line{margin-top:4px;}
.search-result-meta{font-size:11.5px;color:var(--text-secondary);margin-top:4px;opacity:.85;}
.rating-num{color:var(--text-secondary);font-size:13px;}

/* ---------- card badges ---------- */
.badge-quality{
  position:absolute;top:10px;right:10px;z-index:3;
  background:var(--border-hover);color:#fff;font-size:11px;font-weight:700;
  padding:4px 10px;border-radius:6px;letter-spacing:0.5px;
  box-shadow:0 2px 10px rgba(var(--accent-rgb),0.5);
}
.badge-year{
  position:absolute;top:10px;left:10px;z-index:3;
  background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);color:var(--text-secondary);
  font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;
}
.badge-live-viewers{
  position:absolute;bottom:10px;left:10px;z-index:3;
  background:rgba(0,0,0,0.7);color:#4caf50;font-size:11px;font-weight:800;
  padding:4px 9px;border-radius:6px;display:flex;align-items:center;gap:3px;
}
.badge-type{
  position:absolute;top:10px;right:10px;z-index:3;
  background:var(--border-hover);color:#fff;font-size:11px;font-weight:700;
  padding:4px 10px;border-radius:6px;letter-spacing:0.5px;
  box-shadow:0 2px 10px rgba(var(--accent-rgb),0.5);
}

/* ---------- episode list ---------- */
.episode-list{display:flex;flex-direction:column;gap:10px;margin-bottom:10px;}
.episode-item{
  display:flex;align-items:center;gap:14px;
  background:var(--card);border:1px solid rgba(var(--accent-rgb),0.2);border-radius:10px;
  padding:14px 18px;transition:all .25s ease;
}
.episode-item:hover{border-color:var(--border-hover);box-shadow:0 6px 20px rgba(var(--accent-rgb),0.25);transform:translateX(-4px);}
.episode-num{color:var(--border-hover);font-weight:700;font-size:14px;white-space:nowrap;}
.episode-title{color:var(--text-secondary);font-size:14px;}

/* ---------- video embed ---------- */
.video-wrap{position:relative;width:100%;padding-top:56.25%;border-radius:14px;overflow:hidden;margin-bottom:30px;border:1px solid var(--border);}
.video-wrap iframe,.video-wrap video{position:absolute;inset:0;width:100%;height:100%;border:none;background:#000;}
.resume-toast{position:absolute;top:14px;right:14px;left:auto;z-index:5;background:rgba(20,20,20,0.85);color:#fff;font-size:13px;font-weight:600;padding:8px 14px;border-radius:8px;border:1px solid rgba(255,255,255,0.15);opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .3s ease;pointer-events:none;}
.resume-toast.show{opacity:1;transform:translateY(0);}

/* ---------- back to top button ---------- */
.back-to-top{
  position:fixed;bottom:88px;left:28px;z-index:60;
  width:48px;height:48px;border-radius:50%;
  background:var(--card);border:1px solid var(--border);color:var(--text);
  font-size:20px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  opacity:0;visibility:hidden;transform:translateY(10px);
  transition:all .3s ease;
}
.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0);}
.back-to-top:hover{background:var(--border-hover);box-shadow:0 0 22px rgba(var(--accent-rgb),0.5);border-color:var(--border-hover);}

/* ---------- floating request button (icon-only) ---------- */
.request-fab{
  position:fixed;bottom:28px;left:16px;z-index:60;
  display:flex;align-items:center;justify-content:center;
  width:48px;height:48px;border-radius:50%;
  background:var(--border-hover);color:#fff;
  text-decoration:none;
  box-shadow:0 4px 20px rgba(var(--accent-rgb),0.5);
  transition:all .25s ease;
}
.request-fab:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(var(--accent-rgb),0.65);}
.request-fab-icon{font-size:19px;line-height:1;}
@media(max-width:600px){
  .back-to-top{bottom:88px;left:16px;}
  .request-fab{bottom:28px;left:16px;}
}

/* ---------- footer extras ---------- */
footer{position:relative;}
.footer-glow{
  position:absolute;top:-1px;right:0;left:0;height:2px;
  background:linear-gradient(90deg, transparent, var(--border-hover), transparent);
}
.social-row{display:flex;gap:14px;margin:4px 0;}
.footer-legal-links{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary);margin:6px 0;flex-wrap:wrap;justify-content:center;}
.footer-legal-links a{color:var(--text-secondary);transition:color .2s ease;}
.footer-legal-links a:hover{color:var(--border-hover);}

.legal-content h2{font-size:19px;color:var(--text);margin:26px 0 10px;}
.legal-content p{color:var(--text-secondary);line-height:1.9;margin-bottom:12px;}
.legal-content ul{color:var(--text-secondary);line-height:1.9;margin:0 0 14px;padding-right:22px;}
.legal-content ul li{margin-bottom:6px;}
.legal-content a{color:var(--border-hover);}
.social-icon{
  width:38px;height:38px;border-radius:50%;background:var(--btn);
  display:flex;align-items:center;justify-content:center;color:var(--text-secondary);
  font-size:15px;transition:all .3s ease;
}
.social-icon svg{display:block;}
.social-icon:hover{background:var(--border-hover);color:#fff;transform:translateY(-4px);box-shadow:0 8px 18px rgba(var(--accent-rgb),0.4);}
@media (max-width:900px){
  .content-wrap{flex-direction:column;}
  .sidebar-col{width:100%;}
}
@media (max-width:880px){
  .nav-toggle{display:block;}
  .nav-links{
    position:absolute;top:100%;right:0;left:0;
    background:var(--bg);flex-direction:column;align-items:stretch;
    padding:0 14px;gap:4px;border-bottom:1px solid var(--border);
    display:flex;max-height:0;overflow:hidden;z-index:150;
    opacity:0;visibility:hidden;pointer-events:none;
    border-bottom-width:0;
    -webkit-overflow-scrolling:touch;
    transition:max-height .38s cubic-bezier(.4,0,.2,1),
               opacity .28s ease,
               padding .38s cubic-bezier(.4,0,.2,1),
               border-color .3s ease;
  }
  /* کاتێک کراوەیە: بەرزیی زیادە دەدرێت (زیاتر لە پێویست) بۆ ئەوەی ناوەڕۆکی گۆڕاو
     (وەک بەشی هەژمار کە بەپێی چوونەژوورەوە فرەیی دەگۆڕێت) هەرگیز نەبڕدرێت،
     دواتر overflow-y:auto خۆی ئیش دەکات ئەگەر لە بەرزیی پەردە زیاتر بوو. */
  .nav-links.open{
    max-height:min(80vh, 900px);overflow-y:auto;
    padding:14px;opacity:1;visibility:visible;pointer-events:auto;
    border-bottom-width:1px;
  }
  .nav-links a{padding:12px 16px;opacity:0;transform:translateY(-6px);
    transition:opacity .32s ease, transform .32s ease;}
  .nav-links a::after{display:none;}
  /* دێڕەکان یەک بەدوای یەک دەردەکەون بۆ ئەوەی جوڵەکە زیندووتر بێت */
  .nav-links.open li:nth-child(1) a{transition-delay:.03s;}
  .nav-links.open li:nth-child(2) a{transition-delay:.06s;}
  .nav-links.open li:nth-child(3) a{transition-delay:.09s;}
  .nav-links.open li:nth-child(4) a{transition-delay:.12s;}
  .nav-links.open li:nth-child(5) a{transition-delay:.15s;}
  .nav-links.open li:nth-child(6) a{transition-delay:.18s;}
  .nav-links.open li:nth-child(n+7) a{transition-delay:.2s;}
  .nav-links.open a{opacity:1;transform:translateY(0);}
  @media (prefers-reduced-motion: reduce){
    .nav-links{transition:opacity .18s ease;}
    .nav-links a{transition:none;opacity:1;transform:none;}
  }
  .grid{grid-template-columns:repeat(auto-fill, minmax(150px,1fr));gap:16px;}
  .hero{padding:70px var(--gutter-formula) 50px;}

  /* سەرپەڕەی مۆبایل: تەنها ☰ — لۆگۆ — 🔍 دەمێنێتەوە، پاکتر و سادەتر.
     پێشتر تەنها .theme-switcher شاردرابووەوە، بەڵام دوگمەی ئاگادارکردنەوە/چات/
     پڕۆفایل (کە خۆیان لە نەواری خوارەوەی مۆبایلدا هەنووکەیشیان هەیە) دەمانەوە
     و بوونەتە هۆی ئەوەی سێ دوگمەکە (☰ / لۆگۆ / 🔍) نەیانتوانی بە یەکسانی
     بەسەر نەواردا بڵاو ببنەوە — بۆیە لێرەش دەشاردرێنەوە. */
  nav > .theme-switcher,
  nav > .account-dd,
  nav > .filter-dd.notif-dd,
  nav > .nav-chat-icon,
  nav > .nav-account-icon{display:none;}
  .brand{font-size:19px;}
  .brand span{display:none;}
  /* سێ دوگمەکە (لۆگۆ / گەڕان / مینیو) بە یەکسانی بەسەر پانی نەواردا بڵاو
     بکەرەوە: لۆگۆ لای ڕاست، مینیو لای چەپ، گەڕان لەناوەڕاست — لەبری
     کۆکردنەوەیان لەناوەڕاستدا وەک کۆمەڵێکی گرێدراو (justify-content:center
     ی بنەڕەتی .zagros-main-nav). */
  .zagros-main-nav{justify-content:space-between;}

  /* ئەم بەشانە تەنها لەناو مینیوی کراوەی مۆبایلدا دەردەکەون */
  .nav-mobile-only-divider{
    display:block;color:var(--text-secondary);font-size:12px;font-weight:700;
    padding:14px 16px 4px !important;border-top:1px solid rgba(255,255,255,0.08);margin-top:6px;
  }
  li.nav-mobile-only-divider:first-of-type{border-top:none;margin-top:0;}
  .nav-mobile-theme-row{
    display:flex !important;align-items:center;gap:14px;padding:10px 16px !important;
  }
  .nav-mobile-theme-row .accent-swatches{display:flex;gap:8px;}
}
@media (min-width:881px){
  .nav-mobile-only-divider{display:none;}
}

/* ---------- نەواری خوارەوەی مۆبایل (Bottom Navigation) ----------
   شێواز: کەپسوولی سەربەخۆی شووشەیی (floating glass dock) — لکاو نییە بە
   خوارەوەی شاشەکە، ئایکۆنی SVG ی تەنک، دوگمەی چالاک بازنەیەکی پڕی ڕەنگی
   جۆری ناوەڕۆک (فیلم=شین، زنجیرە=سەوز، ئەنیمی=مۆر، ئەنیمەیشن=پرتەقاڵی).
   هەردوو Dark و Light mode پاراستراوە. */
.mobile-bottom-nav{display:none;}
@media (max-width:880px){
  .mobile-bottom-nav{
    display:flex;position:fixed;z-index:180;
    bottom:calc(14px + env(safe-area-inset-bottom));
    left:50%;transform:translateX(-50%);
    width:min(calc(100% - 24px), 420px);
    align-items:center;justify-content:space-between;gap:2px;
    padding:7px 9px;border-radius:999px;
    background:rgba(24,29,35,0.72);
    -webkit-backdrop-filter:blur(12px) saturate(140%);
    backdrop-filter:blur(12px) saturate(140%);
    border:1px solid rgba(255,255,255,0.10);
    box-shadow:0 10px 34px rgba(0,0,0,0.52), inset 0 1px 0 rgba(255,255,255,0.06);
    transition:background-color .4s ease,border-color .4s ease,box-shadow .4s ease;
  }
  [data-theme="light"] .mobile-bottom-nav{
    background:rgba(255,255,255,0.78);
    border-color:rgba(0,0,0,0.07);
    box-shadow:0 10px 30px rgba(0,0,0,0.14), inset 0 1px 0 rgba(255,255,255,0.9);
  }
  .mobile-bottom-item{
    position:relative;flex:1 1 0;min-width:0;
    display:flex;align-items:center;justify-content:center;
    height:42px;padding:0;border:none;background:none;cursor:pointer;
    color:var(--text-secondary);border-radius:999px;text-decoration:none;
    font-family:'Vazirmatn';-webkit-tap-highlight-color:transparent;
    transition:color .25s ease,transform .2s ease;
  }
  .mobile-bottom-item:active{transform:scale(.9);}
  .mobile-bottom-icon{
    width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7;
    stroke-linecap:round;stroke-linejoin:round;
    position:relative;z-index:2;
    transition:transform .28s cubic-bezier(.34,1.56,.64,1);
  }
  /* ---------- بازنەی ڕووناکی جوڵاو (Traveling glow ring) ----------
     تەنیا یەک بازنە هەیە بۆ هەموو نەوارەکە. بە JS دەجوڵێت:
     لە کاتی جوڵانەوە دەکشێت و دەبێتە کەپسوولە، پاشان دەگەڕێتەوە بازنە.
     هەر دوگمەیەک ڕەنگی خۆی هەیە (--i-c) — وەک ڕەنگەکانی بەشەکانی سایت. */
  .mbn-ring{
    position:absolute;top:7px;height:42px;left:0;width:42px;
    border-radius:999px;pointer-events:none;z-index:1;opacity:0;
    border:1.6px solid var(--mbn-c, #ff5b5b);
    background:rgba(var(--mbn-rgb, 255,91,91), 0.10);
    box-shadow:0 0 13px 1px rgba(var(--mbn-rgb, 255,91,91), 0.55),
               0 0 30px 5px rgba(var(--mbn-rgb, 255,91,91), 0.22),
               inset 0 0 12px rgba(var(--mbn-rgb, 255,91,91), 0.20);
    transition:left .32s cubic-bezier(.22,.9,.32,1.1),
               width .32s cubic-bezier(.22,.9,.32,1.1),
               border-color .3s ease, background-color .3s ease,
               box-shadow .3s ease, opacity .24s ease;
  }
  .mbn-ring.on{opacity:1;}
  /* قۆناغی کشان — خێراتر و بەبێ باونس */
  .mbn-ring.stretch{
    transition-duration:.16s,.16s,.3s,.3s,.3s,.24s;
    transition-timing-function:cubic-bezier(.3,.86,.36,1);
  }
  /* لە Light mode ڕووناکییەکە کەمتر دەکرێت بۆ ئەوەی زیادە نەبێت */
  [data-theme="light"] .mbn-ring{
    background:rgba(var(--mbn-rgb, 255,91,91), 0.13);
    box-shadow:0 0 10px 1px rgba(var(--mbn-rgb, 255,91,91), 0.40),
               0 0 22px 4px rgba(var(--mbn-rgb, 255,91,91), 0.16),
               inset 0 0 10px rgba(var(--mbn-rgb, 255,91,91), 0.14);
  }
  /* ئایکۆنی چالاک ڕەنگی خۆی دەگرێت و کەمێک گەورە دەبێت */
  .mobile-bottom-item.active,
  .mobile-bottom-item.mbn-hot{
    color:var(--i-c, var(--border-hover));
  }
  .mobile-bottom-item.active .mobile-bottom-icon,
  .mobile-bottom-item.mbn-hot .mobile-bottom-icon{
    transform:scale(1.08);
    filter:drop-shadow(0 0 7px rgba(var(--i-rgb, 217,45,45), 0.75));
  }
  /* ئەگەر JS نەکاربکات، بازنەیەکی سادە بۆ دوگمەی چالاک دەمێنێتەوە */
  .mobile-bottom-nav:not(.mbn-ready) .mobile-bottom-item.active::before{
    content:'';position:absolute;inset:2px;border-radius:999px;
    border:1.6px solid var(--i-c, var(--border-hover));
    background:rgba(var(--i-rgb, 217,45,45), 0.10);
    box-shadow:0 0 12px rgba(var(--i-rgb, 217,45,45), 0.5);
  }
  @media (prefers-reduced-motion: reduce){
    .mbn-ring{transition:opacity .2s ease, border-color .2s ease, background-color .2s ease;}
  }

  /* دڵنیابوون لەوەی ناوەڕۆک لەژێر نەواری خوارەوەدا نەشاردرێتەوە */
  body{padding-bottom:82px;}
  /* دوگمەی زیرەکەکان بەرزتر دەکرێنەوە بۆ ئەوەی لەگەڵ کەپسوولەکە تێکەڵ نەبن
     (داواکاری لە خوارەوە، گەڕانەوە بۆ سەرەوە لەسەری — هەمان ڕیزبەندیی پێشتر) */
  .request-fab{bottom:calc(78px + env(safe-area-inset-bottom));left:16px;}
  .back-to-top{bottom:calc(138px + env(safe-area-inset-bottom));left:16px;}
}

/* ---------- action row (watch / trailer / watchlist / favorite / watched buttons) ---------- */
.action-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0 24px;}

/* دوگمەی سەرەکی: سەیرکردن — گەورەترین و ڕوونترین دوگمە، هەمیشە لای سەرەوە */
.action-row .watch-btn{
  order:-2;background:linear-gradient(135deg, var(--border), var(--border-hover));color:#fff;
  padding:14px 34px;font-size:15px;border-radius:12px;box-shadow:0 10px 26px rgba(var(--accent-rgb),0.4);
  letter-spacing:.3px;
}
.action-row .watch-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 14px 32px rgba(var(--accent-rgb),0.55);}

/* دوگمەی لاوەکی: تریلەر — outline، جێی دووەم لە دوای سەیرکردن */
.action-row .trailer-btn{
  order:-1;background:transparent;color:var(--text);border:1.5px solid var(--border-hover);
  padding:13px 24px;border-radius:12px;
}
.action-row .trailer-btn:hover{background:rgba(var(--accent-rgb),0.12);box-shadow:none;transform:translateY(-1px);}

/* دوگمە بچووکەکان: لیستی من / دڵخوازەکان — شێوازی pill ی سووک */
.action-row .watchlist-btn,
.action-row .favorite-btn{
  background:transparent;border:1.5px solid rgba(255,255,255,0.14);color:var(--text-secondary);
  padding:11px 20px;border-radius:30px;font-size:13.5px;
}
[data-theme="light"] .action-row .watchlist-btn,
[data-theme="light"] .action-row .favorite-btn{border-color:rgba(0,0,0,0.12);}
.action-row .watchlist-btn:hover,
.action-row .favorite-btn:hover{
  border-color:var(--border-hover);color:var(--text);background:rgba(var(--accent-rgb),0.08);
  box-shadow:none;transform:translateY(-1px);
}
/* دوگمەی بینراوە — شێوازی pill بەڵام بە ڕەنگی سەوز (نیشانەی تەواوبوون) */
.action-row .mark-watched-btn{
  border-radius:30px;padding:11px 20px;font-size:13.5px;font-weight:600;
}
.watchlist-btn.active{background:var(--border-hover);border-color:var(--border-hover);color:#fff;}

/* ---------- trailer modal ---------- */
.trailer-modal{
  position:fixed;inset:0;z-index:200;background:rgba(0,0,0,0.85);
  display:none;align-items:center;justify-content:center;padding:20px;
}
.trailer-modal.open{display:flex;}
.trailer-modal-inner{position:relative;width:min(900px, 95vw);}
.trailer-frame{position:relative;width:100%;padding-top:56.25%;border-radius:14px;overflow:hidden;border:1px solid var(--border);}
.trailer-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:none;}
.trailer-close{
  position:absolute;top:-44px;left:0;background:var(--card);border:1px solid var(--border);
  color:var(--text);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:16px;
}
.trailer-close:hover{background:var(--border-hover);}

/* ---------- auth forms (login / register / request) ----------
   هەمان زمانی دیزاینی splash screen بەکاردێت (چوارچێوەی سوور، لۆگۆی
   ڕاستەقینەی گەورە) بۆ ئەوەی هەستی بەردەوامی هەبێت لەنێوان splash و
   ئەم پەڕەیەدا — نەک وەک دوو بەشی جیاواز لە دوو سایتی جیاواز. */
/* بەشی ٤٠: پەڕەی گەیشتنی هەژمار — کاتێک بەکارهێنەر ڕاستەوخۆ سەردانی /hejmar/
   دەکات (نەک لە ڕێگەی splash-ەوە)، هەمان وێنەی چیای سوور و لۆگۆی سایت وەک
   پاشبنەمای تەواوی پەڕەکە بەکاردێت، بۆ ئەوەی هەستی یەکگرتوو هەبێت */
.zagros-auth-page{
  width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;
  min-height:calc(100vh - 60px);
  display:flex;align-items:center;justify-content:center;
  padding:40px var(--page-gutter);
  background:
    linear-gradient(180deg, rgba(8,5,5,0.55) 0%, rgba(8,5,5,0.72) 45%, rgba(6,4,4,0.94) 100%),
    url('auth-bg.jpg') center 30%/cover no-repeat;
}
.auth-card{
  background:rgba(14,10,10,0.72);border:2px solid rgba(var(--accent-rgb),0.55);border-radius:24px;
  padding:38px 30px;position:relative;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  box-shadow:0 24px 70px rgba(0,0,0,0.55), 0 0 60px rgba(var(--accent-rgb),0.16), inset 0 0 0 1px rgba(255,255,255,0.06);
  max-width:460px;width:100%;margin:0 auto;
}
[data-theme="light"] .auth-card{box-shadow:0 20px 50px rgba(0,0,0,0.1);}
.auth-card-close{
  position:absolute;top:18px;left:18px;width:32px;height:32px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;background:var(--btn);
  color:var(--text-secondary);text-decoration:none;font-size:14px;transition:all .2s ease;
}
.auth-card-close:hover{background:var(--border-hover);color:#fff;}
.auth-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin:6px 0 26px;text-align:center;}
.auth-brand-logo-img{
  width:clamp(190px, 50vw, 240px);height:auto;display:block;margin:0 auto 6px;
  filter:drop-shadow(0 8px 22px rgba(var(--accent-rgb),0.32));
}
.auth-brand-tagline{display:block;font-size:13px;color:var(--text-secondary);}
.auth-card-title{margin-bottom:20px;color:var(--text);}
.auth-tabs{display:flex;gap:6px;margin-bottom:24px;background:var(--btn);padding:6px;border-radius:12px;}
.auth-back-link{margin-bottom:20px;}
.auth-back-link a{color:var(--text-secondary);font-size:14px;font-weight:600;transition:color .2s ease;}
.auth-back-link a:hover{color:var(--border-hover);}
.auth-tab{
  flex:1;background:transparent;color:var(--text-secondary);border:1px solid transparent;
  padding:13px 8px;border-radius:9px;cursor:pointer;font-family:'Vazirmatn';font-size:14px;font-weight:700;
  transition:all .25s ease;
}
.auth-tab.active{background:linear-gradient(135deg, var(--border), var(--border-hover));color:#fff;box-shadow:0 4px 14px rgba(var(--accent-rgb),0.35);}
.auth-notice{
  background:rgba(var(--accent-rgb),0.12);border:1px solid var(--border-hover);color:#fff;
  padding:12px 16px;border-radius:10px;margin-bottom:18px;font-size:14px;
}
.auth-notice-error{background:rgba(229,57,53,0.14);border-color:#e53935;color:#ffb3b0;}
.auth-notice-success{background:rgba(76,175,80,0.14);border-color:#4caf50;color:#a8e6ac;}

/* دیاریکردنی خانەی هەڵە بە سووری، لەگەڵ تووندی وردەکارییان */
.auth-form p.field-error{animation:zagrosFieldShake .35s ease;}
.auth-form input.field-error-input,
.auth-form .zs-pass-wrap.field-error input.field-error-input{
  border-color:#e53935 !important;
  box-shadow:0 0 0 2px rgba(229,57,53,0.25) !important;
}
@keyframes zagrosFieldShake{
  0%,100%{transform:translateX(0);}
  25%{transform:translateX(-4px);}
  75%{transform:translateX(4px);}
}
.auth-guest-panel{background:rgba(var(--accent-rgb),0.06);border:1px solid rgba(var(--accent-rgb),0.2);padding:18px;border-radius:12px;margin-bottom:18px;}
.auth-guest-note{margin:0 0 14px;color:var(--text-secondary);font-size:14px;line-height:1.8;}
.auth-guest-button{display:block;}

/* بەشی ٤٢: پەڕەی نوێی سەربەخۆی چوونەژوورەوە (page-login.php) و دروستکردنی
   هەژمار (page-register.php) — هیچ پەیوەندییان بە .zagros-auth-page/.auth-card
   ی کۆن نییە، هەریەکە پەڕەیەکی سەربەخۆی خۆیەتی بەبێ تاب، وەک splash-ی سەرەکی
   ڕاستەوخۆ لەسەر وێنەی چیای سوور دادەنرێت بەبێ سندوقێکی چوارچێوەیی */
.zg-auth2-screen{
  width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;
  min-height:calc(100vh - 60px);box-sizing:border-box;
  display:flex;align-items:center;justify-content:center;
  padding:52px var(--page-gutter);
  border:4px solid var(--border-hover);
  background:
    linear-gradient(90deg, rgba(0,0,0,0.75) 0%, rgba(20,10,10,0.78) 30%, rgba(14,7,7,0.86) 100%),
    url('auth-bg.jpg') center 30%/cover no-repeat;
}
.zg-auth2-box{width:100%;max-width:440px;margin:0 auto;text-align:center;}
.zg-auth2-back{
  display:inline-block;margin-bottom:22px;color:var(--text-secondary);font-size:13px;
  font-weight:600;text-decoration:none;transition:color .2s ease;
}
.zg-auth2-back:hover{color:var(--border-hover);}
.zg-auth2-logo{width:min(260px, 64vw);height:auto;margin:0 auto 20px;display:block;filter:drop-shadow(0 8px 22px rgba(var(--accent-rgb),0.32));}
.zg-auth2-title{color:#fff;font-size:19px;font-weight:800;margin:0 0 26px;}
.zg-auth2-box .auth-form{text-align:right;}
.zg-auth2-switch{margin:20px 0 0;color:var(--text-secondary);font-size:13px;}
.zg-auth2-switch a{color:var(--border-hover);font-weight:700;text-decoration:none;}
.zg-auth2-switch a:hover{text-decoration:underline;}
.zg-auth2-guest{display:block;margin:14px auto 0;color:var(--text-secondary);font-size:13px;text-decoration:underline;text-underline-offset:4px;}
.zg-auth2-guest:hover{color:#fff;}

/* بەشی ٤٣: دیزاینی نوێی فۆرمی دەستکاریکردنی پڕۆفایل (page-account.php) —
   وێنەی خۆکاری فایل بۆ ئاڤاتار/کۆڤەر، سویچی جوان لەبری چێکبۆکسی ئاسایی،
   و هەڵبژاردنی پلاتفۆرمی کۆمەڵایەتی بە شێوەی چیپ نەک select ی وشک */
.zg-media-row{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap;margin-bottom:22px;}
.zg-avatar-field{display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 auto;}
.zg-avatar-preview{
  width:96px;height:96px;border-radius:50%;position:relative;
  background:var(--bg) center/cover no-repeat;border:2px solid rgba(255,255,255,0.1);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.zg-avatar-preview img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.zg-avatar-edit-btn{
  position:absolute;bottom:-2px;left:-2px;width:32px;height:32px;border-radius:50%;
  background:var(--border-hover);color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:14px;cursor:pointer;border:3px solid var(--bg);transition:transform .15s ease;
}
.zg-avatar-edit-btn:hover{transform:scale(1.08);}
.zg-field-label{font-size:12px;color:var(--text-secondary);}

.zg-cover-field{flex:1 1 240px;min-width:220px;display:flex;flex-direction:column;gap:6px;}
.zg-cover-preview{
  display:flex;align-items:center;justify-content:center;text-align:center;
  height:96px;border-radius:12px;cursor:pointer;
  background:var(--bg) center/cover no-repeat;border:1.5px dashed rgba(255,255,255,0.18);
  transition:border-color .2s ease, background-color .2s ease;padding:10px;
}
.zg-cover-preview:hover{border-color:var(--border-hover);}
.zg-cover-btn{color:var(--text-secondary);font-size:13px;font-weight:600;line-height:1.6;
  background:rgba(0,0,0,0.45);padding:8px 12px;border-radius:8px;}
.zg-file-input{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

.zg-field-hint{display:block;font-size:12px;color:var(--text-secondary);margin-top:6px;line-height:1.7;}

.zg-toggle-section{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:18px 18px 6px;margin-bottom:22px;}
.zg-toggle-section-title{color:var(--border-hover);font-weight:700;font-size:14px;margin:0 0 14px;}
.zg-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid rgba(255,255,255,0.06);cursor:pointer;}
.zg-toggle-row:first-of-type{border-top:none;}
.zg-toggle-text{display:flex;flex-direction:column;gap:3px;}
.zg-toggle-title{font-size:14px;font-weight:600;color:var(--text);}
.zg-toggle-sub{font-size:12px;color:var(--text-secondary);line-height:1.7;}

.zg-switch{position:relative;flex:0 0 auto;width:46px;height:26px;}
.zg-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;}
.zg-switch-track{
  position:absolute;inset:0;background:rgba(255,255,255,0.14);border-radius:999px;
  transition:background-color .2s ease;
}
.zg-switch-thumb{
  position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;
  background:#fff;transition:inset-inline-start .2s ease;box-shadow:0 1px 3px rgba(0,0,0,0.4);
}
.zg-switch input:checked + .zg-switch-track{background:var(--border-hover);}
.zg-switch input:checked + .zg-switch-track .zg-switch-thumb{inset-inline-start:23px;}
.zg-switch input:focus-visible + .zg-switch-track{outline:2px solid var(--border-hover);outline-offset:2px;}

.zg-social-picker{display:flex;flex-direction:column;gap:14px;padding-bottom:14px;}
.zg-social-options{display:flex;flex-wrap:wrap;gap:8px;}
.zg-social-opt{
  display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;
  background:rgba(255,255,255,0.05);border:1.5px solid rgba(255,255,255,0.1);
  font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .18s ease;
}
.zg-social-opt input{position:absolute;opacity:0;width:1px;height:1px;}
.zg-social-opt:hover{border-color:rgba(255,255,255,0.25);}
.zg-social-opt.active{background:rgba(var(--accent-rgb),0.16);border-color:var(--border-hover);color:#fff;font-weight:700;}
.zg-social-picker input[type="text"]{margin-bottom:0;}

.zg-goto-profile-row{display:flex;justify-content:center;margin:18px 0 30px;}
@media (max-width:520px){
  .zg-media-row{flex-direction:column;align-items:stretch;}
  .zg-avatar-field{align-self:center;}
}
@media (max-width:560px){
  .zg-auth2-screen{padding:34px 14px;border-width:3px;}
}
.auth-form label{display:block;color:var(--text-secondary);font-size:14px;margin-bottom:6px;}
.auth-form input:not([type="checkbox"]):not([type="radio"]),.auth-form textarea{
  width:100%;background:var(--bg);border:1px solid rgba(255,255,255,0.1);
  color:var(--text);border-radius:10px;padding:13px 16px;font-family:'Vazirmatn';font-size:14px;
  margin-bottom:16px;resize:vertical;transition:border-color .2s ease, box-shadow .2s ease;
}
[data-theme="light"] .auth-form input:not([type="checkbox"]):not([type="radio"]),[data-theme="light"] .auth-form textarea{background:#f7f6f5;}
.auth-form input:not([type="checkbox"]):not([type="radio"]):focus,.auth-form textarea:focus{outline:none;border-color:var(--border-hover);box-shadow:0 0 0 3px rgba(var(--accent-rgb),0.15);}
.auth-inline-link{color:var(--border-hover);font-size:13px;text-decoration:none;font-weight:600;}
.auth-inline-link:hover{text-decoration:underline;}

/* چێکبۆکسی فۆرمەکانی هەژمار (پیشاندانی ڕۆژی لەدایکبوون، تایبەتکردنی چالاکی،
   ڕازیبوون بە مەرجەکان...) — پێشتر ڕوول‌ی گشتیی .auth-form input شێوازی
   width:100% ی لەسەر دەکرد و دەیکردە سندوقێکی گەورەی ڕاکێشراو، لێرەوە
   شێوازێکی تایبەت و بچووکی خۆی وەردەگرێت */
.auth-form input[type="checkbox"],
.auth-form input[type="radio"]{
  width:18px;height:18px;min-width:18px;flex:0 0 18px;margin:0;padding:0;
  accent-color:var(--border-hover);cursor:pointer;
}
.privacy-toggle-row label,
.auth-terms-agree label{min-width:0;}
.privacy-toggle-row label span,
.auth-terms-agree label span{min-width:0;flex:1 1 auto;}

/* دوگمەی پیشاندانی وشەی نهێنی (👁) — بەشی ٣٣أ */
.zs-pass-wrap{position:relative;display:block;}
.zs-pass-wrap input{padding-inline-end:46px;margin-bottom:0;}
.zs-pass-toggle{
  position:absolute;top:50%;transform:translateY(-50%);inset-inline-end:8px;
  background:transparent;border:none;font-size:17px;line-height:1;cursor:pointer;
  padding:8px;border-radius:8px;color:var(--text-secondary);
}
.zs-pass-toggle:hover{background:rgba(var(--accent-rgb),0.1);color:var(--text);}
.zs-pass-wrap + .pw-strength-wrap{margin-top:8px;}
p > .zs-pass-wrap{margin-bottom:16px;display:block;}

/* دوگمەی دروستکردنی وشەی نهێنی بەهێز — بەشی ٣٣ب */
/* =========================================================
   بەشی ٥٣ — Floating Label بۆ فۆرمی چوونەژوورەوە/تۆمارکردن/وشەی
   نهێنی — لەیبڵ لەناوەڕاستی خانەکەیە، کاتێک فۆکەس دەکرێت یان
   پڕدەبێت بە نەرمی بۆ سەرووی سنووری خانەکە دەبزوێت، بە پاشبنەمایەک
   کە دەقی سنوورەکە دادەپۆشێت لە پشتیەوە
   ========================================================= */
.floating-group{position:relative;margin-bottom:22px;}
.floating-group input{
  width:100%;background:var(--bg);border:1.5px solid rgba(255,255,255,0.14);
  border-radius:10px;padding:15px 14px;color:var(--text);
  font-family:'Vazirmatn';font-size:15px;outline:none;margin:0;
  transition:border-color 150ms cubic-bezier(0.4,0,0.2,1), box-shadow 150ms cubic-bezier(0.4,0,0.2,1);
}
[data-theme="light"] .floating-group input{background:#f7f6f5;}
.floating-group input:focus{border-color:var(--border-hover);box-shadow:0 0 0 3px rgba(var(--accent-rgb),0.15);}
.floating-group.zs-pass-wrap input{padding-inline-end:46px;}
.floating-group label{
  position:absolute;right:15px;top:50%;transform:translateY(-50%);
  color:var(--text-secondary);font-size:15px;font-weight:400;pointer-events:none;
  background:transparent;padding:0 5px;max-width:calc(100% - 30px);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  transition:all 150ms cubic-bezier(0.4,0,0.2,1);
}
.floating-group input:focus + label,
.floating-group input:not(:placeholder-shown) + label{
  top:0;font-size:12px;font-weight:700;color:var(--border-hover);background:var(--bg);
}
[data-theme="light"] .floating-group input:focus + label,
[data-theme="light"] .floating-group input:not(:placeholder-shown) + label{background:#f7f6f5;}

/* .auth-card و splash پاشبنەمایەکی تایبەتی خۆیان هەیە (تاریک و سوورگۆن،
   وێنەی چیاکانیان لەپشتەوەیە) کە جیاوازە لە var(--bg)ی ئاسایی — ئەگەر
   لەیبڵ/خانەکان بە var(--bg) بمێننەوە، وا دیار دەبن وەک بۆکسێکی نەگونجاو
   بەسەر ئەو پاشبنەمایەدا. لێرەدا ڕەنگێکی گونجاو بۆیان دادەنرێت.
   .zg-auth2-box (پەڕەی نوێی login/register) هەمان پاشبنەمای وێنەی چیایی
   بەکاردێنێت، بۆیە هەمان ڕەنگی خانەکانیشی پێویستە */
.auth-card .floating-group input,
.zagros-splash .floating-group input,
.zg-auth2-box .floating-group input{background:#150f0f;}
.auth-card .floating-group input:focus + label,
.auth-card .floating-group input:not(:placeholder-shown) + label,
.zagros-splash .floating-group input:focus + label,
.zagros-splash .floating-group input:not(:placeholder-shown) + label,
.zg-auth2-box .floating-group input:focus + label,
.zg-auth2-box .floating-group input:not(:placeholder-shown) + label{background:#150f0f;}

.zs-pw-generate{
  display:flex;align-items:center;justify-content:center;gap:6px;width:100%;
  background:rgba(var(--accent-rgb),0.08);border:1px dashed rgba(var(--accent-rgb),0.35);
  color:var(--border-hover);font-size:12.5px;font-weight:700;padding:9px 12px;
  border-radius:10px;cursor:pointer;margin:-8px 0 16px;transition:all .2s ease;
  font-family:'Vazirmatn';
}
.zs-pw-generate:hover{background:rgba(var(--accent-rgb),0.15);border-color:var(--border-hover);}
.zs-pw-generate.zs-pw-copied{color:#4caf50;border-color:rgba(76,175,80,0.4);background:rgba(76,175,80,0.08);}

/* دوگمەی سەرەکی (گرادیێنتی برەندی سایتەکە) بۆ چوونەژوورەوە/تۆمارکردن */
.btn-auth-primary{
  width:100%;background:linear-gradient(135deg, var(--border), var(--border-hover));
  color:#fff;border:none;padding:16px 20px;min-height:58px;font-size:16px;font-weight:800;border-radius:12px;
  box-shadow:0 8px 24px rgba(var(--accent-rgb),0.35);
}
.btn-auth-primary:hover{background:linear-gradient(135deg, var(--border), var(--border-hover));box-shadow:0 10px 30px rgba(var(--accent-rgb),0.5);transform:translateY(-1px) scale(1.01);}
.auth-points-hint{
  text-align:center;margin-top:14px;font-size:13px;color:var(--text-secondary);
  background:rgba(var(--accent-rgb),0.08);border:1px dashed rgba(var(--accent-rgb),0.35);
  border-radius:10px;padding:10px 12px;
}
.auth-points-hint strong{color:var(--border-hover);}

.google-login-btn{
  display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;
  background:#fff;color:#1f1f1f;border:1px solid rgba(0,0,0,0.1);border-radius:10px;
  padding:12px 14px;font-family:'Vazirmatn';font-size:14.5px;font-weight:600;text-decoration:none;
  transition:all .2s ease;
}
.google-login-btn:hover{box-shadow:0 4px 14px rgba(0,0,0,0.25);transform:scale(1.02);}
.auth-divider{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:13px;margin:18px 0;}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:rgba(255,255,255,0.12);}

/* خانەی شاراوە بۆ بۆتەکان (honeypot) — بۆ مرۆڤ نابینرێت، بۆتی سادە پڕی دەکاتەوە */
.zagros-hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;}

/* ---------- comments ---------- */
.comments-section{margin-top:50px;}
.comment-list{list-style:none;display:flex;flex-direction:column;gap:16px;margin-bottom:30px;}
.comment-list .children{list-style:none;margin-top:16px;margin-right:40px;}
.comment-body{background:var(--card);border:1px solid rgba(var(--accent-rgb),0.2);border-radius:12px;padding:18px 20px;}
.comment-author .avatar{border-radius:50%;margin-left:12px;vertical-align:middle;}
.comment-author .fn{font-weight:700;color:var(--text);font-style:normal;}
.comment-metadata{color:var(--text-secondary);font-size:12px;margin:4px 0 10px;}
.comment-metadata a{color:var(--text-secondary);}
.comment-content p{color:var(--text-secondary);line-height:1.9;font-size:15px;}

/* ---------- custom comment markup (spoiler + reactions callback) ---------- */
.comment-body{display:flex;gap:14px;align-items:flex-start;}
.comment-avatar img{border-radius:50%;display:block;}
.comment-content-wrap{flex:1;min-width:0;}
.comment-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap;}
.comment-meta .comment-author{color:var(--text);font-size:14px;}
.comment-meta .comment-date a{color:var(--text-secondary);font-size:12px;}
.comment-awaiting{color:var(--border-hover);font-size:12px;}
.comment-text{color:var(--text-secondary);line-height:1.9;font-size:15px;}
.comment-text p{margin-bottom:8px;}
.comment-actions{display:flex;align-items:center;gap:14px;margin-top:10px;flex-wrap:wrap;}

.spoiler-wrap{margin-bottom:4px;}
.spoiler-reveal-btn{
  background:rgba(var(--accent-rgb),0.12);border:1px dashed var(--border-hover);color:var(--border-hover);
  padding:10px 16px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;width:100%;text-align:center;
  transition:all .25s ease;
}
.spoiler-reveal-btn:hover{background:rgba(var(--accent-rgb),0.22);}
.spoiler-content{color:var(--text-secondary);line-height:1.9;font-size:15px;animation:fadeIn .3s ease;}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}

.comment-reactions-row{display:flex;gap:6px;}
.comment-reaction-btn{
  background:var(--btn);border:1px solid transparent;color:var(--text-secondary);
  padding:4px 10px;border-radius:100px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:4px;
  transition:all .25s ease;
}
.comment-reaction-btn:hover{border-color:var(--border-hover);}
.comment-reaction-btn.active{background:rgba(var(--accent-rgb),0.2);border-color:var(--border-hover);color:var(--text);}
.comment-reaction-btn .reaction-count{font-size:11px;color:var(--text-secondary);}

.comment-report-btn,.comment-edit-btn{
  display:inline-block;font-size:12.5px;font-weight:600;color:var(--text-secondary);
  border:1px solid rgba(var(--accent-rgb),0.35);border-radius:6px;padding:3px 10px;
  background:transparent;cursor:pointer;transition:var(--transition-theme);
}
.comment-report-btn:hover,.comment-edit-btn:hover{background:var(--border-hover);color:#fff;border-color:var(--border-hover);}
.comment-report-btn:disabled{opacity:.6;cursor:default;}

.comment-edit-form{margin-top:10px;}
.comment-edit-form textarea{width:100%;background:var(--btn);border:1px solid rgba(var(--accent-rgb),0.3);border-radius:8px;color:var(--text);padding:10px;font-family:inherit;font-size:14px;resize:vertical;}
.comment-edit-actions{display:flex;gap:10px;margin-top:8px;}
.comment-edit-actions .btn{padding:6px 18px;font-size:13px;}
.comment-edit-cancel-btn{background:transparent;border:1px solid rgba(var(--accent-rgb),0.35);color:var(--text-secondary);border-radius:8px;padding:6px 14px;font-size:13px;cursor:pointer;}
.comment-edit-msg{color:var(--border-hover);font-size:12.5px;margin-top:6px;}

/* ---------- ڕیزکردنی کۆمێنت (باشترین/نوێترین/زۆرترین وەڵام) ---------- */
.comment-sort-tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap;}
.comment-sort-tab{
  padding:6px 16px;border-radius:100px;font-size:13.5px;color:var(--text-secondary);
  border:1px solid rgba(var(--accent-rgb),0.3);transition:var(--transition-theme);
}
.comment-sort-tab:hover{border-color:var(--border-hover);color:var(--text);}
.comment-sort-tab.active{background:var(--border-hover);border-color:var(--border-hover);color:#fff;font-weight:700;}

.comment-spoiler-field{margin:6px 0 14px;font-size:13px;color:var(--text-secondary);}
.comment-spoiler-field input{margin-left:6px;}

/* ---------- comment reply/edit links ---------- */
.comment-reply-link,.comment-edit-link{
  display:inline-block;font-size:12.5px;font-weight:600;color:var(--border-hover);
  border:1px solid rgba(var(--accent-rgb),0.35);border-radius:6px;padding:3px 10px;margin-top:6px;margin-left:8px;
  transition:var(--transition-theme);
}
.comment-reply-link:hover,.comment-edit-link:hover{background:var(--border-hover);color:#fff;}
.comment-list .children{border-right:2px solid rgba(var(--accent-rgb),0.25);padding-right:16px;}

/* ---------- comment form ---------- */
#respond{margin-top:26px;background:var(--card);border:1px solid rgba(var(--accent-rgb),0.2);border-radius:14px;padding:24px;}
.comment-reply-title{margin:0 0 16px;font-size:19px;color:var(--text);}
.comment-reply-title small a{font-size:12px;color:var(--border-hover);margin-right:10px;}
.comment-logged-in-as,.comment-privacy-note{color:var(--text-secondary);font-size:13px;margin-bottom:16px;}
.comment-logged-in-as a,.comment-privacy-note a{color:var(--border-hover);}
.comment-form p{margin-bottom:16px;}
.comment-form label{display:block;margin-bottom:6px;font-size:13.5px;font-weight:600;color:var(--text);}
.comment-form .required{color:var(--border-hover);}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{
  width:100%;box-sizing:border-box;padding:11px 14px;border-radius:10px;
  background:var(--bg);border:1px solid rgba(var(--accent-rgb),0.25);color:var(--text);
  font-family:inherit;font-size:14.5px;transition:var(--transition-theme);
}
.comment-form input[type=text]:focus,.comment-form input[type=email]:focus,.comment-form textarea:focus{
  outline:none;border-color:var(--border-hover);box-shadow:0 0 0 3px rgba(var(--accent-rgb),0.2);
}
.comment-form textarea{resize:vertical;min-height:110px;}
.comment-form-cookies-consent{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);}
.comment-form-cookies-consent input{width:auto;}
.comment-form .form-submit{margin-bottom:0;}
.comment-form .form-submit input[type=submit]{
  cursor:pointer;font-family:inherit;font-size:14.5px;
}
.comments-scope-note{color:var(--text-secondary);font-size:13px;margin-top:4px;}
#term-review-respond{margin-top:26px;background:var(--card);border:1px solid rgba(var(--accent-rgb),0.2);border-radius:14px;padding:24px;}
#term-review-respond textarea{
  width:100%;box-sizing:border-box;padding:11px 14px;border-radius:10px;
  background:var(--bg);border:1px solid rgba(var(--accent-rgb),0.25);color:var(--text);
  font-family:inherit;font-size:14.5px;resize:vertical;min-height:110px;
}
.term-review-msg{color:var(--border-hover);font-size:13px;min-height:18px;}

.reply a{color:var(--border-hover);font-size:13px;font-weight:600;}
#respond{background:var(--card);border:1px solid rgba(var(--accent-rgb),0.2);border-radius:14px;padding:24px;}
#respond h3{margin-bottom:16px;font-size:18px;}
#respond label{display:block;color:var(--text-secondary);font-size:14px;margin-bottom:6px;}
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"],
#respond textarea{
  width:100%;background:var(--btn) !important;border:1px solid rgba(255,255,255,0.1);
  color:var(--text) !important;border-radius:8px;padding:12px 14px;font-family:'Vazirmatn';font-size:14px;
  margin-bottom:16px;resize:vertical;box-sizing:border-box;
}
#respond input[type="text"]:focus,
#respond input[type="email"]:focus,
#respond input[type="url"]:focus,
#respond textarea:focus{outline:none;border-color:var(--border-hover);}
#respond p{margin-bottom:4px;}
#respond .form-submit{margin-top:6px;}

/* ---------- movie/subtitle request page ---------- */
.request-hero{text-align:center;margin-bottom:30px;}
.request-icon{
  width:72px;height:72px;margin:0 auto 18px;border-radius:50%;
  background:rgba(var(--accent-rgb),0.15);border:1px solid rgba(var(--accent-rgb),0.35);
  display:flex;align-items:center;justify-content:center;font-size:32px;
}
.request-hero h1{text-align:center;}
.request-card{
  background:var(--card);border:1px solid rgba(var(--accent-rgb),0.25);
  border-radius:18px;padding:28px;box-shadow:0 20px 45px rgba(0,0,0,0.25);
}
.zagros-request-form{direction:rtl;text-align:right;}
.zagros-request-form p{margin:0 0 16px;}
.zagros-request-form label{display:block;margin-bottom:7px;color:var(--text-secondary);font-weight:700;line-height:1.8;}
.req-star{color:var(--border-hover);font-weight:800;}
.zagros-request-form input,.zagros-request-form select,.zagros-request-form textarea{
  width:100%;display:block;background:var(--btn);color:var(--text);border:1px solid rgba(var(--accent-rgb),0.24);
  border-radius:10px;padding:11px 13px;font:inherit;line-height:1.7;direction:rtl;text-align:right;
}
.zagros-request-form input:focus,.zagros-request-form select:focus,.zagros-request-form textarea:focus{
  outline:none;border-color:var(--border-hover);box-shadow:0 0 0 3px rgba(var(--accent-rgb),0.12);
}
.request-submit-btn{width:100%;text-align:center;font-size:15px;padding:14px 26px;}
.request-msg{margin-top:14px;font-weight:600;text-align:center;}

/* ---------- screen-reader only label ---------- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* ---------- red count badge (pills, genres, filters) ---------- */
.pill-count{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:20px;height:20px;padding:0 6px;margin-inline-start:8px;
  background:var(--border-hover);color:#fff;font-size:11px;font-weight:700;
  border-radius:100px;box-shadow:0 0 8px rgba(var(--accent-rgb),0.5);
}
.pill.active{background:var(--border-hover);color:#fff;border-color:var(--border-hover);box-shadow:0 0 18px rgba(var(--accent-rgb),0.4);}
.pill.active .pill-count{background:#fff;color:var(--border-hover);}

/* ---------- weekly pick button ---------- */
.weekly-pick-btn{margin-top:18px;display:inline-block;}

/* ---------- rebuilt filter bar ---------- */
/* (filter-bar itself is defined once, below, as the compact dropdown version) */

/* ---------- watched badge ---------- */
.badge-watched{
  position:absolute;bottom:10px;right:10px;z-index:3;
  background:rgba(0,0,0,0.75);color:#4caf50;font-size:11px;font-weight:700;
  padding:4px 10px;border-radius:6px;border:1px solid #4caf50;
}
.episode-item{position:relative;}
.episode-item.watched{opacity:0.85;border-color:rgba(76,175,80,0.35);}
.episode-watched-check{
  margin-inline-start:auto;display:flex;align-items:center;justify-content:center;
  width:24px;height:24px;border-radius:6px;flex-shrink:0;
  border:1.5px solid rgba(76,175,80,0.6);color:#4caf50;font-weight:700;font-size:14px;
  background:rgba(76,175,80,0.12);
}
.episode-watched-check.empty{
  border-color:rgba(255,255,255,0.15);background:transparent;color:transparent;
}

/* ---------- season tabs ---------- */
.season-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 18px;}
.season-tab{
  background:var(--btn);border:1px solid rgba(var(--accent-rgb),0.25);color:var(--text-secondary);
  padding:8px 20px;border-radius:20px;font-family:'Vazirmatn';font-size:14px;font-weight:600;
  cursor:pointer;transition:all .2s ease;
}
.season-tab:hover{border-color:var(--border-hover);color:var(--text);}
.season-tab.active{background:var(--border-hover);border-color:var(--border-hover);color:#fff;}
.season-panel h3{display:none;}

/* ---------- favorite button ---------- */
.favorite-btn.active{background:var(--border-hover);color:#fff;border-color:var(--border-hover);}

/* ---------- continue watching row ---------- */
.continue-watching-wrap{
  background:linear-gradient(135deg,rgba(var(--accent-rgb),0.1),transparent 60%);
  border:1px solid rgba(var(--accent-rgb),0.3);border-radius:16px;padding:20px 20px 6px;margin-bottom:36px;
}
.continue-watching-head{margin-bottom:16px;}
.live-dot{
  width:10px;height:10px;border-radius:50%;background:var(--border-hover);flex:0 0 auto;
  box-shadow:0 0 0 0 rgba(var(--accent-rgb),0.7);animation:zagrosPulse 1.8s infinite;
}
@keyframes zagrosPulse{
  0%{box-shadow:0 0 0 0 rgba(var(--accent-rgb),0.55);}
  70%{box-shadow:0 0 0 9px rgba(var(--accent-rgb),0);}
  100%{box-shadow:0 0 0 0 rgba(var(--accent-rgb),0);}
}
.continue-row{display:flex;gap:16px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;}
.continue-card{flex:0 0 200px;scroll-snap-align:start;display:block;}
.continue-poster{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;border:1px solid var(--border);}
.continue-poster img{width:100%;height:100%;object-fit:cover;}
.continue-poster .play-badge{width:40px;height:40px;font-size:15px;opacity:1;transform:translate(-50%,-50%) scale(0.85);}
.continue-badge{
  position:absolute;bottom:6px;right:6px;left:6px;background:rgba(0,0,0,0.72);color:#fff;
  font-size:11px;font-weight:700;padding:4px 8px;border-radius:6px;text-align:center;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-right:3px solid var(--border-hover);
}
.continue-progress-track{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,0.25);}
.continue-progress-fill{display:block;height:100%;background:var(--border-hover,#e50914);}
.continue-title{margin-top:8px;font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.continue-sub{font-size:12px;color:var(--text-secondary);}
.continue-card{position:relative;}
.continue-remove-btn{
  position:absolute;top:8px;left:8px;z-index:2;width:30px;height:30px;border-radius:50%;
  background:rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.2);color:#fff;font-size:14px;
  cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;
  opacity:0;
}
.continue-card:hover .continue-remove-btn{opacity:1;}
.continue-remove-btn:hover{background:var(--border-hover);border-color:var(--border-hover);}
@media (max-width:760px){ .continue-remove-btn{opacity:1;} }
@media (max-width:600px){ .continue-watching-wrap{padding:16px 14px 4px;border-radius:14px;} }

/* ---------- ٥ زۆرترین بینراو (top trending) ---------- */
.top-list{display:flex;flex-direction:column;gap:10px;}
.top-row{
  display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid rgba(var(--accent-rgb),0.18);
  border-radius:12px;padding:10px 16px;transition:var(--transition-theme),transform .2s ease,box-shadow .2s ease;
}
.top-row:hover{border-color:var(--border-hover);box-shadow:0 8px 22px rgba(var(--accent-rgb),0.2);transform:translateX(-3px);}
.top-rank-views{
  flex:0 0 68px;text-align:center;background:rgba(var(--accent-rgb),0.08);border:1px solid rgba(var(--accent-rgb),0.35);
  border-radius:10px;padding:8px 4px;color:var(--border-hover);
}
.top-rank-icon{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:12px;margin:0 auto 3px;}
.top-rank-icon span{display:block;width:3px;background:var(--border-hover);border-radius:1px;box-shadow:0 0 6px rgba(var(--accent-rgb),0.7);}
.top-rank-icon span:nth-child(1){height:5px;}
.top-rank-icon span:nth-child(2){height:9px;}
.top-rank-icon span:nth-child(3){height:12px;}
.top-views-num{display:block;font-size:24px;font-weight:800;color:var(--border-hover);text-shadow:0 0 16px rgba(var(--accent-rgb),0.65);line-height:1.1;}
.top-views-label{display:block;font-size:10.5px;color:var(--text-secondary);margin-top:2px;}
.top-info{flex:1;min-width:0;}
.top-type-badge{
  display:inline-block;background:rgba(var(--accent-rgb),0.18);color:var(--border-hover);
  font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:100px;margin-bottom:5px;
}
.top-title{font-size:15.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.top-meta{font-size:13px;color:var(--text-secondary);margin-top:3px;}
.top-poster{flex:0 0 54px;width:54px;height:78px;border-radius:8px;overflow:hidden;background:#000;border:1px solid var(--border);position:relative;}
.top-poster img{width:100%;height:100%;object-fit:cover;}
.top-poster .badge-watched{position:absolute;bottom:2px;left:2px;font-size:9px;padding:1px 5px;}
.total-views-line{color:var(--text-secondary);font-size:14px;margin:-8px 0 16px;}
.total-views-line strong{color:var(--border-hover);}
@media (max-width:600px){
  .top-poster{flex-basis:44px;width:44px;height:64px;}
  .top-views-num{font-size:19px;}
  .top-rank-views{flex-basis:56px;}
}


/* ---------- reactions ---------- */
.reactions-row{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;}
.reaction-btn{
  display:flex;align-items:center;gap:6px;background:var(--btn);border:1px solid rgba(255,255,255,0.1);
  color:var(--text);padding:8px 14px;border-radius:100px;font-size:16px;cursor:pointer;transition:all .2s ease;
}
.reaction-btn:hover{border-color:var(--border-hover);transform:scale(1.05);}
.reaction-btn.active{background:rgba(var(--accent-rgb),0.18);border-color:var(--border-hover);}
.reaction-count{font-size:12px;color:var(--text-secondary);min-width:10px;}

/* ---------- crew (translator / writer / technical) ---------- */
.crew-box{margin:20px 0;padding:16px 18px;background:var(--card);border:1px solid rgba(var(--accent-rgb),0.2);border-radius:12px;display:flex;flex-direction:column;gap:8px;}
.crew-row{font-size:14px;color:var(--text-secondary);}
.crew-label{color:var(--text);font-weight:700;margin-inline-end:6px;}
.crew-name{color:var(--border-hover);font-weight:600;}
.crew-name:hover{text-decoration:underline;}
.crew-stats-line{color:var(--text-secondary);font-size:15px;margin-bottom:24px;}

/* ---------- crew profile header (translator/writer/tech page) ---------- */
.crew-profile-header{
  display:flex;align-items:center;gap:22px;background:var(--card);
  border:1px solid rgba(var(--accent-rgb),0.2);border-radius:16px;padding:24px;margin-bottom:20px;flex-wrap:wrap;
}
.crew-profile-info h1{margin:0 0 6px;font-size:24px;}
.crew-role-tag{
  display:inline-block;background:rgba(var(--accent-rgb),0.15);color:var(--border-hover);
  font-size:12.5px;font-weight:700;padding:4px 12px;border-radius:20px;margin-bottom:12px;
}
.crew-profile-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px;}
.crew-stat{font-size:14px;color:var(--text-secondary);}
.crew-stat strong{color:var(--text);}
.crew-stat small{color:var(--text-secondary);font-weight:400;}
.crew-rate-widget{display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
.crew-rate-label{font-size:13px;color:var(--text-secondary);margin-inline-end:6px;}
.crew-star-btn{
  background:none;border:none;font-size:22px;color:rgba(255,255,255,0.25);cursor:pointer;
  transition:transform .15s ease,color .15s ease;padding:0 1px;line-height:1;
}
.crew-star-btn:hover{transform:scale(1.15);}
.crew-star-btn.active{color:#ffc107;}
@media (max-width:600px){
  .crew-profile-header{flex-direction:column;text-align:center;}
  .crew-profile-stats{justify-content:center;}
}

/* ---------- dual rating (IMDb + ZAGROS) ---------- */
.dual-rating-box{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0;}
.rating-pill{
  display:flex;align-items:center;gap:8px;background:var(--card);
  border:1px solid rgba(var(--accent-rgb),0.25);border-radius:12px;padding:9px 16px;
}
.rating-pill-label{font-size:12px;font-weight:800;letter-spacing:.5px;color:var(--text-secondary);}
.rating-pill-value{font-size:19px;font-weight:800;color:var(--text);}
.rating-pill-imdb .rating-pill-label{color:#f5c518;}
.rating-pill-zagros .rating-pill-label{color:var(--border-hover);}
.rating-pill-count{font-size:11.5px;color:var(--text-secondary);}

.content-rate-widget{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 20px;}
.content-rate-label{font-size:13px;color:var(--text-secondary);white-space:nowrap;}
.content-rate-scores{display:flex;gap:5px;flex-wrap:wrap;}
.content-score-btn{
  width:30px;height:30px;border-radius:8px;background:var(--card);
  border:1px solid rgba(255,255,255,0.1);color:var(--text-secondary);font-size:13px;font-weight:700;
  cursor:pointer;transition:all .15s ease;
}
.content-score-btn:hover{border-color:var(--border-hover);color:var(--text);}
.content-score-btn.active{background:var(--border-hover);border-color:var(--border-hover);color:#fff;}
.content-rate-guest{font-size:13px;color:var(--text-secondary);margin:8px 0 20px;}
.content-rate-guest a{color:var(--border-hover);}
@media (max-width:600px){
  .content-score-btn{width:26px;height:26px;font-size:12px;}
}



@media (max-width:760px){
  .continue-card{flex:0 0 150px;}
}

/* ---------- compact dropdown filter bar ---------- */
.filter-bar{
  display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:10px;
  background:var(--card);border:1px solid rgba(var(--accent-rgb),0.2);
  border-radius:14px;padding:14px 16px;margin-bottom:30px;position:relative;z-index:10;
}
.filter-dd{position:relative;}
.filter-dd-toggle{
  background:var(--btn);color:var(--text);border:1px solid rgba(255,255,255,0.08);
  padding:10px 18px;border-radius:100px;font-family:'Vazirmatn';font-size:14px;font-weight:600;
  cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .25s ease;white-space:nowrap;
}
.filter-dd-toggle .chev{font-size:12px;transition:transform .25s ease;color:var(--text-secondary);}
.filter-dd-toggle:hover{border-color:var(--border-hover);}
.filter-dd-toggle.has-active{background:var(--border-hover);color:#fff;}
.filter-dd.open .filter-dd-toggle .chev{transform:rotate(180deg);}
.filter-dd-panel{
  display:none;position:absolute;top:calc(100% + 10px);right:0;z-index:40;
  background:var(--card);border:1px solid var(--border-hover);border-radius:14px;
  padding:14px;min-width:220px;max-width:320px;max-height:340px;overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  flex-wrap:wrap;gap:8px;box-shadow:0 20px 45px rgba(0,0,0,0.55);
}
.filter-dd-panel-wide{min-width:280px;max-width:380px;}

/* پانێڵی «زیاتر»ی nav — بە fixed (نەک absolute) دادەنرێت و بە JS شوێنی
   خۆی دادەنرێت، چونکە دایکی خۆی (.nav-links) لە پانی ٨٨١-١٢٨٠پیکسەڵدا
   overflow-x:auto‌ی هەیە کە بەشێوەیەکی نادیار overflow-y‌یش دادەخات و
   پانێڵەکە نیوەی بۆ نیوە دەبڕێتەوە/دەشارێتەوە */
.nav-more-panel{position:fixed;top:auto;right:auto;}

/* ---------- فلتەری هەڵسەنگاندن بە ٢ بەش (IMDb + ZAGROS) ---------- */
.filter-subgroup{width:100%;margin-bottom:10px;}
.filter-subgroup-label{display:block;font-size:12px;font-weight:700;color:var(--border-hover);margin-bottom:8px;}
.filter-subgroup-pills{display:flex;flex-wrap:wrap;gap:6px;}
.filter-subgroup + .filter-subgroup{border-top:1px solid rgba(255,255,255,0.08);padding-top:10px;}
.filter-subgroup-hint{width:100%;font-size:11.5px;color:var(--text-secondary);margin:4px 0 0;}

/* ---------- year decade grouping ---------- */
.year-decade-quick{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.08);width:100%;}
.pill-decade{font-weight:700;}
.year-decade-group{width:100%;margin-bottom:4px;}
.year-decade-label{
  display:flex;align-items:center;justify-content:space-between;cursor:pointer;
  padding:8px 4px;font-size:13px;font-weight:700;color:var(--text);
  border-top:1px solid rgba(255,255,255,0.06);
}
.year-decade-label::after{content:'⌄';font-size:11px;color:var(--text-secondary);transition:transform .25s ease;}
.year-decade-group.open .year-decade-label::after{transform:rotate(180deg);}
.year-decade-years{display:none;flex-wrap:wrap;gap:6px;padding:6px 0 10px;}
.year-decade-group.open .year-decade-years{display:flex;}
.pill-sm{padding:5px 12px;font-size:12px;}
.filter-dd.open .filter-dd-panel{display:flex;}
.filter-dd-panel .pill{padding:7px 14px;font-size:13px;}

/* دوگمەی «زیاتر»ی nav وەک ئایتمە ئاساییەکانی نەڤیگەیشن دەردەکەوێت —
   بەبێ سنوور/پاشبنەمای تایبەت، هەرچەندە کلاسی .filter-dd-toggle‌ی هەیە
   بۆ فەرمانی dropdown، دەبێت پاشبنەما/سنووری هی filter-dd-toggle
   نەبینرێت لێرە (بڕوانە خوارەوە بۆ سڕینەوەی ئەو ستایلە) */
.filter-dd-toggle.nav-more-toggle{
  background:none;border:none;border-radius:8px;padding:8px clamp(10px, 1.2vw, 16px);
  font-family:inherit;font-size:clamp(13.5px, 0.9vw + 7px, 16px);
}

@media (max-width:880px){
  .filter-bar{gap:8px;}
  .filter-dd{position:static;}
  .filter-dd-toggle{padding:8px 14px;font-size:13px;flex:1;justify-content:center;}
  .filter-dd-panel{
    position:fixed;top:auto;bottom:0;left:0;right:0;
    border-radius:18px 18px 0 0;max-width:100%;z-index:200;
    -webkit-overflow-scrolling:touch;padding-bottom:calc(14px + env(safe-area-inset-bottom));
    /* تێبینی چاککردنەوە: vh لە مۆبایل سەفاری ئەو بەشەی لەپشت تووڵبار/ئەدرێس-
       بارەوەیە ڕادەگرێت، بۆیە پانێڵ دەچووە خوارەوەی بەشی دیارە و ناتوانرا
       هەموو بژاردەکان ببینرێن. svh/dvh تەنها ئەو بەشەی ڕاستەقینە دیارە
       دەگرێتەوە — وەک fallback پاشەوە دادەنرێن، بۆ وێبگەڕی نوێ زاڵ دەبن. */
    max-height:60vh;
    max-height:60dvh;
  }
  .filter-dd-panel .year-decade-years,
  .filter-dd-panel .filter-subgroup-pills{max-height:none;}
  .nav-more-dd{display:none;}
}

/* =====================================================
   هیرۆی سەرەکی «ئەمشەو چی ببینین؟» — کارۆسێلی گەورەی سەرەکی
   لاپەڕەی سەرەکی، وەک سایتە گەورەکانی سەیرکردنی ئۆنلاین
   ===================================================== */
.hero-spotlight{
  position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;
  aspect-ratio:21/9;height:auto;max-height:560px;min-height:320px;overflow:hidden;margin-bottom:46px;
  border-radius:0 0 28px 28px;box-shadow:0 24px 60px -26px rgba(0,0,0,0.7);
  /* پاشبنەمای گلۆوی سوور بۆ کاتێک بەرهەمێک وێنەی نییە (نەک ڕەشی سادە) —
     ئەم پاشبنەمایە تەنها بۆ دۆخی نەبوونی وێنەیە؛ کاتێک وێنە هەیە، پۆستەری
     بەرهەمەکە خۆی هەموو شوێنەکە داپۆشیوە و ئەم ڕەنگە نابینرێت */
  background:
    radial-gradient(ellipse 60% 55% at 25% 15%, rgba(var(--accent-rgb),0.22), transparent 60%),
    radial-gradient(ellipse 55% 50% at 85% 90%, rgba(var(--accent-rgb),0.14), transparent 60%),
    #0a0b0d;
}
/* دۆخی ڕووناک (سپی): کاتێک هیچ وێنەی پاشبنەما نییە، با هیرۆش وەک هەموو
   سایتەکە ببێتە سپی/ڕووناک لەبری ئەوەی هەمیشە تاریک بمێنێتەوە. کاتێک
   وێنەی بەرهەم هەیە، هیرۆ وەک خۆی (دۆخی ئاسایی خۆی) دەمێنێتەوە بەبێ گۆڕان،
   چونکە ئەوە پێویستە بۆ ڕوونی نووسین لەسەر وێنەکە */
[data-theme="light"] .hero-spotlight{
  background:
    radial-gradient(ellipse 60% 55% at 25% 15%, rgba(var(--accent-rgb),0.10), transparent 60%),
    radial-gradient(ellipse 55% 50% at 85% 90%, rgba(var(--accent-rgb),0.07), transparent 60%),
    var(--bg);
}
/* تەنها کاتێک وێنە نییە: سێبەرەکە کەمتر بکە و نووسینەکە بگۆڕە بۆ ڕەنگی
   دۆخی ڕووناک، بۆ ئەوەی بەسەر پاشبنەمای سپیدا بخوێنرێتەوە */
[data-theme="light"] .hero-slide.hero-slide-noimg .hero-slide-shade{background:none;}
[data-theme="light"] .hero-slide.hero-slide-noimg .hero-slide-title{color:var(--text);text-shadow:none;}
[data-theme="light"] .hero-slide.hero-slide-noimg .hero-slide-desc{color:var(--text-secondary);text-shadow:none;}
[data-theme="light"] .hero-slide.hero-slide-noimg .hero-slide-meta{color:var(--text-secondary);text-shadow:none;}
[data-theme="light"] .hero-slide.hero-slide-noimg .hero-badge-type{color:var(--text);border-color:rgba(0,0,0,0.15);background:rgba(0,0,0,0.05);}
.hero-spotlight-track{position:relative;width:100%;height:100%;}
.hero-slide{
  position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity 1s ease;
}
.hero-slide.active{opacity:1;visibility:visible;pointer-events:auto;}
.hero-slide-bg{
  position:absolute;inset:0;background-size:cover;background-position:center 18%;
  transform:scale(1.02);
}
.hero-slide-shade{
  position:absolute;inset:0;
  background:
    linear-gradient(to top, rgba(6,7,9,0.97) 0%, rgba(6,7,9,0.6) 30%, rgba(6,7,9,0.1) 58%, rgba(6,7,9,0.32) 100%),
    /* بەشی ٣٨: زانیاریەکان ئێستا لای ڕاستن (وەک نموونەی داواکراو)، بۆیە سێبەرەکەش
       دەبێت بۆ لای ڕاست بگۆڕدرێت بۆ خوێندنەوەی ڕوون */
    linear-gradient(to right, rgba(6,7,9,0.05) 0%, rgba(6,7,9,0.8) 100%);
}
.hero-slide-content{
  position:relative;z-index:2;height:100%;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;
  gap:22px;
  /* بەشی ٣٨: زانیاریەکان (ناونیشان/وەسف/دوگمەکان) لای ڕاستی هیرۆ دەچەسپێن،
     نەک لای چەپ — margin-inline-end:auto لە RTL دا بۆکسەکە دەبەستێتەوە بە
     لای ڕاستەوە (inline-start) و بۆشایی زیادە دەخاتە لای چەپ (inline-end) */
  padding:26px var(--gutter-formula) 40px;max-width:920px;margin-inline-end:auto;text-align:right;
}
.hero-slide-poster{
  flex:0 0 auto;width:150px;aspect-ratio:2/3;border-radius:14px;overflow:hidden;
  box-shadow:0 16px 38px rgba(0,0,0,0.55);border:2px solid rgba(255,255,255,0.18);
  display:none;
}
.hero-slide-poster img{width:100%;height:100%;object-fit:cover;display:block;}
.hero-slide-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;}
@media (min-width:761px){
  .hero-slide-poster{display:block;}
}
@media (min-width:761px) and (max-width:1024px){
  .hero-slide-poster{width:120px;}
}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;
  font-size:12px;font-weight:800;letter-spacing:1.5px;color:#fff;
  background:linear-gradient(90deg,var(--border-hover),var(--border));
  padding:5px 14px;border-radius:100px;box-shadow:0 4px 16px rgba(var(--accent-rgb),0.45);
}
.hero-badge-type{
  display:inline-block;margin-bottom:14px;background:rgba(255,255,255,0.12);backdrop-filter:blur(8px);
  color:#fff;border:1px solid rgba(255,255,255,0.22);
  font-size:12px;font-weight:700;padding:5px 14px;border-radius:100px;
}
.hero-slide-title{
  font-size:clamp(26px, 4.2vw, 48px);font-weight:900;color:#fff;line-height:1.22;margin-bottom:14px;
  text-shadow:0 4px 22px rgba(0,0,0,0.7);
}
.hero-slide-meta{
  display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px;
  font-size:14px;color:#e9e9e9;text-shadow:0 2px 8px rgba(0,0,0,0.6);
}
.hero-meta-rating{
  display:flex;align-items:center;gap:6px;color:#171717;font-weight:800;
  background:#ffc107;padding:4px 10px 4px 8px;border-radius:100px;box-shadow:0 2px 12px rgba(255,193,7,0.4);
}
.hero-meta-rating .stars{color:#171717;letter-spacing:1px;}
.hero-meta-age{background:rgba(255,255,255,0.14);padding:2px 9px;border-radius:5px;font-size:12px;}
.hero-slide-desc{
  font-size:15.5px;line-height:1.85;color:#dcdcdc;margin-bottom:20px;
  text-shadow:0 2px 10px rgba(0,0,0,0.55);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.hero-cast-row{display:flex;gap:10px;margin-bottom:22px;justify-content:flex-start;}
.hero-cast-row .staff-photo{width:52px;height:52px;margin:0;border-width:2px;border-color:rgba(255,255,255,0.55);box-shadow:0 2px 10px rgba(0,0,0,0.5);}
.hero-slide-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;}
.hero-btn-play{background:var(--border-hover);color:#fff;font-weight:700;box-shadow:0 8px 22px -8px rgba(var(--accent-rgb),0.65);}
.hero-btn-play:hover{background:#fff;color:#000;}
.hero-btn-info{background:rgba(255,255,255,0.14);backdrop-filter:blur(6px);color:#fff;}
.hero-btn-info:hover{background:rgba(255,255,255,0.28);}

.hero-spotlight-dots{position:absolute;bottom:22px;right:6%;z-index:3;display:flex;gap:8px;} /* بەشی ٣٨: لەگەڵ زانیاریەکان بۆ لای ڕاست گواسترایەوە */
.hero-dot{
  width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,0.35);border:none;
  cursor:pointer;padding:0;transition:all .3s ease;
}
.hero-dot.active{background:var(--border-hover);width:26px;border-radius:6px;}

.hero-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,0.35);color:#fff;
  border:1px solid rgba(255,255,255,0.25);font-size:20px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:all .25s ease;
  backdrop-filter:blur(6px);
}
.hero-arrow:hover{background:rgba(var(--accent-rgb),0.65);}
.hero-arrow-prev{right:20px;}
.hero-arrow-next{left:20px;}

@media (max-width:880px){
  .hero-spotlight{aspect-ratio:16/9;max-height:420px;min-height:260px;border-radius:0 0 20px 20px;}
  .hero-arrow{display:none;}
}
@media (max-width:600px){
  .hero-spotlight{aspect-ratio:4/3;max-height:340px;min-height:240px;border-radius:0 0 18px 18px;}
  .hero-slide-content{padding:18px var(--gutter-formula) 26px;max-width:100%;}
  .hero-slide-title{font-size:24px;}
  .hero-slide-desc{-webkit-line-clamp:2;font-size:14px;}
  .hero-cast-row .staff-photo{width:42px;height:42px;}
  .hero-slide-actions .btn{padding:10px 18px;font-size:13px;}
  .hero-spotlight-dots{bottom:14px;}
}

/* ---------- series status badge ---------- */
.badge-status{
  position:absolute;top:44px;right:10px;z-index:3;
  font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px;
  backdrop-filter:blur(4px);
}
.badge-status.ongoing{background:rgba(var(--accent-rgb),0.85);color:#fff;}
.badge-status.completed{background:rgba(76,175,80,0.85);color:#fff;}
.status-inline{font-weight:700;padding:4px 10px;border-radius:6px;font-size:13px;}
.status-inline.ongoing{background:rgba(var(--accent-rgb),0.18);color:var(--border-hover);}
.status-inline.completed{background:rgba(76,175,80,0.18);color:#4caf50;}

/* ---------- staff / crew grid page ---------- */
.staff-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(150px,1fr));gap:26px;margin-top:20px;}
.staff-card{text-align:center;}
.staff-photo{
  width:120px;height:120px;border-radius:50%;margin:0 auto 12px;overflow:hidden;
  border:2px solid var(--border);background:var(--card);
}
.staff-photo img{width:100%;height:100%;object-fit:cover;}
.staff-photo.placeholder{display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--text-secondary);}
.staff-name{font-weight:700;color:var(--text);font-size:15px;margin-bottom:4px;}
.staff-role{font-size:12px;color:var(--border-hover);margin-bottom:6px;}
.staff-stats{font-size:12px;color:var(--text-secondary);}

@media (max-width:600px){
  .staff-grid{grid-template-columns:repeat(auto-fill, minmax(110px,1fr));gap:16px;}
  .staff-photo{width:88px;height:88px;}
}

/* ---------- extra responsive polish (tablet) ---------- */
@media (min-width:761px) and (max-width:1024px){
  .grid{grid-template-columns:repeat(auto-fill, minmax(180px,1fr));}
  .content-wrap{gap:20px;}
  .sidebar-col{width:240px;}
}
@media (max-width:480px){
  .hero h1{font-size:28px;}
  .hero p{font-size:15px;}
  .search-box{padding:12px 16px;}
  .section{padding-inline:var(--gutter-formula);padding-block-end:clamp(2rem, 10vw, 3.2rem);}
}

/* ---------- theme switcher ---------- */
.theme-switcher{
  display:flex;align-items:center;gap:14px;padding:0 10px;
}
.mode-toggle{
  position:relative;width:56px;height:30px;border-radius:100px;
  background:var(--btn);border:1px solid rgba(var(--accent-rgb),0.35);
  cursor:pointer;flex-shrink:0;transition:background .4s ease, border-color .4s ease;
}
.mode-toggle .knob{
  position:absolute;top:2px;right:2px;width:24px;height:24px;border-radius:50%;
  background:linear-gradient(135deg, var(--border-hover), var(--border));
  display:flex;align-items:center;justify-content:center;font-size:13px;
  transition:transform .45s cubic-bezier(.34,1.56,.64,1), background .4s ease;
  box-shadow:0 2px 10px rgba(var(--accent-rgb),0.5);
}
[data-theme="light"] .mode-toggle .knob{transform:translateX(-26px);}
.mode-toggle .knob .icon{
  display:inline-block;transition:transform .5s ease, opacity .3s ease;
}
.mode-toggle:hover .knob{box-shadow:0 2px 16px rgba(var(--accent-rgb),0.75);}

@media (max-width:760px){
  .theme-switcher{padding:10px 4px;justify-content:center;order:3;flex-basis:100%;}
}

/* ---------- account dropdown (nav avatar menu) ---------- */
.nav-account-icon{display:flex;align-items:center;padding:4px;border-radius:50%;transition:box-shadow .2s ease;}
.nav-account-icon-highlight{box-shadow:0 0 0 2px rgba(251,191,36,0.65);}
.nav-account-icon-highlight:hover{box-shadow:0 0 0 2px #fbbf24, 0 0 14px rgba(251,191,36,0.5);}
.nav-account-icon:hover{box-shadow:0 0 0 2px rgba(var(--accent-rgb),0.45);}
.nav-account-icon img{border-radius:50%;object-fit:cover;display:block;}
.nav-account-icon-guest{
  width:34px;height:34px;justify-content:center;padding:0;
  background:var(--btn);color:var(--text-secondary);border:1px solid rgba(255,255,255,0.08);
}
.nav-account-icon-guest:hover{background:var(--border-hover);color:#fff;box-shadow:none;}

/* بەشی نوێ: ڕیزی کۆتایی پەڕەی هەژمار (بینینی پڕۆفایل/لیستی من/پێشەنگان/چوونەدەرەوە) */
.profile-bottom-actions{
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:36px 0 10px;
  padding-top:24px;border-top:1px solid rgba(var(--accent-rgb),0.15);
}
.profile-logout-row{display:flex;justify-content:center;margin:18px 0 30px;}
.account-dd-toggle{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;}
.account-dd-toggle img{border-radius:50%;object-fit:cover;}
.account-name{font-size:14px;font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.account-dd-panel{min-width:200px;flex-direction:column;padding:8px;}
.account-dd-item{
  display:block;padding:10px 14px;border-radius:8px;color:var(--text);font-size:14px;
  transition:background .2s ease;white-space:nowrap;
}
.account-dd-item:hover{background:rgba(var(--accent-rgb),0.15);}

/* ---------- public profile page ---------- */
/* تێبینی چاککردنەوە: پێشتر .profile-avatar-wrap لەناو .profile-cover دابوو کە
   overflow:hidden‌ی هەبوو — بۆیە نیوەی وێنەی پڕۆفایل دەبڕایەوە/نادیار دەبوو.
   ئێستا .profile-avatar-wrap کوڕی .profile-cover-wrap‌ە (هاوتای .profile-cover)،
   بۆیە overflow:hidden‌ی کۆڤەرەکە کاریگەری لەسەری نامێنێت. */
.profile-cover-wrap{position:relative;margin-bottom:78px;}
.profile-cover{
  position:relative;height:240px;border-radius:16px;
  background-color:var(--card);
  background-image:radial-gradient(ellipse 70% 90% at 30% 20%, rgba(var(--accent-rgb),0.16), transparent 60%),
                   radial-gradient(ellipse 60% 80% at 85% 90%, rgba(var(--accent-rgb),0.10), transparent 60%);
  background-size:cover;background-position:center top;
  border:1px solid rgba(var(--accent-rgb),0.22);overflow:hidden;
}
.profile-cover::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to top, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.05) 55%, rgba(0,0,0,0.15) 100%);
}
.profile-avatar-wrap{
  position:absolute;bottom:-58px;right:34px;width:124px;height:124px;border-radius:50%;
  border:4px solid var(--bg);background:var(--card);overflow:hidden;z-index:2;
  box-shadow:0 10px 28px rgba(0,0,0,0.5), 0 0 0 3px rgba(var(--accent-rgb),0.4);
}
.profile-avatar-wrap img{width:100%;height:100%;object-fit:cover;}
.profile-header{text-align:center;margin-bottom:30px;}
.profile-header h1{font-size:27px;margin-bottom:4px;font-weight:800;}
.profile-username{color:var(--text-secondary);font-size:14px;margin-bottom:14px;}
.profile-bio{color:var(--text-secondary);font-size:15px;max-width:500px;margin:0 auto 16px;line-height:1.8;}
.profile-stats{display:flex;justify-content:center;gap:30px;margin:16px 0;color:var(--text-secondary);font-size:14px;}
.profile-stats strong{color:var(--text);font-size:16px;}
.follow-btn{background:var(--border-hover);color:#fff;}
.follow-btn.active{background:var(--btn);color:var(--text);border:1px solid var(--border-hover);}

.social-links-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:16px;}
.social-chip{
  background:var(--btn);color:var(--text-secondary);padding:6px 14px;border-radius:100px;
  font-size:13px;transition:all .25s ease;
}
.social-chip:hover{background:var(--border-hover);color:#fff;transform:translateY(-2px);}

.profile-tabs{
  display:flex;justify-content:center;gap:6px;margin-bottom:24px;flex-wrap:wrap;
  background:var(--btn);border-radius:100px;padding:6px;max-width:fit-content;margin-inline:auto;
}

/* بەشی ٥١-٥٢ — ئارەزووەکان و دەستکەوتەکانی پرۆفایل */
.profile-extra-sections{display:flex;flex-direction:column;gap:16px;margin:0 0 28px;padding:0 4%;}
.profile-section-card{
  background:var(--card);border:1px solid rgba(var(--accent-rgb),0.18);border-radius:16px;
  padding:20px 22px;
}
.profile-section-title{
  font-size:15px;font-weight:800;color:var(--border-hover);margin:0 0 14px;
  display:flex;align-items:center;gap:8px;
}
.profile-section-count{
  font-size:12px;font-weight:700;color:var(--text-secondary);background:var(--btn);
  border-radius:100px;padding:2px 10px;margin-inline-start:auto;
}
.profile-section-card .tags-container{display:flex;flex-wrap:wrap;gap:9px;}
.profile-section-card .tag{
  background:rgba(var(--accent-rgb),0.1);border:1px solid rgba(var(--accent-rgb),0.35);
  color:var(--text);padding:7px 16px;border-radius:100px;font-size:13.5px;font-weight:600;
}
.achievements-grid{
  display:grid;grid-template-columns:repeat(auto-fill, minmax(148px, 1fr));gap:14px;
}
.achievement-badge{
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;
  background:var(--btn);border:1px solid rgba(255,255,255,0.06);border-radius:16px;
  padding:20px 12px;transition:transform .2s ease, border-color .2s ease;
}
.achievement-badge.unlocked{border-color:rgba(var(--accent-rgb),0.4);box-shadow:0 6px 18px -10px rgba(var(--accent-rgb),0.6);}
.achievement-badge.unlocked:hover{transform:translateY(-3px);}
/* تەنها ئایکۆنەکە کاڵ/ڕەشوسپی دەبێت — دەقی مەرجی وەرگرتن ڕوون و خوێندنەوەی ئاسان دەمێنێتەوە */
.achievement-badge.locked{border-color:rgba(255,255,255,0.05);}
.achievement-badge.locked .achievement-icon{opacity:.35;filter:grayscale(1);}
.achievement-badge.locked .achievement-title{opacity:.75;}
.achievement-icon{font-size:28px;line-height:1;}
.achievement-title{font-size:13px;font-weight:800;color:var(--text);}
.achievement-desc{font-size:11.5px;color:var(--text-secondary);line-height:1.6;}
.achievement-badge.locked .achievement-desc{color:var(--border-hover);font-weight:600;}
.achievements-legend{
  font-size:12.5px;color:var(--text-secondary);margin-bottom:14px;
  display:flex;align-items:center;gap:6px;
}
@media (max-width:600px){
  .profile-extra-sections{padding:0 5%;}
  .profile-section-card{padding:16px;}
  .achievements-grid{grid-template-columns:repeat(auto-fill, minmax(110px, 1fr));gap:10px;}
  .achievement-badge{padding:16px 8px;}
  .achievement-icon{font-size:24px;}
  .achievement-title{font-size:12px;}
  .achievement-desc{font-size:10.5px;}
}
.profile-tab{
  background:none;border:none;color:var(--text-secondary);padding:10px 18px;font-size:13.5px;font-weight:700;
  cursor:pointer;border-radius:100px;transition:all .25s ease;
}
.profile-tab.active{color:#fff;background:var(--border-hover);box-shadow:0 4px 14px -4px rgba(var(--accent-rgb),0.65);}
.profile-tab:hover:not(.active){color:var(--text);background:rgba(255,255,255,0.05);}

.review-item{background:var(--card);border:1px solid rgba(var(--accent-rgb),0.2);border-radius:12px;padding:16px 18px;margin-bottom:14px;}
.review-title{font-weight:700;color:var(--border-hover);display:block;margin-bottom:6px;}
.review-text{color:var(--text-secondary);font-size:14px;line-height:1.8;margin-bottom:6px;}
.review-date{color:var(--text-secondary);font-size:12px;}

@media (max-width:600px){
  .profile-cover-wrap{margin-bottom:58px;}
  .profile-cover{height:140px;}
  .profile-avatar-wrap{width:88px;height:88px;bottom:-44px;right:50%;transform:translateX(50%);}
  .profile-header{margin-top:20px;}
  .account-name{display:none;}
  .profile-tabs{
    flex-wrap:nowrap;overflow-x:auto;max-width:100%;justify-content:flex-start;
    scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;
  }
  .profile-tabs::-webkit-scrollbar{display:none;}
  .profile-tab{white-space:nowrap;flex:0 0 auto;}
}

/* ---------- mark-watched button ---------- */
.mark-watched-btn{
  display:inline-flex;align-items:center;gap:6px;
  background:transparent;border:1px solid rgba(76,175,80,0.4);color:#4caf50;
  border-radius:8px;padding:8px 16px;font-family:'Vazirmatn';font-size:14px;font-weight:600;
  cursor:pointer;transition:all .22s ease;
}
.mark-watched-btn:hover{background:rgba(76,175,80,0.12);border-color:#4caf50;}
.mark-watched-btn.active{background:rgba(76,175,80,0.18);border-color:#4caf50;}

/* ---------- series fully-watched badge ---------- */
.series-fully-watched{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(76,175,80,0.15);border:1px solid rgba(76,175,80,0.5);
  color:#4caf50;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:700;
}

/* =========================================================
   چات و هاوڕێیەتی — نامەی گشتی + نامەی تایبەت
   ========================================================= */

/* ---------- هێمای چات لە نەڤیگەیشن ---------- */
.nav-chat-icon{
  position:relative;font-size:19px;text-decoration:none;color:var(--text);
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;transition:var(--transition-theme);
}
.nav-chat-icon:hover{background:rgba(var(--accent-rgb),0.12);}
.nav-chat-badge{
  position:absolute;top:-2px;left:-4px;background:var(--border-hover);color:#fff;
  font-size:10px;font-weight:800;min-width:16px;height:16px;border-radius:20px;
  display:flex;align-items:center;justify-content:center;padding:0 4px;
  box-shadow:0 0 0 2px var(--bg);
}
.nav-chat-badge-mobile{position:static;display:inline-flex;margin-inline-start:6px;box-shadow:none;}

/* ---------- دڵۆپدانی ئاگادارکردنەوەکان (🔔) ---------- */
.notif-dd{position:relative;}
.notif-dd .filter-dd-toggle{background:none;border:none;cursor:pointer;padding:0;}
.notif-dd-panel{
  position:absolute;inset-inline-end:0;top:calc(100% + 10px);width:340px;max-width:88vw;
  background:var(--card);border:1px solid rgba(var(--accent-rgb),0.2);border-radius:16px;
  box-shadow:0 14px 40px rgba(0,0,0,0.22);overflow:hidden;z-index:200;
  display:none;flex-direction:column;max-height:420px;
}
.notif-dd.open .notif-dd-panel{display:flex;}
.notif-dd-title{padding:14px 16px;font-weight:800;font-size:14px;border-bottom:1px solid rgba(var(--accent-rgb),0.15);}
.notif-list{overflow-y:auto;flex:1;}
.notif-loading,.notif-empty{padding:30px 16px;text-align:center;color:var(--text-secondary);font-size:13px;}
.notif-item{
  display:block;padding:12px 16px;border-bottom:1px solid rgba(var(--accent-rgb),0.08);text-decoration:none;
  color:var(--text);font-size:13px;line-height:1.7;transition:background .15s ease;position:relative;
}
.notif-item:last-child{border-bottom:none;}
.notif-item:hover{background:rgba(var(--accent-rgb),0.06);}
.notif-item.unread{background:rgba(var(--accent-rgb),0.08);}
.notif-item.unread::before{content:"";position:absolute;inset-inline-start:6px;top:18px;width:7px;height:7px;border-radius:50%;background:var(--border-hover);}
.notif-item{padding-inline-start:24px;}
.notif-item-time{display:block;color:var(--text-secondary);font-size:11px;margin-top:3px;}

@media (max-width:760px){
  .notif-dd-panel{position:fixed;inset-inline:10px;top:64px;width:auto;max-width:none;}
}

/* ---------- دوگمەکانی هاوڕێیەتی لە پڕۆفایلی گشتیدا ---------- */
.profile-action-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;}
.friend-action-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.friend-btn{background:rgba(var(--accent-rgb),0.12);color:var(--text);border:1px solid rgba(var(--accent-rgb),0.4);}
.friend-btn:hover{background:var(--border-hover);color:#fff;}
.friend-btn.active{background:var(--btn);color:var(--text-secondary);cursor:default;}
.friend-btn.active:hover{background:var(--btn);color:var(--text-secondary);box-shadow:none;transform:none;}
.btn-ghost-sm{
  background:transparent;border:1px solid rgba(var(--accent-rgb),0.3);color:var(--text-secondary);
  padding:11px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease;
  display:inline-flex;align-items:center;gap:4px;text-decoration:none;
}
.btn-ghost-sm:hover{border-color:#e53935;color:#e53935;background:rgba(229,57,53,0.08);}

/* ---------- پەڕەی چات: پێکهاتەی گشتی (ڕووکاری نوێ و مۆدێرن) ---------- */
.chat-page{
  display:grid;grid-template-columns:300px 1fr;gap:0;
  background:var(--card);border:1px solid rgba(var(--accent-rgb),0.2);border-radius:20px;
  overflow:hidden;min-height:600px;max-height:78vh;
  box-shadow:0 12px 40px rgba(0,0,0,0.18);
}
.chat-sidebar{
  border-inline-end:1px solid rgba(var(--accent-rgb),0.15);display:flex;flex-direction:column;
  background:rgba(var(--accent-rgb),0.035);overflow:hidden;
}
.chat-sidebar-tabs{display:flex;border-bottom:1px solid rgba(var(--accent-rgb),0.15);flex-shrink:0;}
.chat-sidebar-tab{
  flex:1;background:none;border:none;color:var(--text-secondary);padding:14px 6px;font-size:12.5px;
  font-weight:700;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;
  position:relative;font-family:'Noto Kufi Arabic',sans-serif;
}
.chat-sidebar-tab.active{color:var(--border-hover);border-bottom-color:var(--border-hover);}
.chat-sidebar-tab:hover{color:var(--text);}
.chat-badge{
  display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;
  background:var(--border-hover);color:#fff;font-size:10px;font-weight:800;border-radius:20px;
  padding:0 4px;margin-inline-start:4px;
}
.chat-badge.hidden{display:none;}

.chat-sidebar-panel{flex:1;overflow-y:auto;padding:8px;}
.chat-empty-state{padding:40px 16px;font-size:13.5px;line-height:1.9;}

.chat-list-item{
  width:100%;display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;
  padding:10px;border-radius:14px;text-align:right;transition:background .2s ease,transform .15s ease;position:relative;
  font-family:'Vazirmatn';
}
.chat-list-item:hover{background:rgba(var(--accent-rgb),0.08);}
.chat-list-item.active{background:rgba(var(--accent-rgb),0.18);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),0.25);}
.chat-list-avatar{flex-shrink:0;width:44px;height:44px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px rgba(var(--accent-rgb),0.15);}
.chat-list-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.chat-public-avatar{background:linear-gradient(135deg,rgba(var(--accent-rgb),0.25),rgba(var(--accent-rgb),0.1));font-size:20px;}
.chat-list-info{display:flex;flex-direction:column;overflow:hidden;flex:1;text-decoration:none;}
.chat-list-name{color:var(--text);font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.chat-list-sub{color:var(--text-secondary);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.chat-unread-dot{width:9px;height:9px;border-radius:50%;background:var(--border-hover);flex-shrink:0;box-shadow:0 0 0 3px rgba(var(--accent-rgb),0.2);}

.chat-requests-heading{color:var(--text-secondary);font-size:12.5px;font-weight:700;margin:14px 10px 8px;}
.chat-request-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;min-width:0;direction:rtl;}
.chat-request-row:hover{background:rgba(var(--accent-rgb),0.06);}
.chat-request-row .chat-list-info{min-width:0;}
.chat-request-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto;}
.chat-req-accept,.chat-req-decline,.chat-req-cancel{
  border:1px solid rgba(var(--accent-rgb),0.3);background:transparent;color:var(--text-secondary);
  border-radius:8px;cursor:pointer;font-size:12px;font-weight:700;padding:6px 10px;transition:all .2s ease;
  font-family:'Vazirmatn';
}
.chat-req-accept{color:#4caf50;border-color:rgba(76,175,80,0.4);}
.chat-req-accept:hover{background:rgba(76,175,80,0.15);}
.chat-req-decline,.chat-req-cancel{color:#e53935;}
.chat-req-decline:hover,.chat-req-cancel:hover{background:rgba(229,57,53,0.12);}

/* ---------- ناوچەی سەرەکی چات ---------- */
.chat-main{display:flex;flex-direction:column;min-width:0;background:
  radial-gradient(circle at 15% 0%, rgba(var(--accent-rgb),0.05), transparent 40%),
  radial-gradient(circle at 85% 100%, rgba(var(--accent-rgb),0.04), transparent 40%);
}
.chat-main-header{
  display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid rgba(var(--accent-rgb),0.15);
  flex-shrink:0;background:rgba(var(--accent-rgb),0.04);backdrop-filter:blur(6px);
}
.chat-main-header .chat-list-name{font-size:15px;}
.chat-block-btn{
  margin-inline-start:auto;flex-shrink:0;background:transparent;border:1px solid rgba(229,57,53,0.35);
  color:#e53935;border-radius:10px;padding:8px 14px;font-size:12.5px;font-weight:700;cursor:pointer;
  font-family:'Vazirmatn';transition:all .2s ease;
}
.chat-block-btn:hover{background:rgba(229,57,53,0.12);}
.chat-block-btn[data-blocked="1"]{color:#4caf50;border-color:rgba(76,175,80,0.4);}
.chat-block-btn[data-blocked="1"]:hover{background:rgba(76,175,80,0.15);}

.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:4px;}
.chat-loading{color:var(--text-secondary);text-align:center;padding:40px;font-size:14px;}

.chat-bubble-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:12px;max-width:78%;animation:zagrosChatIn .18s ease;}
@keyframes zagrosChatIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
.chat-bubble-row.me{flex-direction:row-reverse;margin-inline-start:auto;}
.chat-bubble-avatar{flex-shrink:0;width:30px;height:30px;border-radius:50%;overflow:hidden;display:block;box-shadow:0 0 0 2px rgba(var(--accent-rgb),0.15);}
.chat-bubble-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.chat-bubble{
  background:var(--btn);border-radius:18px 18px 18px 4px;padding:10px 14px;position:relative;
  box-shadow:0 2px 10px rgba(0,0,0,0.06);
}
.chat-bubble-row.me .chat-bubble{background:linear-gradient(135deg,var(--border-hover),rgba(var(--accent-rgb),0.85));border-radius:18px 18px 4px 18px;color:#fff;}
.chat-bubble-name{display:block;font-size:12px;font-weight:800;color:var(--border-hover);margin-bottom:3px;text-decoration:none;}
.chat-bubble-row.me .chat-bubble-name{color:rgba(255,255,255,0.85);}
.chat-streak-badge{
  display:inline-flex;align-items:center;gap:2px;margin-inline-start:6px;
  font-size:11px;font-weight:800;color:#ffa726;background:rgba(255,167,38,0.14);
  border:1px solid rgba(255,167,38,0.3);border-radius:20px;padding:1px 7px;vertical-align:middle;
}
.chat-bubble-text{font-size:14px;line-height:1.75;color:var(--text);word-break:break-word;}
.chat-bubble-row.me .chat-bubble-text{color:#fff;}
.chat-bubble-time{font-size:10.5px;color:var(--text-secondary);margin-top:4px;text-align:left;}
.chat-bubble-row.me .chat-bubble-time{color:rgba(255,255,255,0.7);}
.chat-bubble-image{display:block;max-width:220px;max-height:280px;border-radius:12px;margin-bottom:6px;cursor:pointer;object-fit:cover;}
.chat-bubble-audio{display:block;margin-bottom:6px;max-width:220px;height:38px;}

.chat-input-form{
  display:flex;align-items:flex-end;gap:8px;padding:14px 18px;border-top:1px solid rgba(var(--accent-rgb),0.15);
  flex-shrink:0;background:rgba(var(--accent-rgb),0.02);position:relative;
}
.chat-input-form.chat-input-disabled textarea{opacity:.5;cursor:not-allowed;}
.chat-tool-btn{
  flex-shrink:0;background:var(--btn);border:1px solid rgba(var(--accent-rgb),0.2);color:var(--text-secondary);
  border-radius:12px;width:42px;height:42px;font-size:18px;cursor:pointer;transition:all .2s ease;
  display:flex;align-items:center;justify-content:center;
}
.chat-tool-btn:hover{background:rgba(var(--accent-rgb),0.12);color:var(--text);}
.chat-tool-btn:disabled{opacity:.4;cursor:not-allowed;}
.chat-tool-btn.hidden{display:none;}
.chat-voice-btn.recording{background:#e53935;color:#fff;border-color:#e53935;animation:zagrosPulse 1.2s infinite;}
@keyframes zagrosPulse{0%{box-shadow:0 0 0 0 rgba(229,57,53,0.5);}70%{box-shadow:0 0 0 10px rgba(229,57,53,0);}100%{box-shadow:0 0 0 0 rgba(229,57,53,0);}}
.chat-attach-preview{
  position:absolute;bottom:100%;right:18px;margin-bottom:8px;background:var(--card);border:1px solid rgba(var(--accent-rgb),0.25);
  border-radius:12px;padding:8px 12px;display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--text);
  box-shadow:0 6px 18px rgba(0,0,0,0.15);
}
.chat-attach-preview button{background:transparent;border:none;color:#e53935;cursor:pointer;font-size:14px;font-weight:800;}
.chat-input-form textarea{
  flex:1;resize:none;max-height:120px;background:var(--btn);border:1px solid rgba(var(--accent-rgb),0.25);
  border-radius:16px;padding:11px 16px;color:var(--text);font-family:'Vazirmatn';font-size:14px;line-height:1.6;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.chat-input-form textarea:focus{outline:none;border-color:var(--border-hover);box-shadow:0 0 0 3px rgba(var(--accent-rgb),0.15);}
.chat-send-btn{flex-shrink:0;padding:12px 22px;border-radius:14px;}

@media (max-width:760px){
  .chat-page{grid-template-columns:1fr;max-height:none;border-radius:14px;}
  .chat-sidebar{max-height:280px;border-inline-end:none;border-bottom:1px solid rgba(var(--accent-rgb),0.15);}
  .chat-bubble-row{max-width:90%;}
  .chat-bubble-image{max-width:170px;}
  .profile-action-buttons{flex-direction:column;align-items:stretch;}
  .friend-action-row{flex-direction:column;align-items:stretch;}
  .chat-request-row{align-items:flex-start;}
  .chat-request-actions{margin-inline-start:auto;}
}

/* =========================================================
   هێزی وشەی نهێنی (Password Strength) — تۆمارکردن و گەڕاندنەوە
   ========================================================= */
.pw-strength-wrap{margin:-8px 0 12px;}
.pw-strength-bar{width:100%;height:6px;border-radius:6px;background:var(--btn);overflow:hidden;}
.pw-strength-fill{height:100%;width:0%;border-radius:6px;transition:width .25s ease, background-color .25s ease;background:#e53935;}
.pw-strength-label{display:block;margin-top:5px;font-size:12px;font-weight:700;color:var(--text-secondary);}

/* بەشی نوێ: مەرجەکانی وشەی نهێنی ئێستا بە بنەڕەت داخراوە (بۆ کورتکردنەوەی
   فۆرمی تۆمارکردن) — بە دوگمەیەکی بچووک یان دەستپێکردنی نووسین دەکرێتەوە،
   بە گواستنەوەیەکی نەرم (نەک بە نەکاو/جهش) */
.pw-rules-toggle{
  background:none;border:none;color:var(--text-secondary);font-size:12.5px;font-weight:600;
  cursor:pointer;padding:6px 0;display:flex;align-items:center;gap:5px;
  font-family:inherit;margin-bottom:2px;
}
.pw-rules-toggle:hover{color:var(--border-hover);}
.pw-rules-toggle .chev{font-size:10px;transition:transform .25s ease;color:var(--text-secondary);}
.pw-rules-toggle[aria-expanded="true"] .chev{transform:rotate(180deg);}

.pw-rules-list{
  list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;
  max-height:0;overflow:hidden;opacity:0;
  transition:max-height .3s ease, opacity .25s ease, margin .3s ease;
}
.pw-rules-list.pw-rules-open{max-height:220px;opacity:1;margin:2px 0 16px;}
.pw-rules-list li{
  font-size:12.5px;color:var(--text-secondary);padding-inline-start:22px;position:relative;transition:color .2s ease;
}
.pw-rules-list li::before{
  content:"✕";position:absolute;inset-inline-start:0;color:#e53935;font-weight:800;font-size:11px;top:1px;
}
.pw-rules-list li.ok{color:#4caf50;}
.pw-rules-list li.ok::before{content:"✓";color:#4caf50;}

/* پەیامی سووچ بۆ هەڵسەنگاندنی هێشتا دەنگی کەم وەرگرتووە (weighted rating) */
.rating-provisional-note{
  font-size:11.5px;color:var(--text-secondary);background:rgba(var(--accent-rgb),0.08);
  border:1px solid rgba(var(--accent-rgb),0.2);border-radius:8px;padding:6px 10px;margin:-4px 0 12px;
  display:inline-block;line-height:1.6;
}

/* =========================================================
   بەشی ٣٠ — سیستەمی خاڵ، ئاست، پێشەنگان (Points / Levels / Leaderboard)
   ========================================================= */

/* ---------- بازنەی ئاست (level badge) — لای ناوی بەکارهێنەر لە هەموو شوێنێک ---------- */
.level-badge{
  display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--level-color) 16%, transparent);
  border:1px solid color-mix(in srgb, var(--level-color) 45%, transparent);color:var(--level-color);
  border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700;white-space:nowrap;vertical-align:middle;
}
.level-badge-md{font-size:13px;padding:4px 12px;}
.level-badge-icon{font-size:13px;}

/* ---------- پلەی پێشەنگاندا لەسەر پڕۆفایل (نموونە: پلەی ٣ لە پێشەنگاندا) ---------- */
.profile-rank-badge{
  display:inline-flex;align-items:center;gap:6px;margin:6px auto 0;width:fit-content;
  background:rgba(var(--accent-rgb),0.12);border:1px solid rgba(var(--accent-rgb),0.35);color:var(--border-hover);
  border-radius:20px;padding:4px 14px;font-size:13px;font-weight:700;
}
.profile-birthdate{
  margin:8px auto 0;color:var(--text-secondary);font-size:13px;
}

/* ---------- ویجێتی خاڵ/ئاست (page-account.php dashboard) ---------- */
.points-widget{
  background:linear-gradient(135deg, color-mix(in srgb, var(--level-color) 14%, var(--card)), var(--card));
  border:1px solid color-mix(in srgb, var(--level-color) 35%, transparent);
  border-radius:16px;padding:18px 20px;margin:18px 0 24px;
}
.points-widget-top{display:flex;align-items:center;gap:14px;}
.points-widget-icon{font-size:34px;line-height:1;}
.points-widget-info{flex:1;}
.points-widget-level{font-weight:800;font-size:16px;color:var(--text);}
.points-widget-points{font-size:13px;color:var(--text-secondary);margin-top:2px;}
.points-widget-leaderboard-link{
  background:var(--btn);color:var(--text);text-decoration:none;font-size:13px;font-weight:600;
  padding:8px 14px;border-radius:20px;white-space:nowrap;transition:all .2s ease;
}
.points-widget-leaderboard-link:hover{background:var(--level-color);color:#fff;}
.points-widget-streak{
  display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:14px;
  border-top:1px solid color-mix(in srgb, var(--level-color) 25%, transparent);
  font-size:13px;color:var(--text-secondary);
}
.points-widget-streak-icon{font-size:18px;line-height:1;}
.points-widget-streak strong{color:var(--text);font-size:15px;}
.points-widget-bar-track{background:rgba(255,255,255,0.08);border-radius:20px;height:8px;margin-top:16px;overflow:hidden;}
[data-theme="light"] .points-widget-bar-track{background:rgba(0,0,0,0.08);}
.points-widget-bar-fill{background:var(--level-color);height:100%;border-radius:20px;transition:width .5s ease;}
.points-widget-next{font-size:12.5px;color:var(--text-secondary);margin-top:8px;}

/* ---------- پەڕەی پێشەنگان (page-peshengan.php) ---------- */
.peshengan-header{margin-bottom:6px;}
.peshengan-sub{color:var(--text-secondary);font-size:14px;margin:-4px 0 20px;}
.peshengan-my-rank{color:var(--text-secondary);font-size:14px;margin-bottom:20px;}
.peshengan-my-rank strong{color:var(--border-hover);font-size:16px;}

.peshengan-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:12px;align-items:end;margin:24px 0 30px;}
.podium-card{
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;
  background:linear-gradient(180deg, rgba(var(--accent-rgb),0.05), var(--card) 40%);
  border:1px solid rgba(255,255,255,0.08);border-radius:16px;
  padding:20px 12px 16px;text-decoration:none;color:var(--text);position:relative;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.podium-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,0.25);border-color:rgba(var(--accent-rgb),0.4);}
.podium-place-1{order:2;padding-top:28px;border-color:rgba(255,193,7,0.5);box-shadow:0 0 30px rgba(255,193,7,0.15);}
.podium-place-2{order:1;}
.podium-place-3{order:3;}
.podium-rank{position:absolute;top:10px;right:12px;font-size:12px;font-weight:800;color:var(--text-secondary);}
.podium-medal{font-size:26px;}
.podium-avatar img{border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--card), 0 0 0 3.5px rgba(var(--accent-rgb),0.4);}
.podium-name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.podium-level{font-size:11.5px;font-weight:700;color:var(--level-color);}
.podium-points{font-size:12.5px;color:var(--text-secondary);}

.peshengan-list{display:flex;flex-direction:column;gap:10px;}
.peshengan-row{
  display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid rgba(255,255,255,0.06);
  border-radius:14px;padding:12px 16px;text-decoration:none;color:var(--text);transition:all .2s ease;
}
.peshengan-row:hover{border-color:var(--border-hover);transform:translateX(-3px);box-shadow:0 8px 22px rgba(var(--accent-rgb),0.12);}
.peshengan-row.is-me{border-color:var(--border-hover);background:rgba(var(--accent-rgb),0.08);box-shadow:0 0 0 1px rgba(var(--accent-rgb),0.25);}
.peshengan-row-rank{font-weight:800;color:var(--text-secondary);width:32px;text-align:center;font-size:14px;flex-shrink:0;}
.peshengan-row-avatar img{border-radius:50%;object-fit:cover;}
.peshengan-row-info{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0;}
.peshengan-row-name{font-weight:700;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.peshengan-row-level{font-size:12px;color:var(--level-color);font-weight:600;display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
.peshengan-row-joined{color:var(--text-secondary);font-weight:400;font-size:11.5px;}
.peshengan-row-bar-track{display:block;background:rgba(255,255,255,0.08);border-radius:20px;height:4px;overflow:hidden;max-width:220px;}
[data-theme="light"] .peshengan-row-bar-track{background:rgba(0,0,0,0.08);}
.peshengan-row-bar-fill{display:block;height:100%;border-radius:20px;transition:width .5s ease;}
.peshengan-row-points{font-weight:800;font-size:14px;color:var(--text);white-space:nowrap;flex-shrink:0;}

/* ---------- ڕوونکردنەوەی خاڵ و پلەکان (page-peshengan.php) ---------- */
.peshengan-guide{
  display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px;
}
.peshengan-guide-col{
  background:linear-gradient(160deg, rgba(var(--accent-rgb),0.07), var(--card) 45%);
  border:1px solid rgba(var(--accent-rgb),0.18);border-radius:18px;padding:16px 20px;
  min-width:0;overflow:hidden;
}
.peshengan-guide-col[open]{padding-bottom:22px;}
.peshengan-guide-title{
  display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;color:var(--text);
  cursor:pointer;list-style:none;padding:6px 0;user-select:none;
}
.peshengan-guide-title::-webkit-details-marker{display:none;}
.pg-caret{margin-right:auto;color:var(--border-hover);font-size:13px;transition:transform .25s ease;}
.peshengan-guide-col[open] .pg-caret{transform:rotate(-90deg);}
.pg-accent{width:8px;height:8px;border-radius:50%;background:var(--border-hover);box-shadow:0 0 10px 2px rgba(var(--accent-rgb),0.6);flex-shrink:0;}
.peshengan-guide-desc{color:var(--text-secondary);font-size:13px;line-height:1.8;margin:10px 0 16px;}

.pg-ways,.pg-tiers{display:flex;flex-direction:column;gap:8px;}
.pg-way,.pg-tier{
  display:flex;align-items:center;gap:12px;background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:10px 12px;
}
[data-theme="light"] .pg-way,[data-theme="light"] .pg-tier{background:rgba(0,0,0,0.02);}
.pg-way-icon{font-size:18px;flex-shrink:0;width:26px;text-align:center;}
.pg-way-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;}
.pg-way-label{font-size:13.5px;font-weight:700;color:var(--text);}
.pg-way-note{font-size:11.5px;color:var(--text-secondary);}
.pg-way-pts{font-size:13px;font-weight:800;color:var(--border-hover);flex-shrink:0;white-space:nowrap;}

.pg-tier{border-color:color-mix(in srgb, var(--tier-color, var(--border-hover)) 25%, transparent);}
.pg-tier-icon{font-size:19px;flex-shrink:0;width:26px;text-align:center;}
.pg-tier-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;}
.pg-tier-name{font-size:13.5px;font-weight:800;color:var(--tier-color, var(--text));display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.pg-tier-mine-tag{
  font-size:10.5px;font-weight:700;color:#fff;background:var(--tier-color, var(--border-hover));
  padding:2px 8px;border-radius:20px;white-space:nowrap;
}
.pg-tier-meaning{font-size:11.5px;color:var(--text-secondary);line-height:1.6;}
.pg-tier-min{font-size:12px;font-weight:700;color:var(--tier-color, var(--text-secondary));flex-shrink:0;white-space:nowrap;}
.pg-tier-mine{background:color-mix(in srgb, var(--tier-color, var(--border-hover)) 12%, transparent);}

@media (max-width:760px){
  .peshengan-guide{grid-template-columns:1fr;}
  .peshengan-guide-col{border-radius:13px;padding:13px 14px;}
  .peshengan-guide-title{font-size:14px;min-height:38px;}
  .pg-way,.pg-tier{gap:8px;padding:9px 10px;}
  .pg-way-note,.pg-tier-meaning{font-size:11px;}
  .pg-tier-min,.pg-way-pts{font-size:11px;}
}

.peshengan-pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;}
.peshengan-pager-btn{
  display:inline-block;padding:9px 20px;border-radius:10px;font-size:13.5px;font-weight:700;
  background:rgba(var(--accent-rgb),0.1);border:1px solid rgba(var(--accent-rgb),0.3);
  color:var(--text);text-decoration:none;transition:all .2s ease;
}
.peshengan-pager-btn:hover{background:rgba(var(--accent-rgb),0.2);border-color:var(--border-hover);}
.peshengan-pager-info{font-size:13px;color:var(--text-secondary);font-weight:600;}

.peshengan-cta{
  text-align:center;background:var(--card);border:1px solid rgba(255,255,255,0.08);
  border-radius:16px;padding:26px 20px;margin-top:24px;
}
.peshengan-cta p{color:var(--text-secondary);margin-bottom:14px;}
.peshengan-cta .btn{display:inline-block;}

@media (max-width:600px){
  .peshengan-podium{grid-template-columns:1fr 1fr 1fr;gap:8px;}
  .podium-place-1{padding-top:20px;}
  .podium-name{font-size:12.5px;}
}

/* ---------- تۆستی «+خاڵ» (points toast) ---------- */
.points-toast{
  position:fixed;bottom:24px;right:24px;z-index:500;display:flex;align-items:center;gap:10px;
  background:linear-gradient(135deg, var(--border), var(--border-hover));color:#fff;
  padding:14px 20px;border-radius:14px;box-shadow:0 14px 34px rgba(var(--accent-rgb),0.4);
  font-size:14px;font-weight:600;opacity:0;transform:translateY(16px);
  transition:opacity .35s ease, transform .35s ease;pointer-events:none;max-width:min(320px, calc(100vw - 32px));
}
.points-toast.show{opacity:1;transform:translateY(0);}
.points-toast-amount{font-size:17px;font-weight:900;white-space:nowrap;}
@media (max-width:600px){
  .points-toast{right:16px;left:16px;bottom:76px;max-width:none;}
}

/* ---------- ڕێکخستنەکانی ئەمنیی هەژمار (شێوازی ئەپی مۆبایل) ----------
   ڕیزی کراوەی کردنەوە (accordion) وەک ڕێکخستنەکانی ئەپەکانی مۆبایل.
   لە فۆرمی پڕۆفایل و بایۆ جیاکراوەتەوە. هەردوو Dark و Light پاراستراوە. */
.zagros-settings{
  display:flex;flex-direction:column;gap:10px;margin:0 0 10px;
}
.zs-item{
  background:var(--card);border:1px solid rgba(var(--accent-rgb),0.16);
  border-radius:16px;overflow:hidden;
  transition:border-color .3s ease, box-shadow .3s ease, background-color .4s ease;
}
.zs-item:has(.zs-row.open){
  border-color:rgba(var(--accent-rgb),0.42);
  box-shadow:0 6px 22px rgba(0,0,0,0.22);
}

/* ڕیزی سەرەکی — دەکرێت کلیک بکرێت */
.zs-row{
  width:100%;display:flex;align-items:center;gap:13px;
  padding:15px 16px;background:none;border:none;cursor:pointer;
  font-family:'Vazirmatn';text-align:right;color:var(--text);
  -webkit-tap-highlight-color:transparent;
  transition:background-color .22s ease;
}
.zs-row:hover{background:rgba(var(--accent-rgb),0.055);}
.zs-row:active{background:rgba(var(--accent-rgb),0.1);}

/* بازنەی ئایکۆن */
.zs-icon{
  flex:0 0 40px;width:40px;height:40px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(var(--accent-rgb),0.13);
  color:var(--border-hover);
  transition:background-color .3s ease, color .3s ease;
}
.zs-icon svg{
  width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;
}
.zs-row.open .zs-icon{
  background:linear-gradient(140deg, var(--border), var(--border-hover));
  color:#fff;
}

/* ناو و ژێرنووس */
.zs-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px;}
.zs-title{font-size:15px;font-weight:700;color:var(--text);line-height:1.5;}
.zs-sub{font-size:12.5px;color:var(--text-secondary);line-height:1.5;}

/* تیری کەنار — لە کاتی کردنەوە دەسووڕێت */
.zs-arrow{
  flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  color:var(--text-secondary);transition:transform .3s ease, color .3s ease;
}
.zs-arrow svg{
  width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;
}
.zs-row.open .zs-arrow{transform:rotate(-90deg);color:var(--border-hover);}

/* پانێڵی کراوە */
.zs-panel{
  padding:4px 16px 18px;
  border-top:1px solid rgba(var(--accent-rgb),0.14);
  animation:zsSlideDown .28s ease;
}
@keyframes zsSlideDown{
  from{opacity:0;transform:translateY(-7px);}
  to{opacity:1;transform:translateY(0);}
}
.zs-panel .zs-form{margin:14px 0 0;}
.zs-panel .zs-form p{margin:0 0 14px;}
.zs-panel .btn{width:100%;justify-content:center;text-align:center;}
.zs-hint{
  font-size:12.5px;color:var(--text-secondary);line-height:1.9;
  background:rgba(var(--accent-rgb),0.07);
  border-right:3px solid rgba(var(--accent-rgb),0.45);
  border-radius:9px;padding:10px 12px;margin:0 0 15px;
}

/* دوگمەی کرداری مەترسیدار (دەرکردنی ئامێرەکان) — بە ڕەنگی ئاگادارکردنەوە */
.zs-btn-danger{
  background:rgba(229,57,53,0.12) !important;
  border:1px solid rgba(229,57,53,0.5) !important;
  color:#ff6b6b !important;
}
.zs-btn-danger:hover{
  background:rgba(229,57,53,0.2) !important;
  border-color:#ff6b6b !important;
}

@media (max-width:600px){
  .zs-row{padding:13px 13px;gap:11px;}
  .zs-icon{flex:0 0 36px;width:36px;height:36px;border-radius:11px;}
  .zs-icon svg{width:18px;height:18px;}
  .zs-title{font-size:14.5px;}
  .zs-panel{padding:4px 13px 16px;}
}

/* ---------- Welcome / Splash screen ----------
   ستایلی وەرگیراوە لە پەڕەی چوونەژوورەوە (auth-preview.html): چوارچێوەیەکی
   تەنکی سوور لە دەوری هەموو شاشەکە، لۆگۆ و دەقی بەخێرهاتن گەورەتر، و
   ٣ دوگمە بە ڕیزبەندی گرنگی — چوونەژوورەوە (سەرەکی)، دروستکردنی هەژمار
   (لاوەکی)، سەردانیکردن وەک میوان (بچووکتر، لە خوارەوە). */
.zagros-splash{
  position:fixed;inset:0;z-index:99999;
  display:flex;align-items:center;justify-content:center;
  overflow-y:auto;overflow-x:hidden;padding:14px;
  /* بەشی ٤٠: وێنەی چیای سوور کراوەتە پاشبنەمای splash، لەگەڵ گلەیزێکی تاریک
     بۆ ئەوەی دەق و فۆرمەکان هەر خوێندنەوەیان ڕوون بمێنێتەوە */
  background:
    linear-gradient(180deg, rgba(6,4,4,0.32) 0%, rgba(6,4,4,0.55) 48%, rgba(6,4,4,0.82) 100%),
    url('auth-bg.jpg') center 30%/cover no-repeat;
  font-family:'Noto Kufi Arabic', sans-serif;
  opacity:0;
  animation:zagrosSplashFadeIn .6s ease forwards;
}
.zagros-splash-bg{
  position:absolute;inset:12px;pointer-events:none;
  border:1px solid rgba(255,91,91,0.48);
  border-radius:18px;
  background:rgba(8,5,5,0.18);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05), 0 0 28px rgba(217,45,45,0.08);
}
.zagros-splash-bg::before{
  content:'';position:absolute;inset:0;border-radius:15px;
  background:
    radial-gradient(circle at 18% 82%, rgba(217,45,45,0.08), transparent 55%),
    radial-gradient(circle at 82% 18%, rgba(217,45,45,0.06), transparent 55%);
}
.zagros-splash-inner{
  position:relative;z-index:1;text-align:center;width:min(100%, 680px);max-height:calc(100dvh - 28px);margin:auto;
  padding:clamp(18px, 4vh, 42px) clamp(12px, 4vw, 32px);box-sizing:border-box;overflow-x:hidden;overflow-y:auto;
  scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb),0.7) transparent;
  opacity:0;transform:translateY(28px);
  animation:zagrosSplashRiseIn .7s cubic-bezier(.16,1,.3,1) .15s forwards;
}
.zagros-splash-welcome{
  color:#fff;font-size:clamp(26px, 5vw, 38px);font-weight:800;margin:0 0 34px;
  text-shadow:0 2px 20px rgba(0,0,0,0.7);
}
.zagros-splash-logo-img{
  width:clamp(230px, 60vw, 360px);height:auto;margin:0 auto 26px;display:block;
  filter:drop-shadow(0 8px 28px rgba(var(--accent-rgb),0.35));
}
.zagros-splash-actions{display:flex;flex-direction:row;gap:10px;max-width:380px;width:100%;margin:0 auto;box-sizing:border-box;}
.zagros-splash-actions .zagros-splash-btn{width:auto;flex:1 1 0;min-width:0;white-space:normal;}
.zagros-splash-btn{
  display:flex;align-items:center;justify-content:center;
  width:100%;padding:18px 22px;min-height:62px;border-radius:12px;font-size:17px;font-weight:800;
  cursor:pointer;border:1px solid transparent;text-align:center;
  font-family:'Noto Kufi Arabic', sans-serif;
  text-decoration:none;box-sizing:border-box;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.zagros-splash-btn-register{
  background:linear-gradient(135deg, #d92d2d, #ee5050);color:#fff;
  box-shadow:0 7px 18px rgba(217,45,45,0.22);
}
.zagros-splash-btn-register:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(217,45,45,0.3);}
.zagros-splash-btn-login{
  background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.14);color:var(--text);
}
.zagros-splash-btn-login:hover{background:rgba(var(--accent-rgb),0.1);border-color:var(--border-hover);transform:translateY(-2px);}
.zagros-splash-btn-guest{
  min-height:auto;padding:11px 16px;font-size:13px;font-weight:600;
  background:transparent;border-color:transparent;color:var(--text-secondary);
  text-decoration:underline;text-underline-offset:4px;margin-top:18px;
  font-family:inherit;width:100%;
}
.zagros-splash-btn-guest:hover{color:var(--border-hover);transform:none;}

.zagros-splash.zagros-splash-closing{animation:zagrosSplashFadeOut .5s ease forwards;pointer-events:none;}
.zagros-splash.zagros-splash-closing .zagros-splash-inner{animation:zagrosSplashRiseOut .45s ease forwards;}

html.zagros-splash-seen .zagros-splash{display:none !important;}
body.zagros-splash-lock{overflow:hidden;}

@keyframes zagrosSplashFadeIn{from{opacity:0;}to{opacity:1;}}
@keyframes zagrosSplashFadeOut{from{opacity:1;}to{opacity:0;}}
@keyframes zagrosSplashRiseIn{from{opacity:0;transform:translateY(28px);}to{opacity:1;transform:translateY(0);}}
@keyframes zagrosSplashRiseOut{from{opacity:1;transform:translateY(0);}to{opacity:0;transform:translateY(-16px);}}

@media (max-width:600px){
  .zagros-splash-bg{inset:6px;border-width:1px;border-radius:14px;}
  .zagros-splash-welcome{font-size:26px;margin-bottom:26px;}
  .zagros-splash-logo-img{width:clamp(190px, 68vw, 280px);margin-bottom:18px;}
  .zagros-splash-btn{padding:13px 10px;font-size:13.5px;min-height:52px;}
  .zagros-splash-actions{gap:8px;}
  .zagros-splash-btn-guest{padding:10px 14px;font-size:12.5px;min-height:auto;}
  .zagros-splash{padding:8px;align-items:center;}
}
@media (max-width:360px){
  .zagros-splash-btn{padding:12px 6px;font-size:12.5px;}
  .zagros-splash-actions{gap:6px;}
}
@media (min-width:601px) and (max-width:1024px){
  .zagros-splash-inner{max-width:520px;}
  .zagros-splash-logo-img{width:280px;}
}

@media (prefers-reduced-motion: reduce){
  .zagros-splash,.zagros-splash-inner,
  .zagros-splash.zagros-splash-closing,.zagros-splash.zagros-splash-closing .zagros-splash-inner{
    animation:none !important;opacity:1;transform:none;
  }
}

/* ===== پەڕەی گەڕانی تازە — خانەی گەڕانی ژیندوو + بەشە دابەشکراوەکان ===== */
.search-page-box{margin:0 0 26px;}
.search-page-input{
  width:100%;max-width:560px;display:block;background:rgba(255,255,255,0.05);
  backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);
  padding:14px 20px;border-radius:100px;color:var(--text);font-family:'Vazirmatn';
  font-size:15px;text-align:right;transition:border-color .3s ease, box-shadow .3s ease;
}
.search-page-input:focus{outline:none;border-color:var(--border-hover);box-shadow:0 0 24px rgba(var(--accent-rgb),0.35);}
.search-group-block{margin-bottom:44px;}
.live-search-loading{padding:40px 0;text-align:center;color:var(--text-secondary);}

/* ===== کارتی کارەکتەر لە پەڕەی گەڕان — وێنەی خڕ، جیاواز لە پۆستەری فیلم ===== */
.grid-actor{grid-template-columns:repeat(auto-fill, minmax(min(100%, 140px), 1fr));}
.poster-actor{aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:var(--btn);display:flex;align-items:center;justify-content:center;}
.poster-actor img{width:100%;height:100%;object-fit:cover;}
.poster-actor-fallback{font-size:38px;opacity:.5;}
.card-actor .card-body{text-align:center;}

/* ===== ژووری سەیرکردنی هاوبەش (Watch Party) ===== */
.watch-room-page{
  display:grid;grid-template-columns:1.6fr 1fr;gap:24px;
  padding:20px var(--page-side-space, 6%) 60px;align-items:start;
}
.watch-room-video-frame{
  aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;
  box-shadow:0 12px 36px rgba(0,0,0,0.35);
}
.watch-room-video-frame video,
.watch-room-video-frame iframe{width:100%;height:100%;border:none;}
.watch-room-chat-col{
  display:flex;flex-direction:column;background:var(--card);
  border:1px solid rgba(var(--accent-rgb),0.2);border-radius:16px;overflow:hidden;
  min-height:520px;max-height:78vh;box-shadow:0 12px 32px rgba(0,0,0,0.16);
}
.watch-room-host-bar{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;
  background:rgba(var(--accent-rgb),0.06);border:1px solid rgba(var(--accent-rgb),0.2);
  padding:10px 16px;border-radius:10px;margin-bottom:14px;font-size:14px;
}
.watch-room-transfer{display:flex;align-items:center;gap:8px;}
.watch-room-transfer select{
  padding:8px 10px;border-radius:8px;border:1px solid rgba(var(--accent-rgb),0.25);
  background:var(--btn);color:var(--text);font-family:'Vazirmatn';font-size:13px;
}
@media (max-width:1024px){
  .watch-room-page{grid-template-columns:1fr;}
  .watch-room-chat-col{max-height:70vh;}
}

/* دوگمە و مۆداڵی دروستکردنی ژوور — بە شێوەیەکی دیاری/بێ گومان شاردراوەتەوە
   هەتا کلیک بکرێت (کلاسی .is-open، نەک تەنها پشتبەستن بە خۆی hidden) */
.watch-party-open-btn{background:linear-gradient(135deg, var(--border), var(--border-hover));color:#fff;font-weight:700;border:none;}
.watch-party-modal{
  display:none;
  position:fixed;inset:0;z-index:200;background:rgba(0,0,0,0.6);
  align-items:center;justify-content:center;padding:20px;
}
.watch-party-modal.is-open{display:flex;}
.watch-party-modal-inner{
  background:var(--card);border:1px solid rgba(var(--accent-rgb),0.25);border-radius:16px;
  padding:24px;width:min(440px, 100%);max-height:85vh;overflow-y:auto;
}
.watch-party-modal-inner h3{margin-bottom:16px;}
.watch-party-modal-inner input[type="text"],
.watch-party-modal-inner select{
  width:100%;padding:12px 16px;border-radius:10px;border:1px solid rgba(var(--accent-rgb),0.25);
  background:var(--btn);color:var(--text);font-family:'Vazirmatn';margin-bottom:14px;
}
.watch-party-scope-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;}
.watch-party-scope-tab{
  flex:1;background:var(--btn);border:1px solid rgba(var(--accent-rgb),0.2);color:var(--text-secondary);
  padding:10px 8px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;
}
.watch-party-scope-tab.active{background:var(--border-hover);color:#fff;border-color:var(--border-hover);}
.watch-party-scope-panel{max-height:220px;overflow-y:auto;margin-bottom:10px;}
.watch-party-modal-actions{display:flex;gap:10px;margin-top:16px;}
.watch-party-modal-actions .btn{flex:1;}

/* ===== ستۆری ===== */
.stories-bar-wrap{padding:16px var(--page-side-space, 6%) 4px;}
.stories-bar{display:flex;gap:16px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none;}
.stories-bar::-webkit-scrollbar{display:none;}
.story-avatar{
  flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;
  background:none;border:none;cursor:pointer;width:74px;
}
.story-ring{
  width:64px;height:64px;border-radius:50%;padding:3px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg, var(--border), var(--border-hover), #fbbf24);position:relative;
}
.story-ring img,
.story-ring > span{border-radius:50%;overflow:hidden;display:block;width:100%;height:100%;}
.story-ring-empty{background:rgba(255,255,255,0.15);}
.story-add-badge{
  position:absolute;bottom:-2px;left:-2px;width:20px;height:20px;border-radius:50%;
  background:var(--border-hover);color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:800;border:2px solid var(--bg);
}
.story-name{font-size:11.5px;color:var(--text-secondary);text-align:center;max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.story-viewer{
  display:none;position:fixed;inset:0;z-index:300;background:rgba(0,0,0,0.9);
  align-items:center;justify-content:center;padding:20px;
}
.story-viewer.is-open{display:flex;}
.story-viewer-inner{width:min(420px, 100%);max-height:92vh;display:flex;flex-direction:column;gap:12px;position:relative;}
.story-viewer-close{position:absolute;top:-40px;left:0;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;}
.story-viewer-header{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;}
.story-viewer-media{border-radius:14px;overflow:hidden;background:#000;max-height:60vh;}
.story-viewer-media img{width:100%;max-height:60vh;object-fit:contain;display:block;margin:0 auto;}
.story-viewer-caption{color:#fff;font-size:14px;text-align:center;}
.story-viewer-reactions{display:flex;justify-content:center;gap:10px;}
.story-react-btn{
  background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:50%;
  width:44px;height:44px;font-size:20px;cursor:pointer;transition:all .2s ease;
}
.story-react-btn:hover,
.story-react-btn.active{background:var(--border-hover);transform:scale(1.15);}
.story-viewer-nav{display:flex;justify-content:space-between;gap:10px;}
.story-viewer-nav button{
  flex:1;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#fff;
  padding:10px;border-radius:10px;cursor:pointer;font-family:'Vazirmatn';
}
.story-reactions-list{background:rgba(255,255,255,0.06);border-radius:10px;padding:10px;max-height:180px;overflow-y:auto;}
.story-reaction-row{display:flex;align-items:center;gap:10px;padding:6px 0;color:#fff;font-size:13px;}
.story-reaction-emoji{margin-inline-start:auto;font-size:16px;}

/* ===== Flicker Loading Spinner — بەرەنگی بەشەکە (var(--border-hover)) خۆکارانە دەگۆڕدرێت ===== */
.flicker-spinner{
  display:inline-grid;grid-template-columns:repeat(7, 1fr);gap:4px;
  width:min-content;margin:0 auto;
}
.flicker-dot{
  width:7px;height:7px;border-radius:50%;
  background:rgba(var(--accent-rgb),0.18);
  transition:background .15s ease, box-shadow .15s ease;
}
.flicker-dot.on{
  background:var(--border-hover);
  box-shadow:0 0 6px rgba(var(--accent-rgb),0.7);
}
.flicker-spinner-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 0;}
.flicker-spinner-label{font-size:12.5px;color:var(--text-secondary);}