/*=====================================================================
  IraqAddress — تۆکنە هاوبەشەکانی دیزاین (spec §16)
  بوم خنثی، یەک ڕەنگی لهجه (amber)، سێبەری نەرم، گردی زۆر، بێ حاشیەی هێڵدار.
=====================================================================*/

/*---------------------------------------------------------------------
  فۆنت — لەسەر سێرڤەری خۆمان ، وەشانی variable

  پێشتر لە cdn.jsdelivr.netــەوە دەهات و ئەمە زنجیرەیەکی سێ قۆناغی
  دروست دەکرد :
      /ku  ٢٢٢ms → font-face.css  ٢٤٢ms → سێ فایلی woff2  ٦٢٣ms
  واتە وێبگەڕ دەبووایە یەکەم لاپەڕە دابەزێنێت ، پاشان CSSــەکە
  بدۆزێتەوە و دایبەزێنێت ، پاشان تازە فۆنتەکان ببینێت — لەگەڵ
  DNS و TLSــی سەرچاوەیەکی بێگانەش.

  ئێستا :
      یەک فایل ( ١١١ KB ) لە جیاتی سێ ( ١٥٢ KB )
      هەمان سەرچاوە — بێ DNS و TLSــی زیادە
      preload لە HTMLــدا ، بۆیە دەستبەجێ دەست پێدەکات

  font-weight: 100 900 واتە هەموو کێشەکان لەم یەک فایلەدان
  ( CSSــەکەمان ٤٠٠ و ٥٠٠ و ٦٠٠ و ٧٠٠ بەکاردەهێنێت ).

  font-display: swap — دەق دەستبەجێ بە فۆنتی سیستەم دەردەکەوێت و
  دواتر دەگۆڕدرێت ، نەک ئەوەی بەکارهێنەر لە شاشەیەکی بەتاڵ بمێنێتەوە.
---------------------------------------------------------------------*/
@font-face{
  font-family:'Vazirmatn';
  src:url('../fonts/Vazirmatn-Variable.woff2') format('woff2 supports variations'),
      url('../fonts/Vazirmatn-Variable.woff2') format('woff2-variations'),
      url('../fonts/Vazirmatn-Variable.woff2') format('woff2');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}

:root{
  --ink:#1E1E1C; --off:#F8F8F6; --amber:#FAB937; --grey:#D9D9D9;
  --canvas:#EDEDEA; --card:#FFFFFF; --inner:#F8F8F6; --hair:#E6E6E2;
  /*  --muted پێشتر #8B8B84 بوو و لەسەر هەموو بنەماکاندا لە ٤.٥
      کەمتر دەبوو ( ٢.٩٢ تا ٣.٤٣ ) — واتە ژمارەی شوێنەکان و دەقە
      لاوەکییەکان بۆ زۆر کەس بە ئاستەم دەخوێندرانەوە.

      #6B6B64 کەمترین تاریککردنەوەیە کە لەسەر هەر چوار بنەمای
      بەکارهاتوودا تێدەپەڕێت :
          card #FFFFFF ٥.٣٧   inner #F8F8F6 ٥.٠٥
          canvas #EDEDEA ٤.٥٨  amber-soft #FDF2DC ٤.٨٣          */
  --ink-2:#4C4C47; --muted:#6B6B64; --amber-2:#EDA824; --amber-soft:#FDF2DC;
  --warn:#C8553D; --warn-soft:#FBEAE5;
  --ok:#2F7A4B; --ok-soft:#E7F2EB;
  --r-xl:30px; --r-lg:22px; --r-md:18px;
  --sh:0 1px 3px rgba(30,30,28,.035), 0 10px 30px rgba(30,30,28,.06);
  --sh-up:0 3px 8px rgba(30,30,28,.05), 0 18px 44px rgba(30,30,28,.10);
  --sh-a:0 8px 22px rgba(250,185,55,.42);
  --t:220ms cubic-bezier(.32,.02,.2,1);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--canvas); color:var(--ink);
  font-family:'Vazirmatn','Noto Sans Arabic',sans-serif;
  font-size:15px; line-height:1.85; -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit;border:0;background:none}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:10px}
h1,h2,h3,p{margin:0}

/*ژمارە هەمیشە لاتین (§16)*/
.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:embed;display:inline-block}
/*  display:inline-block بۆ <span> دانراوە. لەسەر خانەی خشتەیەک
    (<td class="num">) خانەکە لە چوارچێوەی خشتەکە دەردەهێنێت و
    ستوونەکان تێکدەچن — بۆیە لێرە دەگەڕێتەوە.                    */
td.num, th.num{display:table-cell}

/*----- ناوەڕاست کردن -----*/
.authwrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 18px}
/* ===== هەڵبژاردنی شار لەسەر نەخشە ===== */
.maprow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mapcity{margin-inline-start:auto;background:var(--inner);border:0;border-radius:999px;
         padding:6px 13px;font-family:inherit;font-size:12.5px;color:var(--ink);
         cursor:pointer;max-width:180px}
.mapcity:focus{outline:2px solid var(--ink);outline-offset:2px}

/* ===== ناردنی دووبارەی کۆد ===== */
.resendform{text-align:center;margin-top:14px}
.resendbtn{background:var(--card);box-shadow:var(--sh);border-radius:999px;
           padding:11px 22px;font-size:13.5px;font-weight:500;color:var(--ink);
           transition:box-shadow var(--t),opacity var(--t)}
.resendbtn:hover:not(:disabled){box-shadow:var(--sh-up)}
.resendbtn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:var(--inner)}
.resendnote{text-align:center;margin-top:14px;font-size:13px;color:var(--muted)}

/* ===== کاپچا ===== */
.caprow{display:flex;align-items:center;gap:9px}
.cap-in{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.18em;font-weight:700;text-align:center}
.cap-img{flex:none;width:auto;height:48px;border-radius:12px;display:block;cursor:pointer;
         background:var(--inner);box-shadow:var(--sh);user-select:none}
.cap-btn{flex:none;width:38px;height:38px;border:0;border-radius:11px;background:var(--inner);
         color:var(--ink-2);font-size:17px;line-height:1;cursor:pointer;transition:background var(--t)}
.cap-btn:hover{background:#E9E9E4}
@media (max-width:420px){
  .caprow{flex-wrap:wrap}
  .cap-in{flex:1 1 100%;order:2}
  .cap-img{order:1}
}

/* کارتی چوونەژوورەوە — تەسک و ناوەڕاست.
   دەبێت بە .authwrap سنووردار بکرێت : چەند لاپەڕەی ئەدمینیش
   (Tags, Cities, PageIntros, Redirects, Admins) هەمان ناوی .stage
   بەکاردێنن و ئەگەر سنووردار نەکرێت بۆ ٤٤٠px دەچەقێن. */
.authwrap .stage{width:100%;max-width:440px}

.brand{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:22px}
.brand .logo{font-size:20px;font-weight:700;letter-spacing:-.03em}
.brand .logo em{font-style:normal;color:var(--amber-2)}

h1{font-size:clamp(23px,6vw,28px);font-weight:700;line-height:1.42;letter-spacing:-.03em;margin-bottom:8px;text-align:center}
.lead{color:var(--muted);font-size:14px;margin-bottom:22px;text-align:center}

/*----- کارت -----*/
.card{background:var(--card);border-radius:var(--r-xl);box-shadow:var(--sh);padding:24px}

/*----- خانەکان -----*/
.f{display:block;margin-bottom:16px}
.f .lb{font-size:12.5px;color:var(--muted);margin-bottom:6px;display:block}
.f .in,.f select,.f textarea{
  width:100%;background:var(--inner);border-radius:var(--r-md);
  padding:14px 17px;font-size:15.5px;
  transition:background var(--t),box-shadow var(--t);
}
.f .in:focus,.f select:focus,.f textarea:focus{background:#fff;box-shadow:0 0 0 2px var(--ink);outline:none}
.f .help{font-size:12px;color:var(--muted);margin-top:6px;display:block}
.f .help b{color:var(--ink);font-weight:500}

/*----- دوگمەکان -----*/
.primary{
  width:100%;background:var(--amber);border-radius:var(--r-md);padding:16px 24px;
  font-size:15.5px;font-weight:700;box-shadow:var(--sh-a);color:var(--ink);
  transition:background var(--t),transform var(--t);
  display:flex;align-items:center;justify-content:center;gap:9px;
}
.primary:hover{background:var(--amber-2)}
.primary:active{transform:scale(.985)}
.primary[disabled]{background:var(--grey);color:var(--muted);box-shadow:none;cursor:not-allowed}

/*  گۆڕەری زمانی پانێڵی بەڕێوەبردن — لە باری سەرەوە.
    باری سەرەوە تاریکە (.top) بۆیە ڕەنگەکان ڕووناکن.                 */
/*  ئەم چینانە لە ویوەکاندا بەکاردەهاتن بەڵام هیچ ستایلێکیان
    نەبوو — بۆیە بێ ڕەنگ و بێ چوارچێوە دەردەکەوتن.              */
.pg-hd{margin-bottom:18px}
.pg-sub{display:block;color:var(--muted);font-size:13px;margin-top:4px}

/*نیشانەی ڕەنگین لەناو .vbadge — چالاک / ناچالاک*/
.vbadge.bg-ok{background:var(--ok-soft);color:var(--ok)}
.vbadge.bg-warn{background:var(--warn-soft);color:var(--warn)}

/*دوگمەی لاوەکی — وەک .primary بەڵام کەمڕەنگتر و بێ پانیی تەواو*/
.secondary{background:var(--inner);border-radius:var(--r-md);padding:11px 20px;
           font-size:14px;font-weight:600;transition:background var(--t)}
.secondary:hover{background:var(--grey)}

/*دوگمەکانی کۆمێنت — پەسەندکردن / ڕەتکردنەوە*/
.qactions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.btn-ok,.btn-del{display:inline-block;padding:7px 16px;border-radius:999px;
                 font-size:12.5px;font-weight:600;border:0;cursor:pointer;
                 transition:filter var(--t)}
.btn-ok{background:var(--ok-soft);color:var(--ok)}
.btn-del{background:var(--warn-soft);color:var(--warn)}
.btn-ok:hover,.btn-del:hover{filter:brightness(.96)}

/*  خشتەی پانێڵ. پێشتر لە @@section Head ی چوار ویودا دووبارە
    ببووەوە — ئێستا یەک شوێن.                                   */
/*  خشتەکان لە مۆبایلدا لە پانتاییان دەردەچن (ڕیدایرێکت ٨٩١px لە
    ٣٧٥px). بەبێ ئەم ڕاپێچە ، هەموو لاپەڕەکە بە تەنیشتدا دەخلیسکێت
    و سەردێڕ و دوگمەکانیش لەگەڵیدا دەجووڵێن. ئێستا تەنها خودی
    خشتەکە لە ناو سنووری خۆیدا دەخلیسکێت.                          */
.twrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-inline:-4px;padding-inline:4px}
.twrap::-webkit-scrollbar{height:6px}
.twrap::-webkit-scrollbar-thumb{background:var(--hair);border-radius:999px}

/*  خشتەی کاتژمێری کارکردن لە پانێڵی ئەدمین  */
.hactions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.hgrid td{padding:6px 10px;vertical-align:middle}
.hgrid .in.htime{width:auto;min-width:104px;padding:6px 9px;font-size:13px}
.hgrid .in.htime:disabled{opacity:.4;cursor:not-allowed}
.hgrid input[type=checkbox]{width:17px;height:17px;cursor:pointer}

/*  باری گەڕان + لاپەڕەکردن  */
.srchbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.srchbar .in{flex:1 1 240px;min-width:0}
.srch-n{font-size:12.5px;color:var(--muted);margin-inline-start:auto}
.pager{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:14px}
.pager .mini.off{opacity:.38;pointer-events:none}
.pg-n{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}

.htable{border-collapse:collapse;font-size:13.5px;width:100%}
.htable th,.htable td{padding:8px 12px;text-align:start;border-bottom:1px solid var(--hair)}
.htable th{font-weight:600;color:var(--muted);font-size:12px}
.htable tr:last-child td{border-bottom:none}
.htable td.num,.htable th.num{display:table-cell}
.row-inactive{opacity:.55}
/*  ڕیزی لەژێر دەستکاری — بۆ ئەوەی دیار بێت فۆرمەکە بۆ کامەیانە.
    box-shadow بەکاردێت نەک border ، چونکە border بەرزیی ڕیزەکە
    دەگۆڕێت و خشتەکە دەلەرزێت.                                   */
.row-editing > td{background:var(--amber-soft);
                  box-shadow:inset 0 1px 0 var(--amber),inset 0 -1px 0 var(--amber)}
/*ڕیزی سەردێڕی جۆر لەناو خشتەی تاگەکان*/
.htable tr.ttype-row td{
  background:var(--inner); color:var(--muted);
  font-size:11.5px; font-weight:600; letter-spacing:.02em;
  padding:7px 12px; border-bottom:1px solid var(--hair);
}

/*  ڕیزی سەردێڕ : ناونیشان لە سەرەتا ، دوگمە لە کۆتایی ڕیزەکە
    (لە ڕوونووسی ڕاست-بۆ-چەپ واتە لای چەپ).                    */
.pg-hd-row{display:flex;align-items:center;gap:12px}
.pg-hd-row .pg-ttl{flex:1;text-align:start;margin-bottom:0}
.pg-hd-row .mini{flex:none}

/*----- مۆداڵی ڕێنمایی — <dialog>ـی بنەڕەتی بەکاردێت ، بۆیە
        backdrop، داخستن بە ESC و گیرانی فۆکەس خۆکارن -----*/
/*  پانی بە vw دیاری دەکرێت نەک % — ئەگەرنا ئەگەر لاپەڕەکە خۆی
    پانتر لە شاشە بێت (وەک خشتەکان لە مۆبایل) ، مۆداڵەکەش لەگەڵی
    گەورە دەبێت.                                                  */
.hlp{
  border:0; padding:0; width:min(720px, calc(100vw - 32px));
  max-height:86vh; border-radius:var(--r-xl); background:var(--card);
  color:var(--ink); box-shadow:0 24px 70px rgba(0,0,0,.28);
  /*  dialog بە بنەڕەت overflow:auto ـە — بەبێ ئەمە دوو نواری
      سکڕۆڵ دەردەکەون : یەکێک هی خۆی و یەکێک هی .hlp-bd  */
  overflow:hidden;
}
/*  display تەنها لە دۆخی کراوەدا — ئەگەرنا display:flex ئەو
    display:none ـەی وێبگەڕ دەشکێنێت و مۆداڵەکە هەمیشە دیارە.   */
.hlp[open]{display:flex; flex-direction:column}
.hlp::backdrop{background:rgba(30,30,28,.55)}
.hlp-hd{
  flex:none; display:flex; align-items:center; gap:12px;
  padding:18px 24px; background:var(--card); border-bottom:1px solid var(--hair);
}
.hlp-hd h2{font-size:16px;font-weight:700;margin:0;flex:1}
/*  min-height:0 پێویستە تاکو منداڵی flex بتوانێت لە ناوەڕۆکەکەی
    بچووکتر ببێت و سکڕۆڵ بکات.                                   */
.hlp-bd{flex:1; min-height:0; overflow-y:auto; padding:20px 24px 26px}
.hlp-bd h3{
  font-size:12px; font-weight:600; color:var(--muted); letter-spacing:.02em;
  margin:22px 0 8px; text-transform:none;
}
.hlp-bd h3:first-child{margin-top:0}
.hlp-bd p{font-size:14px; line-height:1.9; color:var(--ink-2); margin:0 0 10px}
.hlp-bd ul{margin:0; padding-inline-start:20px}
.hlp-bd li{font-size:14px; line-height:1.9; color:var(--ink-2); margin-bottom:9px}
/*نموونە — وەک دەقێکی نووسراو دیاری دەکرێت نەک ڕێنمایی*/
.hlp-ex{background:var(--inner); border-radius:var(--r-md); padding:14px 16px; margin:0 0 8px}
.hlp-ex .t{display:block; font-size:11.5px; font-weight:600; color:var(--amber-2); margin-bottom:7px}
.hlp-ex p{margin:0; color:var(--ink)}
.hlp-why{font-size:13px; color:var(--muted); margin:0 0 18px; line-height:1.8}
/*ڕیزی «شار + جۆر → …»*/
.hlp-map{background:var(--amber-soft); border-radius:var(--r-md); padding:12px 16px; font-size:13px; line-height:1.9; color:var(--ink-2)}

.admlang{display:inline-flex;gap:2px;background:rgba(255,255,255,.09);border-radius:999px;padding:3px;margin-inline-end:12px}
.admlang a{padding:4px 10px;border-radius:999px;font-size:12px;color:rgba(255,255,255,.62);
           text-decoration:none;transition:background var(--t),color var(--t);white-space:nowrap}
.admlang a:hover{color:#fff}
.admlang a.on{background:var(--amber);color:var(--ink);font-weight:600}

/*  «یادم بمێنێت» — لەناو فۆڕمەکانی چوونەژوورەوە.
    خودی لەیبڵەکە کلیک‌کراوە، بۆیە شوێنی کلیک گەورەترە لە خانە بچووکەکە. */
.chk{display:flex;align-items:center;gap:10px;margin:16px 0 4px;cursor:pointer;
     font-size:14px;color:var(--ink-2);user-select:none}
.chk input{width:19px;height:19px;flex:none;accent-color:var(--amber-2);cursor:pointer;margin:0}
.chk:hover span{color:var(--ink)}
.ghost{background:var(--inner);border-radius:var(--r-md);padding:13px 20px;font-size:14px;transition:background var(--t)}
.ghost:hover{background:#F0F0EC}
.link{color:var(--muted);font-size:13.5px;text-align:center;display:block;margin-top:16px;transition:color var(--t)}
.link:hover{color:var(--ink)}

/*----- هێڵی واتساپ -----*/
.waline{display:flex;align-items:center;gap:11px;background:var(--inner);border-radius:var(--r-lg);padding:14px 16px;margin-bottom:20px}
.waline .ic{width:40px;height:40px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;flex:none}
.waline .n{font-size:12.5px;color:var(--muted);line-height:1.5}
.waline .v{font-weight:700;font-size:15px;line-height:1.5}
.waline .ch{margin-inline-start:auto;font-size:12.5px;color:var(--muted);text-decoration:underline}

/*----- خانەکانی کۆد (OTP) -----*/
/*  شەش خانە — بە پانیی جێگیر لە ٣٩٠ پیکسلدا سەرڕێژ دەبوو
    ( ٦×٦٠ + ٥×١٠ = ٤١٠ ). بۆیە خانەکان کش دەبن بەڵام
    ڕێژەیان دەپارێزرێت ، و لە شاشەی فراوان لە ٦٠ زیاتر نابن.  */
.otp{display:flex;gap:8px;direction:ltr;justify-content:center;margin-bottom:8px}
.otp input{
  flex:1 1 0;min-width:0;max-width:60px;aspect-ratio:60/68;
  text-align:center;font-size:26px;font-weight:700;padding:0;
  background:var(--inner);border-radius:var(--r-md);transition:background var(--t),box-shadow var(--t);
}
.otp input:focus{background:#fff;box-shadow:0 0 0 2px var(--ink);outline:none}
.protonote{background:var(--inner);border-radius:14px;padding:10px 15px;font-size:12px;color:var(--muted);margin-bottom:18px;text-align:center}

/*----- توست -----*/
.toast{
  position:fixed;inset-inline:0;bottom:22px;margin:0 auto;width:max-content;max-width:90%;
  background:var(--ink);color:var(--off);border-radius:999px;padding:12px 22px;font-size:14px;
  box-shadow:var(--sh-up);z-index:60;
  animation:toastin 260ms cubic-bezier(.32,.02,.2,1) both;
}
.toast.ok{background:var(--ok)} .toast.err{background:var(--warn)} .toast.info{background:var(--amber);color:var(--ink)}
@keyframes toastin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

@media (max-width:400px){ .otp{gap:6px} .otp input{font-size:21px} }


/*=====================================================================
  پانێڵی بەڕێوەبەر
=====================================================================*/

/*----- سەرەوەی ڕەش -----*/
.top{background:var(--ink);color:var(--off)}
.top .in{padding:13px 16px;display:flex;align-items:center;gap:12px}
.top .logo{font-weight:700;letter-spacing:-.03em;font-size:16px}
.top .logo em{font-style:normal;color:var(--amber)}
.top .tag{font-size:12px;opacity:.55}
.top .sp{flex:1}
.top .who{font-size:12.5px;opacity:.8}
.top .out{font-size:12.5px;opacity:.8;display:inline-flex;align-items:center;gap:5px;margin-inline-start:6px}
.top .out:hover{opacity:1}

/*  باری سەرەوە flexـێکی بێ wrap بوو : لۆگۆ + جۆر + سێ زمان + ناو +
    دەرچوون لە ٣٧٥px جێیان نەدەبووەوە ، بۆیە هەموو لاپەڕەکەیان
    ١٢٠px دەکێشا (نەک خۆیان). ئێستا دەپێچرێنەوە.                    */
@media (max-width:560px){
  .top .in{flex-wrap:wrap;gap:8px;row-gap:7px}
  .top .tag{display:none}                      /* تەنها «پانێڵ» دەڵێت */
  .top .sp{flex:1 0 auto}
  .admlang{margin-inline-end:0}
  .top .who{max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/*----- بدنەی ناوگا (موبایل: یەک ستون / دێسکتۆپ: گرید دوو ستون) -----*/
.admin-body{display:block}
.aside{border-bottom:1px solid var(--hair)}
.admin-main{padding:0 16px 32px}

/*----- تابەکان — موبایل: ئاسۆیی -----*/
.tabs{display:flex;gap:8px;overflow-x:auto;padding:12px 16px 8px;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:none;background:var(--card);box-shadow:var(--sh);border-radius:999px;padding:9px 18px;font-size:13.5px;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;transition:background var(--t),box-shadow var(--t)}
.tab:hover{box-shadow:var(--sh-up)}
.tab.on{background:var(--ink);color:var(--off);font-weight:500}
.tab .badge{background:var(--amber);color:var(--ink);border-radius:999px;padding:0 8px;font-size:11.5px;font-weight:700}

/*----- دێسکتۆپ: سایدبار (≥1024px) -----*/
@media (min-width:1024px){
  .top .in{padding-inline:24px}
  .admin-body{display:grid;grid-template-columns:220px 1fr;align-items:start;min-height:calc(100vh - 46px)}
  .aside{border-bottom:none;border-inline-end:1px solid var(--hair);position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--card);padding:14px 10px;box-sizing:border-box}
  .tabs{flex-direction:column;gap:2px;padding:0;overflow-x:visible;overflow-y:visible}
  .tab{border-radius:10px;padding:10px 14px;width:100%;box-sizing:border-box;box-shadow:none;background:transparent;justify-content:flex-start}
  .tab:hover{background:var(--inner);box-shadow:none}
  .tab.on{background:var(--amber-soft);color:var(--ink);box-shadow:none;font-weight:600}
  .admin-main{padding:16px 28px 48px;min-width:0}
}

/*----- کارت (سەرپەڕە) -----*/
.card h2{font-size:16px;font-weight:700;letter-spacing:-.02em;margin-bottom:4px;display:flex;align-items:center;gap:10px}
.card h2 .sp{flex:1}
.card .hint{font-size:12.5px;color:var(--muted);margin-bottom:18px}
.card{margin-top:14px}

/*----- فۆرمی گرید -----*/
.frow{display:grid;gap:14px;grid-template-columns:1fr 1fr}
.frow .f{margin-bottom:0}
.f.wide{grid-column:1/-1}
/*سێ خانە لە یەک ڕیز — ناوەکانی سێ زمان. لە مۆبایلدا ڕیزەکە
  بە media query ی خوارەوە دەبێتە یەک ستوون*/
.frow-3{grid-template-columns:1fr 1fr 1fr}
/*جیاکەرەوەی بەشەکانی فۆرم*/
.fsep{border:0;border-top:1px solid var(--hair);margin:20px 0 18px}
.fsec{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.02em;margin:0 0 12px}
/*ئەنجامی پشکنینی slug*/
.slugchk{font-size:12px;margin-top:6px;display:block;min-height:1em}
.slugchk.ok{color:#059669}
.slugchk.bad{color:#DC2626}
.slugchk.wait{color:var(--muted)}
select{appearance:none}
textarea.in{min-height:90px;resize:vertical}

/*----- پیل/چیپ -----*/
.pillbar{display:flex;gap:8px;flex-wrap:wrap}
.pillbar a,.pillbar button{background:var(--inner);border-radius:999px;padding:8px 15px;font-size:13.5px;transition:background var(--t)}
.pillbar a:hover,.pillbar button:hover{background:#F0F0EC}
.pillbar .on,.pillbar [aria-pressed="true"]{background:var(--ink);color:var(--off);font-weight:500}

/*----- ئاگاداریی دووبارە -----*/
.dup{display:none;background:var(--warn-soft);border-radius:var(--r-lg);padding:16px 18px;margin-top:14px}
.dup.on{display:block}
.dup .t{font-size:14px;font-weight:700;color:var(--warn);display:flex;align-items:center;gap:8px;margin-bottom:8px}
.dup .why{font-size:13px;color:var(--warn);margin:0}
.dup .row{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:12px 14px;margin-top:10px}
.dup .row .n{font-weight:700;font-size:14.5px}
.dup .row .m{font-size:12px;color:var(--muted)}
.dup .row .sp{flex:1}
.mini{background:var(--inner);border-radius:11px;padding:7px 14px;font-size:12.5px;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:background var(--t)}
.mini:hover{background:#EFEFEB}
.mini.dark{background:var(--ink);color:var(--off)}
.mini.amber{background:var(--amber)}
.mini.warn{background:var(--warn-soft);color:var(--warn)}

/*----- هەڵبژاردنی نەخشە -----*/
/* بەرزی مەدە بە style="height:…" — لەگەڵ aspect-ratio پانییەکەی بچووک دەکاتەوە
   و لە مۆبایل لە کارتەکە دەردەچێت. min-height کەمترین بەرزی کارا دەپارێزێت. */
.picker{position:relative;width:100%;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/9;min-height:200px;background:var(--inner);cursor:crosshair}
/* نەبێت ڕێسای svg بۆ ناو .picker دابنێیت — نیشانەری Leaflet خۆی svgـە
   و width/height:100% گەورەی دەکات بە قەبارەی نەخشەکە. */
.picker .pin{position:absolute;transform:translate(50%,-100%);pointer-events:none;transition:opacity var(--t)}
.picker .hintbox{position:absolute;inset-inline-start:12px;top:12px;background:rgba(255,255,255,.94);border-radius:999px;padding:6px 14px;font-size:12.5px;box-shadow:var(--sh);pointer-events:none}
/* z-index پێویستە : پەینەکانی Leaflet z-index 200–700 یان هەیە و
   بەبێ ئەمە دوگمەکە لە ژێر نەخشەکەوە دەشاردرێتەوە. */
.gpsbtn{position:absolute;inset-inline-end:12px;bottom:12px;z-index:1000;background:var(--ink);color:var(--off);border-radius:999px;padding:9px 16px;font-size:12.5px;font-weight:500;box-shadow:var(--sh-up);transition:opacity var(--t)}
.gpsbtn:disabled{opacity:.6;cursor:default}

/*----- نوار کردار -----*/
.actionsbar{display:flex;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}
.actionsbar .primary{width:auto}
.timer{margin-inline-start:auto;font-size:12.5px;color:var(--muted)}
.timer b{color:var(--ink);font-weight:700}
.timer.over b{color:var(--warn)}

/*----- ڕیزی پەسەندکردن -----*/
.qitem{background:var(--card);border-radius:var(--r-xl);box-shadow:var(--sh);padding:18px 20px;margin-top:12px}
.qhead{display:flex;align-items:flex-start;gap:12px}
.qhead .n{font-size:16px;font-weight:700;letter-spacing:-.015em}
.qhead .m{font-size:12.5px;color:var(--muted)}
.qhead .sp{flex:1}
.src{font-size:11.5px;border-radius:999px;padding:2px 10px;white-space:nowrap}
.src.owner{background:var(--amber-soft);color:var(--amber-2)}
.src.field{background:var(--ink);color:var(--amber)}
.src.admin{background:var(--inner);color:var(--muted)}
.qmeta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.qmeta span{background:var(--inner);border-radius:999px;padding:5px 13px;font-size:12.5px;color:var(--ink-2)}
.qflag{background:var(--warn-soft);border-radius:14px;padding:12px 15px;margin-top:12px;font-size:13px;color:var(--warn);display:flex;align-items:center;gap:8px}
.qbtns{display:flex;gap:9px;margin-top:14px;flex-wrap:wrap;align-items:center}
.qbtns form{display:inline}

/*----- خشتە -----*/
.tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.tbl th{text-align:start;font-size:12px;color:var(--muted);font-weight:400;padding:0 10px 10px}
.tbl td{padding:12px 10px;border-top:1px solid var(--hair)}
.tbl tr:first-child td{border-top:0}
.tbl .nm{font-weight:700}
.tbl .sub{font-size:12px;color:var(--muted)}

/*----- بەج دۆخ -----*/
.badge{border-radius:999px;padding:3px 11px;font-size:12px;white-space:nowrap;display:inline-block}
.badge.active{background:var(--ok-soft);color:var(--ok)}
.badge.pending{background:var(--amber-soft);color:var(--amber-2)}
.badge.hidden{background:var(--inner);color:var(--muted)}
.badge.tag{background:var(--inner);color:var(--ink-2)}

/*----- تەندروستی داتا -----*/
.hitem{display:flex;align-items:center;gap:12px;background:var(--inner);border-radius:var(--r-lg);padding:13px 16px;margin-top:9px}
.hitem .sp{flex:1}
.hitem .n{font-size:14px;font-weight:500}
.hitem .m{font-size:12px;color:var(--muted)}
.cnt{font-size:12.5px;border-radius:999px;padding:3px 12px;white-space:nowrap}
.cnt.bad{background:var(--warn-soft);color:var(--warn)}
.cnt.mid{background:var(--amber-soft);color:var(--amber-2)}

/*----- ستاتەکان -----*/
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin-top:14px}
.stat{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--sh);padding:16px 18px}
.stat.stat-warn{background:var(--amber-soft,#FFF8E7);box-shadow:0 0 0 1.5px var(--amber,#FAB937)}
.stat .k{font-size:12px;color:var(--muted)}
.stat .v{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.5}
.stat.stat-warn .v{color:var(--amber-2,#D97706)}

.empty{text-align:center;color:var(--muted);font-size:13.5px;padding:30px 10px}

@media (max-width:720px){
  .frow{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
  .tbl .hide{display:none}
}

/*=====================================================================
  لاپەڕەی گشتیی شوێن
=====================================================================*/
.pubstage{max-width:660px;margin:0 auto;padding:0 16px}
.pubstage .lbl{font-size:12.5px;color:var(--muted);line-height:1.6}
.pubstage .val{font-size:17px;font-weight:700;line-height:1.6;letter-spacing:-.015em}
.pubstage .card{padding:24px 22px;margin:0 0 14px}

.rnd{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--card);box-shadow:var(--sh);color:var(--ink);transition:transform var(--t),background var(--t)}
.rnd:hover{transform:scale(1.06)}
.rnd[aria-pressed="true"]{background:var(--amber)}

/*  ئاراستەی تیری گەڕانەوە.

    ئایکۆنی chevron-back بەرەو چەپ کێشراوە ( m15 18-6-6 6-6 ) ،
    کە بۆ LTR ڕاستە. بەڵام لە RTLــدا خوێندنەوە لە ڕاستەوە دەست
    پێدەکات ، بۆیە « دواوە » بەرەو ڕاستە — وەک iOS و ئەندرۆید کە
    هەردووکیان تیرەکە لە RTLــدا هەڵدەگەڕێننەوە.

    هەمان بنەمای .more ــە لە کارتەکانی شوێن ، بەڵام بە پێچەوانە :
    ئەوە بۆ RTL کێشراوە و بۆ LTR هەڵدەگەڕێتەوە.

    save و share دەرکراون — ئایکۆنی خۆیانن نەک تیر.               */
[dir=rtl] .rnd>svg,
[dir=rtl] .myback>svg{transform:scaleX(-1)}
[dir=rtl] #saveBtn>svg,
[dir=rtl] #shareBtn>svg{transform:none}

.topbar{position:fixed;inset-inline:0;top:0;z-index:60;background:rgba(237,237,234,.88);backdrop-filter:blur(18px) saturate(1.4);padding:11px 0;transform:translateY(-120%);transition:transform var(--t)}
.topbar.show{transform:none}
/* هەمان پانایی و پەدینگی .pubstage — ئەگەرنا لە دیسکتۆپ دوگمەکە
   دەچەسپێت بە لێواری شاشەکەوە و لە ناوەڕۆکەکە جیا دەکەوێتەوە */
.topbar .in{max-width:660px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:13px}
.topbar .rnd{width:38px;height:38px}
.topbar .nm{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.hero{position:relative;margin-top:14px;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:4/3;max-height:380px;background:var(--inner)}
.hero .shot{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.hero .fallback{position:absolute;inset:0;display:none;place-items:center;background:var(--amber-soft)}
.hero .fallback.on{display:grid}
.hero .fallback .glyph{font-size:clamp(58px,17vw,92px);font-weight:700;color:var(--amber);line-height:1}
.hero .fallback.ink{background:var(--ink)}.hero .fallback.ink .glyph{color:var(--amber)}
.hero .fallback.grey{background:var(--grey)}.hero .fallback.grey .glyph{color:#fff}
.backbtn{position:absolute;top:14px;inset-inline-start:14px;z-index:5}
.hovers{position:absolute;top:14px;inset-inline-end:14px;display:flex;gap:9px;z-index:5}
.shots{position:absolute;bottom:14px;inset-inline-end:14px;z-index:5;background:rgba(255,255,255,.93);backdrop-filter:blur(8px);font-size:12.5px;padding:6px 14px;border-radius:999px;box-shadow:var(--sh)}

.title{padding:26px 4px 0}
/*  ڕیزی سەرەوەی لاپەڕەی شوێن : ڕێڕەو + گۆڕەری زمان.

    زمان لە کۆتاییەکەیە — هەمان جێگەی لاپەڕەکانی ئەنجام ، تا
    بەکارهێنەر هەمان شوێن بگەڕێت لە هەموو لاپەڕەکاندا.

    align-items:flex-start : ڕێڕەوەکە لەوانەیە دوو دێڕ ببێت لە
    مۆبایلدا ، بەڵام دوگمەی زمان دەبێت لەگەڵ دێڕی یەکەم بمێنێتەوە. */
.dtop{display:flex;align-items:flex-start;gap:10px;margin-bottom:6px}
.dtop .crumb{flex:1;min-width:0;margin-bottom:0}
.dtop #hswLang{flex:none}
/*  لێرەدا دەقی دەوروبەری بچووکە ( ١٢٫٥px ) ، بۆیە دوگمەکەش  */
.dtop .hsw-d>summary{padding:7px 11px;font-size:12.5px}

.crumb{font-size:12.5px;color:var(--muted);display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.crumb a:hover{color:var(--ink)}
.crumb i{font-style:normal;opacity:.4}
.pubstage h1{font-size:clamp(29px,7.4vw,38px);font-weight:700;line-height:1.4;letter-spacing:-.032em;margin-bottom:8px}
.vbadge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;background:var(--ink);color:var(--amber);padding:3px 11px;border-radius:999px;margin-inline-start:9px;position:relative;top:-6px}
.place{color:var(--muted);font-size:14px}
.place .sep{opacity:.4}

.statuspill{display:inline-flex;align-items:center;gap:8px;margin-top:16px;background:var(--card);box-shadow:var(--sh);border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:500}
.statuspill .dot{width:8px;height:8px;border-radius:50%;flex:none}
.statuspill.open{color:var(--ink)}
.statuspill.open .dot{background:var(--amber);animation:pulse 2.6s infinite}
.statuspill.shut{color:var(--muted)}
.statuspill.shut .dot{background:var(--grey)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(250,185,55,.6)}70%{box-shadow:0 0 0 8px rgba(250,185,55,0)}100%{box-shadow:0 0 0 0 rgba(250,185,55,0)}}
.statuspill small{color:var(--muted);font-weight:400}

.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.facts.one{grid-template-columns:1fr}
.fact{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--sh);padding:17px 18px}
.fact .ic{width:34px;height:34px;border-radius:11px;background:var(--inner);display:grid;place-items:center;color:var(--ink-2);margin-bottom:11px}

.acts{display:grid;gap:11px;margin:14px 0 34px}
.callbtn{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--amber);color:var(--ink);border-radius:var(--r-md);padding:17px 22px;font-size:15.5px;font-weight:700;box-shadow:var(--sh-a);transition:transform var(--t),background var(--t)}
.callbtn:hover{background:var(--amber-2)}
.callbtn:active{transform:scale(.985)}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.sbtn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--card);border-radius:var(--r-md);padding:15px 8px;font-size:14.5px;font-weight:700;box-shadow:var(--sh);transition:box-shadow var(--t),transform var(--t)}
.sbtn:hover{box-shadow:var(--sh-up)}
.sbtn .wa-i{color:#25D366}

.ctitle{font-size:17px;font-weight:700;letter-spacing:-.02em;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.ctitle .n{font-size:12.5px;color:var(--muted);font-weight:400;margin-inline-start:auto}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
/*  ژمارەی تەلەفۆن ، ئایدی ئینستاگرام و ماڵپەڕ وشەی نەشکێنن.
    لە ٣٢٠px خانەکە ٧٥px ناوەڕۆکی هەیە بەڵام ژمارەکە ~٨٥px ⇒
    لە خانەکە دەردەچوو. overflow-wrap:anywhere ڕێگە دەدات
    بشکێنرێن لە جیاتی دەرچوون.                                */
.cell{background:var(--inner);border-radius:var(--r-lg);padding:15px 16px;min-width:0}
.cell > *{overflow-wrap:anywhere}
.cell.wide{grid-column:1 / -1}
.cell a:hover{color:var(--amber-2)}

.hrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 2px;font-size:14.5px;color:var(--ink-2)}
.hrow+.hrow{border-top:1px solid var(--hair)}
.hrow .t{color:var(--muted);font-size:14px}
.hrow.today{background:var(--amber-soft);color:var(--ink);font-weight:700;border-radius:14px;padding:11px 14px;margin:0 -12px}
.hrow.today+.hrow{border-top:0}
.hrow.today .t{color:var(--ink)}

details.ms+details.ms{margin-top:10px}
details.ms>summary{list-style:none;cursor:pointer;background:var(--inner);border-radius:var(--r-lg);padding:14px 18px;display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;transition:background var(--t)}
details.ms>summary::-webkit-details-marker{display:none}
details.ms>summary .cnt{font-weight:400;font-size:12.5px;color:var(--muted)}
details.ms>summary .arw{margin-inline-start:auto;color:var(--muted);transition:transform var(--t)}
details.ms[open]>summary{background:var(--amber);color:var(--ink)}
details.ms[open]>summary .arw{transform:rotate(180deg)}
.mi{display:flex;gap:12px;padding:14px 18px 4px;align-items:flex-start}
.mi .t{font-size:15px;line-height:1.6;color:var(--ink-2)}
.mi .d{font-size:12.5px;color:var(--muted);line-height:1.7}
.mi .p{margin-inline-start:auto;white-space:nowrap;font-size:14.5px;font-weight:700}
.mi.out .t,.mi.out .p{color:var(--muted)}
.flag{font-size:11px;color:var(--muted);background:var(--inner);padding:1px 9px;border-radius:999px;margin-inline-start:6px}

.tags{display:flex;flex-wrap:wrap;gap:9px}
.tag{background:var(--inner);color:var(--ink-2);border-radius:999px;padding:8px 16px;font-size:13.5px}

.mapbox{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/10;background:var(--inner)}
/* هەروەک .picker — ڕێسای svg لێرە نیشانەری Leaflet گەورە دەکات */
.mapbox .veil{position:absolute;inset:0;display:grid;place-items:center;background:rgba(248,248,246,.5);backdrop-filter:blur(2px);transition:opacity var(--t)}
.mapbox.on .veil{opacity:0;pointer-events:none}
.mapbox .load{background:var(--ink);color:var(--off);box-shadow:var(--sh-up);border-radius:999px;padding:11px 24px;font-size:14px;font-weight:700}
.coord{font-size:12.5px;color:var(--muted);margin-top:14px;text-align:center}

.rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -22px;padding:2px 22px 8px;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}

/*  لەسەر مۆبایل بە پەنجە دەخلیسکێت ، بۆیە سکرۆڵبار شاراوەیە.
    بەڵام لەسەر کۆمپیوتەر بە ماوسێکی ئاسایی هیچ ڕێگەیەک نەبوو —
    نە سکرۆڵبار هەبوو نە تیر. (٧٠٩px بەردەست بەرامبەر ١٠٥٢px
    ناوەڕۆک ⇒ ٣٤٣px شاراوە.)

    hover:hover + pointer:fine واتە ئامێرێک بە ماوس ، نەک
    ڕوونووسی تووچ.                                            */
@media (hover:hover) and (pointer:fine){
  .rail{scrollbar-width:thin;scrollbar-color:var(--hair) transparent;padding-bottom:4px}
  .rail::-webkit-scrollbar{display:block;height:8px}
  .rail::-webkit-scrollbar-track{background:transparent}
  .rail::-webkit-scrollbar-thumb{background:var(--hair);border-radius:999px}
  .rail:hover::-webkit-scrollbar-thumb{background:var(--muted)}
}
/*  کارتەکە پاشبنەمای سپی و هێڵێکی باریکی هەیە — پێشتر var(--inner)
    بوو کە هەمان ڕەنگی ناو کارتی گەورەیە ، بۆیە سنووریان دیار نەبوو. */
.np{flex:0 0 158px;scroll-snap-align:start;background:var(--card);
    border:1px solid var(--hair);border-radius:var(--r-lg);overflow:hidden;
    transition:transform var(--t),box-shadow var(--t),border-color var(--t)}
.np:hover{transform:translateY(-3px);box-shadow:var(--sh-up);border-color:transparent}
/*  overflow:hidden پارێزەرە : ئەگەر وێنەیەک بە هەر هۆکارێک
    لە ٩٦pxـەکە درێژتر بێت ، ناتوانێت بێتە سەر دەقەکە.  */
.np .ph{height:96px;display:grid;place-items:center;position:relative;overflow:hidden}

/*  نیشانەی دووری لەسەر گۆشەی وێنەکە  */
.np .dist{
  position:absolute;top:8px;inset-inline-end:8px;
  background:var(--card);color:var(--ink);
  font-size:11px;font-weight:700;line-height:1;
  padding:5px 9px;border-radius:999px;
  box-shadow:0 1px 3px rgba(30,30,28,.14);
}
/*  :not(.dist) پێویستە — ئەم ڕێسانە بۆ پیتی جێگرەوەن کاتێک
    وێنە نییە ، بەڵام هەر spanـێکی ناو .ph دەگرن و نیشانەی
    دووریشیان دەگرتەوە (٢٨px !). هەروەها ڕەنگیان لێ دەکرد.      */
.np .ph span:not(.dist){font-size:28px;font-weight:700}
.np .ph.soft{background:var(--amber-soft)}.np .ph.soft span:not(.dist){color:var(--amber-2)}
.np .ph.ink{background:var(--ink)}.np .ph.ink span:not(.dist){color:var(--amber)}
.np .ph.grey{background:var(--grey)}.np .ph.grey span:not(.dist){color:#fff}
/*  وەک ‎.thumb : وێنە لەسەر پیتەکان دادەنرێت ، نەک لە خانەیەکی
    جیای گریددا. ئەگەر وێنەکە شکا و لابرا ، پیتەکان دەردەکەون.  */
.np .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/*  .tx و .n و .m هەموویان <span>ـن. بەبێ display:block ئینلاین
    دەمێننەوە — ئەوسا padding-ـی سەرەوە دەقەکە بەرەو خوارەوە پاڵ
    نادات و ١٠px دەکەوێتە سەر وێنەکە ، هەروەها تەنها ٧٤px لە ١٦٤
    دەگرێت بۆیە ناوەکان دەبڕدرێن.                                  */
/*  پاشبنەما و z-index : دەقەکە هەمیشە لەسەرەوەیە ، تەنانەت
    ئەگەر شتێک لە سەرەوەی خۆیەوە بڕژێتە خوارەوە.  */
.np .tx{display:block;padding:11px 12px 12px;position:relative;z-index:1;background:var(--card)}

/*  جۆر لە سەرەوە — بچووک و بێدەنگ ، یەک ڕیز  */
.np .c{display:block;font-size:11px;color:var(--muted);line-height:1.45;margin-bottom:4px;
       white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/*  ناو : زۆرترین سێ ڕیز — بەڵام جێ حیجز ناکرێت.

    min-height:4.5emـم هەبوو ، بەڵام ئەوە هەمیشە سێ ڕیزی
    دەگرت تەنانەت بۆ ناوی یەک ڕیزیش — بە پێوانە ٣٣px بۆشایی
    مردوو لە هەر کارتێکدا (٣٩px لە چواریان لە شەش).

    پێویستیشی پێ نییە : .rail خۆی flexـە و align-items بە
    بنەڕەت stretchـە ، بۆیە هەموو کارتەکان بەرزی بەرزترینیان
    وەردەگرن. ئێستا ئەگەر هیچ ناوێک درێژ نەبێت ، هەموو ڕیلەکە
    کورت و چڕ دەبێت.                                            */
.np .n{
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  font-size:13px;font-weight:700;line-height:1.5;
}
.adlabel{display:inline-block;font-size:10.5px;color:var(--ink);background:var(--amber);padding:1px 9px;border-radius:999px;margin-inline-start:5px;vertical-align:middle}

.owner{display:grid;gap:11px;margin-bottom:8px}
.owner a{display:flex;align-items:center;justify-content:space-between;font-size:14.5px;color:var(--ink-2);padding:17px 20px;border-radius:var(--r-md);background:var(--card);box-shadow:var(--sh);transition:box-shadow var(--t),color var(--t)}
.owner a:hover{box-shadow:var(--sh-up);color:var(--ink)}
.owner svg{color:var(--muted)}
.updated{font-size:12px;color:var(--muted);text-align:center;padding:20px 0 0}
.pubfoot{text-align:center;padding:22px 0 36px}
.pubfoot p{font-size:12.5px;color:var(--muted)}

.dock{position:fixed;inset-inline:0;bottom:0;z-index:55;background:rgba(237,237,234,.9);backdrop-filter:blur(18px) saturate(1.4);padding:12px 16px calc(12px + env(safe-area-inset-bottom));transform:translateY(125%);transition:transform 300ms cubic-bezier(.32,.02,.2,1)}
.dock.show{transform:none}
.dock .in{max-width:660px;margin:0 auto;display:grid;
          grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:10px}
/*  لە ٣٢٠px پیتەکان لە جیاتی دەرچوون دەبڕدرێن  */
.dock .b{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:var(--r-md);padding:14px 8px;font-size:14px;font-weight:700;
         min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dock .b.call{background:var(--amber);color:var(--ink);box-shadow:var(--sh-a)}
.dock .b.wa,.dock .b.dir{background:var(--card);color:var(--ink-2);box-shadow:var(--sh)}
.dock .b.wa .wa-i{color:#25D366}

@media (min-width:860px){
  .pubstage{max-width:720px;padding:0 24px}
  .dock{display:none}
  .hero{aspect-ratio:16/9;max-height:400px}
}


/*=====================================================================
  لاپەڕەی لیست/لەندینگ
=====================================================================*/
.head{position:sticky;top:0;z-index:50;background:rgba(237,237,234,.9);backdrop-filter:blur(18px) saturate(1.4)}
.head .in{max-width:660px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:11px}
/* نوارێکی گەڕان. دوو شێوەی هەیە :
     <a  class="searchbar">  → پەڕەکانی Pages/Error — تەنها لینک
     <form class="searchbar"> → پەڕەکانی ئەنجام — فۆڕمێکی ڕاستەقینە */
.searchbar{position:relative;flex:1;display:flex;align-items:center;gap:10px;background:var(--card);box-shadow:var(--sh);border-radius:999px;padding:11px 18px;color:var(--muted);font-size:14px;transition:box-shadow var(--t);min-width:0}
.searchbar:hover{box-shadow:var(--sh-up)}
.searchbar b{color:var(--ink);font-weight:500}
/* کاتێک کاربەر دەنووسێت، نوارەکە بەرز دەبێتەوە — نیشانەی چالاکی */
.searchbar:focus-within{box-shadow:var(--sh-up)}
.sb-in{flex:1;min-width:0;font-size:14px;color:var(--ink);background:none;border:0;padding:0;outline:0}
/*  لە شاشە زۆر تەسکەکاندا ( 360px ) دەقی وەک « گەڕان لە سلێمانی »
    جێی نابێتەوە. بە ellipsis وا دیارە کە بە ئەنقەست کورتکراوە
    نەک بڕدرابێت.                                                  */
.sb-in::placeholder{color:var(--muted);opacity:1;text-overflow:ellipsis}
/* دگمەی ناوکی پاککردنەوەی وێبگەڕ ناشرینە لەناو نوارێکی گردەکراودا */
.sb-in::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.sb-go{display:inline-grid;place-items:center;flex:none;color:var(--muted);background:none;border:0;padding:0;cursor:pointer;transition:color var(--t)}
.sb-go:hover{color:var(--ink)}
.searchbar:focus-within .sb-go{color:var(--amber-2)}

.count{display:flex;align-items:center;gap:9px;padding:6px 4px 0;color:var(--muted);font-size:13.5px}
.count b{color:var(--ink);font-weight:700}
/*  متنی SEO ی سەرەوەی لیست — لە هابی شار، هابی جۆر و پەڕەی لیست.
    ناوی چینەکە لە ڕەزۆردا page-intro ـە ؛ پێشتر لێرە intro بوو و
    بۆیە هیچ ستایلێکی نەدەگرت.
    max-width : ڕستەی درێژ لە شاشەی پان ناخوێنرێتەوە ئەگەر ڕیزەکان
    زۆر پان بن — نزیکەی ٧٠ پیت ئاسوودەترینە.                        */
/*  max-width:70ch لابرا — پانی تەواو داواکراوە.

    ئاگاداری خوێندنەوە : دێڕی درێژتر لە ~٧٥ نووسە خوێندنەوەی
    قورستر دەکات ، چونکە چاو لە گەڕانەوەیدا بۆ دێڕی داهاتوو
    شوێنی خۆی لەدەست دەدات. لە شاشەی فراواندا ئەم دەقە ئێستا
    درێژتر دەبێت — ئەگەر ناڕەحەت بوو ، گەڕاندنەوەی ئاسانە.     */
.page-intro{
  color:var(--ink-2); font-size:14.5px; line-height:1.9;
  padding:14px 4px 0; margin:0;
}

/*=====================================================================
  گۆڕینی زمان و شار — لە سەری لاپەڕەکانی ئەنجام
=====================================================================*/
/*  ─── مۆبایل ( بنەڕەت ) : دوو ڕیز ────────────────────────────────

    ١) گەڕانەوە · لۆگۆ · زمان
    ٢) قرصەکەی گەڕان — بە هەموو پانییەوە

    پێشتر هەر چوارەکە لە یەک ڕیزدا بوون. لە شاشەیەکی ٣٦٠px ــدا
    ئەوە واتای وابوو کە خانەی نووسینی گەڕان تەنها ٩٦px بوو بۆ
    دەقێکی ٩٤px — واتە دوو پیکسل لە بڕدرانەوە.                     */
/*  ژمارەکان بە ئەنقەست تەسکن : سەرەکە لە مۆبایلدا دوو ڕیزە و
    هەر پیکسلێکی زیادە دوو جار حیساب دەکرێت.                     */
.head .in{flex-direction:column;align-items:stretch;gap:6px;padding:7px 16px 8px}
.hdrow{display:flex;align-items:center;gap:8px;min-width:0}

/*  دوگمەی گەڕانەوە لە سەری ئەنجامەکاندا بچووکترە لەوەی لە
    شوێنەکانی تر — ٤٤px بۆ ڕیزێکی دوو-قاتی زۆر بوو.

    بەڵام ٣٦px بۆ پەنجە بچووکە ( پێوەری ٤٤px ــە ) ، بۆیە
    ناوچەی دەستلێدان بە ::after فراوان دەکرێتەوە بەبێ ئەوەی
    شێوەکە گەورە بێت.                                           */
.hdrow-top .rnd{width:36px;height:36px;position:relative}
.hdrow-top .rnd::after{content:'';position:absolute;inset:-4px;border-radius:50%}
.hdrow-top .hsw-d>summary{position:relative}
.hdrow-top .hsw-d>summary::after{content:'';position:absolute;inset:-4px}

/*  لۆگۆ لە ناوەڕاست. flex:1 بۆشایی هاوسەنگ دەهێڵێتەوە بەبێ
    ئەوەی position:absolute بەکاربێت.                            */
.hlogo{flex:1;text-align:center;font-size:15px;font-weight:700;
  letter-spacing:-.03em;color:var(--ink);white-space:nowrap;line-height:1.2}
.hlogo em{font-style:normal;color:var(--amber-2)}

/*  شاردنەوەی ڕیزی سەرەوە بە سکڕۆڵ بەرەو خوارەوە.

    transform بەکاردێت نەک height : گۆڕینی بەرزایی ، بەرزایی
    سەرەکەش دەگۆڕێت و ناوەڕۆکی خوارەوە دەجوڵێت ( CLS ). transform
    هیچ کاریگەرییەکی لەسەر لەیئاوت نییە.

    سەرەکە بە تەواوی بەرزایی ڕیزی یەکەم بەرەو سەرەوە دەجوڵێت ،
    بۆیە ڕیزی یەکەم لە شاشە دەردەچێت و ڕیزی دووەم دەگاتە سەرەوە.
    ڕەنگی پشتەوەی سەرەکە لەگەڵیدا دەجوڵێت ، بۆیە هیچ کەلێنێک
    دروست نابێت.                                                  */
.head{transition:transform .26s ease}
/*  ٤٥px = ٧ پادینگ + ٣٨ ڕیزی سەرەوە.
    JS ژمارە ڕاستەقینەکە دەخاتە شوێنی ، ئەمە ئەو کاتەیە کە نەگات.  */
.hdrow-top{min-height:38px}
.head.hup{transform:translateY(calc(-1 * var(--hshift, 45px)))}

/*  قرصەکە لە سەری ئەنجامەکاندا تەسکترە. ١١px ی بنەڕەت لەگەڵ
    خانەیەکی ٢٦px بەرزی ٥٣px دەدات — لە مۆبایلدا زۆرە.          */
.hdrow-search .searchbar{padding:8px 14px}
.hdrow-search .sbc>summary{font-size:13px}
.hdrow-search .sb-in{font-size:13.5px}

/*  ─── شاشە گەورەکان : هەموویان لە یەک ڕیزدا ─────────────────── */
@media (min-width:860px){
  .head .in{flex-direction:row;align-items:center;gap:11px}
  /*  display:contents وا دەکات منداڵەکانی هەر ڕیزێک ڕاستەوخۆ
      ببنە ئەندامی ڕیزی سەرەکی — ئینجا order جێگەیان دیاری دەکات. */
  .hdrow{display:contents}
  .head .in>.hdrow>.rnd{order:0}
  .hlogo{order:1;flex:none;text-align:start}
  .head .in .searchbar{order:2}
  .head .in #hswLang{order:3}
  /*  لە دەسکتۆپدا شاردنەوە بێواتایە — جێگە کەم نییە  */
  .head.hup{transform:none}
}

/*  ئەگەر بەکارهێنەر جووڵەی کەمتری داواکردبێت ، ڕیزەکە هەمیشە
    دەمێنێتەوە — نە دەشاردرێتەوە و نە دەجوڵێت.                    */
@media (prefers-reduced-motion:reduce){
  .head{transition:none}
  .head.hup{transform:none}
}

.hsw-d{position:relative}
.hsw-d>summary{
  list-style:none;cursor:pointer;user-select:none;
  display:inline-flex;align-items:center;gap:6px;
  background:var(--card);box-shadow:var(--sh);border-radius:999px;
  padding:10px 14px;font-size:13.5px;font-weight:600;color:var(--ink);
  white-space:nowrap;transition:box-shadow var(--t);
}
.hsw-d>summary::-webkit-details-marker{display:none}
.hsw-d>summary:hover{box-shadow:var(--sh-up)}

/*  ─── شار لەناو قرصەکەی گەڕاندا ( .sbc ) ────────────────────────

    بەشێکە لە قرصەکە ، نەک چیپێکی سەربەخۆ — بۆیە پشتەوە و سێبەر
    و پادینگی خۆی نامێنێت و بە ڕەشبەیەکی باریک لە خانەی نووسین
    جیا دەکرێتەوە.                                                */
.searchbar.has-city{padding-inline-start:12px}
.sbc>summary{background:none;box-shadow:none;border-radius:0;
  padding:0;font-size:13.5px;gap:5px}
.sbc>summary:hover{box-shadow:none;color:var(--amber-2)}
.sbc>summary>svg{color:var(--muted);flex:none}
.sb-div{flex:none;width:1px;height:20px;background:var(--hair)}

/*  مێنیوەکەی لەگەڵ قەراغی قرصەکە ڕێک دەخرێت نەک لەگەڵ دەقەکە  */
.sbc .hsw-m{top:calc(100% + 14px)}

/*  تیرەکە — بە CSS ، بۆیە ئایکۆنێکی زیادە ناوێت  */
.hsw-c{width:0;height:0;flex:none;
  border-left:4px solid transparent;border-right:4px solid transparent;
  border-top:5px solid var(--muted);transition:transform var(--t)}
.hsw-d[open] .hsw-c{transform:rotate(180deg)}

.hsw-m{
  position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:60;
  background:var(--card);border-radius:var(--r-md);box-shadow:var(--sh-up);
  padding:6px;min-width:172px;max-height:60vh;overflow-y:auto;
}
.hsw-m a{
  display:block;padding:9px 13px;border-radius:12px;
  font-size:13.5px;color:var(--ink);white-space:nowrap;
}
/*  مێنیوی شار بەرەو ناوەوەی لاپەڕە دەکرێتەوە نەک بەرەو دەرەوە.

    دوگمەی شار لە سەرەتای ڕیزەکەیە ( لە RTLــدا ڕاست‌ترین خاڵ ) ،
    بۆیە ئەگەر وەک مێنیوی زمان بە کۆتاییەوە بلکێت ، لە شاشە
    تەسکەکاندا لە قەراغی لاوە دەردەچێت. بە سەرەتاوە دەلکێت تا
    بەرەو ناوەوە درێژ ببێتەوە.                                   */
#hswCity .hsw-m{inset-inline-start:0;inset-inline-end:auto}

/*  خانەی گەڕانی شار.

    خانەکە دەرەوەی ناوچەی سوڕانەوەیە نەک sticky — بەم
    شێوەیە هەرگیز ون نابێت و ڕیزەکانیش لە پشتیەوە
    دەرناکەون ( sticky لەگەڵ padding ــی دەوروبەرەکەدا
    درزێکی ٦ پیکسڵی دەهێشتەوە ).                          */
.hsw-q{display:block;width:100%;box-sizing:border-box;margin-bottom:4px;
  padding:9px 12px;border:0;border-radius:12px;
  background:var(--inner);color:var(--ink);font-family:inherit;font-size:13.5px}
/*  ئێستا لیستەکە دەسوڕێت ، نەک هەموو مێنیوەکە  */
.hsw-list{display:block;max-height:min(46vh,340px);overflow-y:auto}
#hswCity .hsw-m{max-height:none;overflow:visible}
.hsw-q::placeholder{color:var(--muted)}
.hsw-q:focus{outline:2px solid var(--amber);outline-offset:-2px}
.hsw-q::-webkit-search-cancel-button{cursor:pointer}
.hsw-none{padding:10px 13px;color:var(--muted);font-size:13px;margin:0}

.hsw-m a:hover{background:var(--inner)}
.hsw-m a.on{background:var(--amber-soft);color:var(--amber-2);font-weight:700}

/*  دوگمەی زمان لە مۆبایلدا کورتکراوە پیشان دەدات ( کو / ع / EN ).

    ئێستا کە قرصەکە ڕیزی خۆی هەیە ، ئەمە بۆ جێگە نییە بەڵکو بۆ
    ئەوەیە کە لۆگۆ لە ناوەڕاستدا بمێنێتەوە — « English » ــێکی
    درێژ لایەکی ڕیزەکە قورس دەکات.                                */
@media (max-width:859.98px){
  /*  دوگمەی زمان ٤٥px بوو — بەرزترین توخم لە ڕیزەکەدا و بۆیە
      بەرزایی هەموو ڕیزەکەی دیاری دەکرد.                        */
  .hdrow-top .hsw-d>summary{padding:7px 11px;font-size:12.5px}
}

.crail{display:flex;gap:9px;overflow-x:auto;margin:20px -16px 0;padding:2px 16px 4px;scrollbar-width:none}
.crail::-webkit-scrollbar{display:none}
.cchip{flex:none;background:var(--card);box-shadow:var(--sh);border-radius:999px;padding:9px 17px;font-size:13.5px;white-space:nowrap;transition:box-shadow var(--t),transform var(--t)}
.cchip:hover{box-shadow:var(--sh-up);transform:translateY(-1px)}
.cchip.on{background:var(--ink);color:var(--off);font-weight:500}
/* ژمارەی شوێنەکان — لە هابی شار/جۆر، ڕیزەکە هەم لینکە هەم ژمارە دەدات */
.cchip .n{color:var(--muted);font-size:12px;margin-inline-start:5px}
.cchip.on .n{color:var(--grey)}

/*=====================================================================
  چیپی جۆر بە گروپەوە
=====================================================================*/
/*  ١٧١ جۆری چالاک هەیە. ڕیزێکی تەخت دیوارێکە ، بۆیە دوو ئاست :
    ڕیزی گروپەکان لە سەرەوە و جۆرەکانی گروپی چالاک لە خوارەوە.

    هەموو ڕیزەکانی جۆر لە HTMLــدان و بە CSS شاردراونەتەوە —
    بەم شێوەیە گۆڕینی گروپ خێرایە و بەبێ داواکاریی نوێ.          */
.cgroups{margin-top:20px}
.cgroups .crail{margin-top:0}

/*  ڕیزی گروپەکان — کەمێک جیاوازتر تا لە جۆرەکان جیا بکرێتەوە  */
.cgrail{padding-bottom:2px}
/*  color:inherit پێویستە — بەبێ ئەو ، دگمە ڕەنگی
    بنەڕەتیی وێبگەڕ ( buttontext ) وەردەگرێت و لە
    دۆخی تاریکدا جیاواز دەبێت لە چیپە لینکەکان.     */
.cgchip{display:inline-flex;align-items:center;gap:6px;cursor:pointer;
  border:0;font-family:inherit;font-size:13.5px;color:inherit;padding:9px 14px}
.cgchip svg{flex:none;opacity:.75}
.cgchip.on svg{opacity:1}

/*  ڕیزی جۆرەکان — تەنها ئەوەی .on ــە دیارە.

    .cgroups .ccrail نەک .ccrail بەتەنیا : سەرەوە
    ‏.cgroups .crail{margin-top:0} هەیە و تایبەتمەندیی
    بەرزترە — بۆیە بۆشاییەکە بێدەنگ دەکوژرایەوە.    */
.ccrail{display:none}
.cgroups .ccrail{margin-top:9px}
.ccrail.on{display:flex}

/*  بێ ڕیزی گروپ ( پەڕەی لیست ) : ٩ پیکسڵ بۆ نزیکبوونەوە
    لە ڕیزی سەرەوە بوو. لێرە هیچی سەرەوە نییە ، بۆیە
    بۆشایی ئاسایی ڕیزەکان دەگەڕێتەوە.                     */
.cgroups.nog{margin-top:0}
.cgroups.nog .ccrail{margin-top:20px}

/*  چیپی « هەموو جۆرەکان » — دەرگای گەڕانەوە بۆ هابی شار.
    بە ڕەنگی جیاواز تا لەگەڵ جۆرەکان تێکەڵ نەبێت.        */
.callcat{display:inline-flex;align-items:center;gap:5px;
  background:var(--inner);box-shadow:none;color:var(--muted)}
.callcat svg{flex:none;opacity:.8}
/*  کەمێک بچووکتر لە گروپەکان — ئاستی دووەمن  */
.ccrail .cchip{font-size:13px;padding:8px 15px}

/*  ژمارەی ئەنجام و دگمەکانی دیمەن لە یەک ڕیزدا.

    نەخشە و نزیکم پێشتر لەناو ڕیزی پاڵاوتندا بوون و لە
    مۆبایلدا ڕیزێکی زیادەیان دەخوارد. ئێستا شوێنی بەتاڵی
    تەنیشت « ١٩ شوێن » پڕ دەکەنەوە — بێ ڕیزی نوێ.          */
.cntrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cntrow .count{flex:1;min-width:0;padding-bottom:0}
.cntrow .vtabs{flex:none}

/*  ڕیزی ئامرازەکان : پاڵاوتنە سوڕاوەکان لەم سەرەوە ، مێنیوی
    گەڕەک لەو سەرەوە بە جێگەیەکی چەسپاو.

    مێنیوەکە ناچێتە ناو ‎.tools چونکە ئەوە دەیبڕێت ( سەیری
    لێدوانەکەی ناو ‎List/Index بکە ). ‎.vtabs ــیش لێرە نەما —
    چووە سەر ڕیزی ژمارەکە.                                    */
.toolrow{display:flex;align-items:center;gap:10px;margin-top:14px}
.toolrow .tools{margin-top:0;flex:1;min-width:0}
.toolrow>.dsw{flex:none}

/*  مێنیوی گەڕەک — وەک چیپەکانی تەنیشتی دەردەکەوێت  */
.dsw>summary{padding:8px 14px;font-size:13px;gap:6px}
.dsw>summary svg{opacity:.7}
.dsw.on>summary{background:var(--ink);color:var(--off);font-weight:500}
.dsw.on>summary svg{opacity:1}
/*  ‎inset-inline-start لێرە هەڵەیە : دگمەی گەڕەک لە کۆتایی
    ڕیزەکەیە ، بۆیە مێنیو بەرەو دەرەوەی شاشە درێژ دەبووەوە
    ( تاقیکرایەوە : ‎left = -100px ). ‎.hsw-m ــی بنەڕەتی
    ‎inset-inline-end:0 ــە و بەرەو ناوەوە دەکرێتەوە.        */
.dsw .hsw-m{max-height:min(58vh,420px);overflow-y:auto}
.dsw .hsw-m .num{color:var(--muted);font-size:12px;margin-inline-start:6px}
.tools{display:flex;gap:9px;align-items:center;margin-top:14px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none}
.tools::-webkit-scrollbar{display:none}
.fchip{flex:none;display:inline-flex;align-items:center;gap:6px;background:var(--card);box-shadow:var(--sh);border-radius:999px;padding:8px 15px;font-size:13px;white-space:nowrap;transition:background var(--t),color var(--t)}
.fchip.on{background:var(--amber);font-weight:500}
.fchip .d{width:7px;height:7px;border-radius:50%;background:var(--amber);flex:none}
.fchip.on .d{background:var(--ink)}
.tools .spacer{flex:1;min-width:4px}

/*  ══ گرێدەکان لە شاشەی باریکدا ══

    ئایتمی گرێد بە بنەڕەت min-width:autoــە ، واتە ناتوانێت لە
    min-contentـی خۆی باریکتر بێت. ئەگەر ناوەڕۆکەکە پانتر بێت لە
    ستوونەکە ، ستوونەکە گەورە دەبێت و لە ظرفەکەی دەردەچێت —
    و هەموو لاپەڕەکە بە تەنیشتدا دەخلیسکێت.

    لە ٤٣٠px (iPhone 14 Pro Max) دیار نەبوو چونکە جێی دەبووەوە.
    لە ٣٦٠px (Galaxy S23) :
        .list   ظرف ٣١٣px  →  ستوون ٣٦٢px
        .grid2  ظرف ٢٦٩px  →  ستوون ١٧٤+١٦٧

    min-width:0 لەسەر ئایتمەکان ئەم بنەڕەتە هەڵدەوەشێنێتەوە.
    یەک ڕێسا بۆ هەموویان ، نەک پینەی جیا بۆ هەر گرێدێک.        */
.list > *, .grid2 > *, .facts > *, .pair > *, .citygrid > *,
.frow > *, .stats > *, .mycard > *, .mec-irow2 > *, .dock .in > *{min-width:0}

.list{display:grid;gap:12px;margin-top:18px;grid-template-columns:minmax(0,1fr)}
.item{display:flex;gap:13px;background:var(--card);border-radius:var(--r-lg);box-shadow:var(--sh);padding:13px;transition:box-shadow var(--t),transform var(--t);position:relative;cursor:pointer}
.item:hover{box-shadow:var(--sh-up);transform:translateY(-2px)}
.item.promo{box-shadow:var(--sh-up)}

/* هەموو کارتەکە کلیک‌کراوە — «ستراتچد لینک» :
   <a> ناکرێت لە ناو <a>دا بێت، بۆیە سێبەرێکی نەدیار لە لینکی ناوەکەوە
   هەموو کارتەکە دادەپۆشێت. لینکی ڕاستەقینەیە : کلیکی ناوەڕاست، Ctrl+کلیک،
   «کردنەوە لە تابێکی نوێ» و کیبۆرد هەموویان کار دەکەن. */
.item .nm::after{content:"";position:absolute;inset:0;z-index:1}
/* دگمەکان دەبێت لەسەر سێبەرەکە بن، ئەگەرنا کلیکیان بۆ کارتەکە دەڕوات */
.item .rowbtns a,.item .rowbtns button{position:relative;z-index:2}
.item .thumb{width:92px;height:92px;border-radius:16px;flex:none;overflow:hidden;position:relative;background:var(--inner);display:grid;place-items:center}
.item .thumb .gl{font-size:30px;font-weight:700}
.item .thumb.a{background:var(--amber-soft)} .item .thumb.a .gl{color:var(--amber-2)}
.item .thumb.b{background:var(--ink)} .item .thumb.b .gl{color:var(--amber)}
.item .thumb.c{background:var(--grey)} .item .thumb.c .gl{color:#fff}
.item .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.item .body{flex:1;min-width:0}
.topline{display:flex;align-items:flex-start;gap:8px}
.item .nm{font-size:16px;font-weight:700;line-height:1.5;letter-spacing:-.015em}
.tick{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--ink);color:var(--amber);flex:none;margin-inline-start:5px;vertical-align:middle;position:relative;top:-1px}
.promolab{font-size:10.5px;background:var(--amber);color:var(--ink);padding:1px 9px;border-radius:999px;margin-inline-start:6px;vertical-align:middle}
.item .meta{font-size:12.5px;color:var(--muted);line-height:1.7}
.state{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;margin-inline-start:auto;flex:none;white-space:nowrap}
.state .d{width:7px;height:7px;border-radius:50%}
.state.open{color:var(--ink)} .state.open .d{background:var(--amber)}
.state.shut{color:var(--muted)} .state.shut .d{background:var(--grey)}
/*  لە ٣٦٠px (Galaxy S23) دگمەکان + بازنەی «بڕۆ ژوورەوە» جێیان
    نەدەبووەوە و بازنەکە دەردەچوو. ئێستا سێ ئاست :
      ١) دگمەکان دەتوانن بچووک ببنەوە (min-width:0)
      ٢) پیتەکان لە جیاتی دەرچوون دەبڕدرێن
      ٣) ئەگەر هێشتا جێی نەبووەوە ، دەپێچرێنەوە                */
.rowbtns{display:flex;align-items:center;gap:8px;margin-top:9px;flex-wrap:wrap;row-gap:8px}
.rowbtns > .rbtn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* شێورانی «بڕۆ ژوورەوە» — لە کۆتایی ڕیزی دگمەکان.
   z-index وەرناگرێت، بۆیە کلیکی لەسەری بۆ سێبەری کارتەکە دەڕوات. */
.item .more{margin-inline-start:auto;flex:none;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--amber);color:var(--ink);transition:background var(--t),transform var(--t)}
.item:hover .more{background:var(--amber-2);transform:translateX(-3px)}
/* لە RTL «بەرەوپێش» = چەپ ؛ لە LTR ئایکنەکە هەڵدەگەڕێتەوە */
[dir=ltr] .item .more{transform:scaleX(-1)}
[dir=ltr] .item:hover .more{transform:scaleX(-1) translateX(-3px)}
.rbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--inner);border-radius:12px;padding:8px 14px;font-size:12.5px;font-weight:500;transition:background var(--t)}
.rbtn:hover{background:#F0F0EC}
/* هەردوو دگمە هەمان شێوەیان هەیە — تەنها ڕەنگی ئایکن جیاوازە :
   کەهرەبایی بۆ پەیوەندی (ڕەنگی سایت) و سەوز بۆ واتساپ (ڕەنگی خۆی) */
.rbtn.call svg{color:var(--amber-2)}
.rbtn .wa-i{color:#25D366}

/*=====================================================================
  فۆڕمی ڕاپۆرتی زانیاری هەڵە
=====================================================================*/
/*  هەر شەش جۆرەکە پێکەوە دەبینرێن نەک لە لیستێکی داواکردندا —
    کەسێک کە دەیزانێت چی هەڵەیە بە یەک دەستلێدان هەڵیدەبژێرێت.  */
.repkinds{display:flex;flex-direction:column;gap:8px;margin:6px 0 18px}
.repkind{display:flex;align-items:center;gap:10px;cursor:pointer;
  background:var(--inner);border-radius:14px;padding:12px 14px;
  font-size:14px;transition:background var(--t),box-shadow var(--t)}
.repkind:hover{background:#F0F0EC}
.repkind input{flex:none;width:18px;height:18px;accent-color:var(--amber-2);margin:0}
/*  خانەی هەڵبژێردراو بە ڕەنگی سایتەکە دیار دەبێت — تەنها
    دوگمەی ڕادیۆ بەس نییە لە شاشەی بچووکدا.                    */
.repkind:has(input:checked){background:var(--amber-soft);box-shadow:inset 0 0 0 1.5px var(--amber)}
.repkind input:focus-visible{outline:2px solid var(--amber-2);outline-offset:2px}

/*  کارتی تەنگ.

    کێشەکە : ڕیزی دوگمەکان ( پەیوەندی + واتساپ + تیر ) ٢٣٢px ــی
    دەوێت. ئەگەر کارتەکە تەنگتر بێت ، flex-wrap:wrap تیرەکە
    دەباتە دێڕی دووەم — بێدەنگ ، بەبێ سەرڕێژی و بەبێ هیچ
    نیشانەیەک. بەرزایی کارتەکە لە ~١٠٤px دەبێتە ~١٨٧px.

    ئەمە لە دوو شوێندا ڕوویدا :
        • مۆبایل        — کارت ٣٤٣px ، ڕیز ٢١٢px هەبوو
        • پانێڵی نەخشە  — کارت ٣٦١px ، ڕیز ٢٣٠px هەبوو ( ٢px کەم )

    بۆیە @container بەکاردێت نەک @media : پێوەرەکە پانی خودی
    کارتەکەیە نەک پانی شاشە. پانێڵی نەخشە لە دەسکتۆپدا ٤٠٠px ــە
    بەڵام کارتەکانی هەمان تەنگین — media query هەرگیز نەیدەگرت.  */
.list, .mcards{container-type:inline-size}

@container (max-width:380px){
  .item{padding:10px;gap:10px}
  .item .thumb{width:76px;height:76px;border-radius:14px}
  .item .thumb .gl{font-size:26px}
  .item .nm{font-size:15px;line-height:1.4}
  .item .meta{font-size:12px;line-height:1.55}
  .rowbtns{gap:6px;margin-top:7px}
  .item .rbtn{padding:7px 10px;font-size:12px;gap:5px;border-radius:11px}
  .item .more{width:32px;height:32px}
}

/*  دگمەکانی پیشاندان (نەخشە | نزیکم).
    هەمان زمانی .fchipـە چونکە لە هەمان ڕیزدان — ئەگەرنا جیاوازیی بەرزی دیارە.

    دگمەی «لیست» و حاڵەتی .on لابران : ئەو لینکێک بوو بۆ هەمان پەڕەی
    ئێستا، واتە دگمەیەک کە هیچ ناکات. ئێستا هەردووکیان کردارن.        */
.vtabs{display:flex;gap:8px;flex-wrap:wrap}
.vtab,.near-btn{flex:none;display:inline-flex;align-items:center;gap:6px;background:var(--card);box-shadow:var(--sh);border-radius:999px;padding:8px 15px;font-size:13px;white-space:nowrap;color:var(--ink);transition:background var(--t),box-shadow var(--t)}
.vtab:hover,.near-btn:hover:not(:disabled){background:var(--inner);box-shadow:var(--sh-up)}
.near-btn:disabled{opacity:.5;cursor:default}
.vtab svg,.near-btn svg{color:var(--muted)}
#list-map{height:50vh;min-height:260px;max-height:520px;width:100%;border-radius:var(--r-md);margin:0 0 12px}

/* ── نەخشەی تەواوی-شاشە (؟view=map) ───────────────────────────────────
   کلاسی mapfull لە سێرڤەرەوە دادەنرێت (ViewData["BodyClass"]).
   نەخشەکە fixed دەبێت و هەموو پەڕەکە دادەپۆشێت — پێویست ناکات
   عەنسورەکانی تر یەک بە یەک بشاردرێنەوە، چونکە body ناسوڕێتەوە.
   inset:0 بەکاردێت نەک height:100vh — لەسەر مۆبایل پانێڵی وێبگەڕ
   بەرزی ڕاستەقینە دەگۆڕێت و 100vh هەڵە دەردەچێت. */
body.mapfull{overflow:hidden;overscroll-behavior:none}
body.mapfull #list-map{position:fixed;inset:0;z-index:80;width:auto;height:auto;min-height:0;max-height:none;border-radius:0;margin:0}

/*  پانێڵی نەخشە — یەک ئەلێمێنت، دوو ڕووکار.

    مۆبایل  : تەنها سەردێڕەکە دەبینرێت و لەسەر نەخشە دەڵاوێتەوە.
              کارتەکان لە قۆناغی دواتردا بە شیتێکی خوارەوە دێن.
    دەسکتۆپ : پانێڵێکی ٤٠٠px بە درێژایی شاشە، لە لای دەستپێک.
              سەردێڕ لە سەرەوە، کارتەکان لە ژێری و دەسوڕێنەوە.

    بەم شێوەیە تەنها یەک نوارێکی گەڕان هەیە — نەک یەک بۆ مۆبایل و
    یەکێکی تر بۆ دەسکتۆپ کە بەمەودا لێک دوور دەکەونەوە.               */
.mpanel{position:fixed;z-index:90;top:calc(14px + env(safe-area-inset-top));inset-inline:16px;display:flex;flex-direction:column;min-height:0}
/*  z-index پێویستە : پانێڵی پێشنیاری گەڕان (.ac) absoluteـە بەڵام
    کارتەکان relativeـن و لە DOMـدا دواتر دێن — بەبێ ئەمە پێشنیارەکان
    دەچنە ژێر یەکەم کارتەوە.                                          */
.mpanel-hd{display:flex;align-items:center;gap:9px;flex:none;position:relative;z-index:5}

/*  مۆبایل : ڕیزێکی ئاسۆیی لە خوارەوەی شاشە.

    position:fixed لە پانێڵەکە دەردەچێت — سەردێڕەکە لە سەرەوەیە و
    ئەمە لە خوارەوە، بۆیە ناتوانن لە یەک flexـدا بن.

    --strip-h : بەرزی ڕیزەکە. کۆنترۆڵی زووم و دگمەی شوێن و ناونیشانی
    Leaflet هەموویان بەم ژمارەیە بەرز دەکرێنەوە — یەک شوێن بۆ گۆڕین.  */
@media (max-width:859.98px){
  /* بەرزی ڕاستەقینەی کارت ١١٩ + ١٢ پەدینگ = ١٣١ ؛ ٥ زیادە بۆ دڵنیایی */
  :root{--strip-h:136px}

  .mpanel-bd{display:block;position:fixed;z-index:88;
             inset-inline:0;bottom:calc(10px + env(safe-area-inset-bottom));
             overflow-x:auto;overflow-y:hidden;
             scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
             /* شریتی سوڕانەوە لەسەر ڕیزێکی وا جوان نییە */
             scrollbar-width:none}
  .mpanel-bd::-webkit-scrollbar{display:none}

  .mcards{display:flex;gap:10px;padding:6px 16px;align-items:stretch}
  .mcards .item{flex:none;width:min(86vw,420px);scroll-snap-align:center}
  /*  ئاگاداری : .mcards-hd و .mcards-empty لێرە نین.

      بنەڕەتەکانیان دواتر لەم فایلەدان و هەمان تایبەتمەندییان هەیە،
      بۆیە ئەگەر لێرە بنووسرێن، ئەوانەی دواتر دەیانبەنەوە. لە ژێر
      «کارتەکانی پانێڵ»ـەوە دانراون، دوای بنەڕەتەکانیان.              */
}

@media (min-width:860px){
  .mpanel{top:0;bottom:0;inset-inline-start:0;inset-inline-end:auto;width:400px;
          background:var(--card);box-shadow:var(--sh-up);padding:0}
  .mpanel-hd{padding:14px 16px;gap:10px}
  /* min-height:0 پێویستە : بەبێ ئەو، ڕەخنەی flex بچووک نابێتەوە و
     لەبری سوڕانەوەی ناوەکی، هەموو پەڕەکە درێژ دەبێت */
  .mpanel-bd{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 12px 16px}
}

/* دەرچوون : بازنەیەکی بچووک، بێ دەق — ناوی شار لە titleـدایە */
.mapexit{display:inline-grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:var(--card);box-shadow:var(--sh-up);color:var(--ink-2);transition:background var(--t),color var(--t)}
.mapexit:hover{background:var(--inner);color:var(--ink)}
/* لەناو پانێڵی سپیدا سێبەر زیادەیە */
@media (min-width:860px){ .mapexit{box-shadow:none;background:var(--inner)} }

.mapsb{flex:1;min-width:0;display:flex}
/* پانێڵی پێشنیار لەناو .mpanelـدایە (z:90) — لەسەر نەخشە دەردەکەوێت */
.mapsb .searchbar{box-shadow:var(--sh-up)}
@media (min-width:860px){ .mapsb .searchbar{box-shadow:none;background:var(--inner)} }

/*  کارتەکانی پانێڵ.
    .item هەمان کارتی لیستە — قاڵبەکەی لە _PlaceCardـدایە.             */
.mcards-hd{display:flex;align-items:center;gap:8px;padding:6px 4px 10px;font-size:12.5px;color:var(--muted)}
.mcards-hd b{color:var(--ink);font-size:14px;font-weight:700}
.mcards-empty{text-align:center;padding:40px 16px;color:var(--muted)}
.mcards-empty .t{font-size:15px;font-weight:600;color:var(--ink-2);margin-bottom:6px}
.mcards-empty .s{font-size:13px}
/* کاتی چاوەڕوانی : ناوەڕۆکی کۆن دەمێنێتەوە بەڵام کاڵ دەبێتەوە */
#mcardbox.loading{opacity:.55;transition:opacity var(--t)}
/* کارتی هەڵبژێردراو لە کلیکی پینەوە */
.mcards .item.lit{box-shadow:0 0 0 2px var(--amber) inset}

/*  گۆڕانکاریی مۆبایل بۆ ئەم دووانە.

    دەبێت **لێرە** بن، نەک لەگەڵ ڕیزی کارتەکانی سەرەوە : تایبەتمەندییان
    یەکسانە لەگەڵ بنەڕەتەکانیان (٠،١،٠) و ئەگەر پێشتر بنووسرێن،
    بنەڕەتەکان دەیانبەنەوە. جاری یەکەم هەر ئەوە ڕوویدا — سەردێڕی
    ژمارە لە مۆبایلدا نەدەشاردرایەوە و لە کۆتایی ڕیزەکەدا بە سێ دێڕی
    تەسک دەردەکەوت.                                                   */
@media (max-width:859.98px){
  /* لە ڕیزێکی ئاسۆییدا سەردێڕ جێی نییە — نەخشەکە خۆی دەڵێت چی هەیە */
  .mcards-hd{display:none}
  /*  بەتاڵ : وەک یەک کارت دەردەکەوێت، نەک بۆشاییەکی بێدەنگ.
      بەرزییەکەی بە دەستی دانراوە بۆ ئەوەی تەواو وەک کارتێکی ڕاستەقینە
      بێت — ئەگەرنا ڕیزەکە درێژتر دەبێت لە --strip-h و دەچێتە سەر
      ناونیشانی Leaflet.                                              */
  .mcards-empty{flex:none;width:min(86vw,420px);height:119px;
                display:grid;place-content:center;text-align:center;
                background:var(--card);border-radius:var(--r-lg);box-shadow:var(--sh);padding:0 16px}
}

/*  چیپەکانی جۆر لەسەر نەخشە — بەبێ ئەمە لە پشت نەخشەکەوە دەمێننەوە.
    z : نەخشە ٨٠ ، چیپ ٨٨ ، پانێڵ ٩٠.

    مۆبایل  : ڕیزێکی جیا لە ژێر نوارەکە.
    دەسکتۆپ : لە تەنیشت پانێڵەکەوە — ٤٠٠ (پانێڵ) + ١٦ (بۆشایی) = ٤١٦  */
body.mapfull .crail{position:fixed;z-index:88;inset-inline:16px;top:calc(70px + env(safe-area-inset-top));margin:0;padding:2px 0 6px}
@media (min-width:860px){
  body.mapfull .crail{top:calc(14px + env(safe-area-inset-top));inset-inline-start:416px;inset-inline-end:16px;align-items:center;padding:0}
}

/*  کۆنترۆڵی زووم (+/−) بنەڕەت لە سەروو-چەپە و دەچێتە ژێر ڕیزی چیپەکان.
    دەیبەینە خوارەوە. لە لای چەپی **جیسمی** دەمێنێتەوە : پانێڵەکە لە
    RTLـدا لە ڕاستەوەیە، بۆیە ئێرە بەتاڵە.                             */
body.mapfull .leaflet-top.leaflet-left{top:auto;bottom:calc(6px + env(safe-area-inset-bottom))}

/*  دگمەی «شوێنی من» — سەرووی کۆنترۆڵی زووم، هەمان ستوون.
    ٦٤ (بەرزی زووم) + ١٠ (بۆشایی) = ٧٤

    left جیسمییە نەک inset-inline-start : دەبێت لەگەڵ کۆنترۆڵی زوومی
    Leafletـدا لە یەک ستوون بێت، و ئەو هەمیشە .leaflet-leftـە.        */
.maploc{position:fixed;z-index:88;bottom:calc(80px + env(safe-area-inset-bottom));left:10px;
        width:38px;height:38px;border:0;border-radius:10px;cursor:pointer;
        display:grid;place-items:center;background:var(--card);box-shadow:var(--sh);
        color:var(--ink-2);transition:color var(--t),background var(--t)}
.maploc:hover{background:var(--inner);color:var(--ink)}
/* ڕێگەدراوە و شوێنەکە دیارە */
.maploc.on{color:#2C7BE5}
/* داوا لە ڕێدایە */
.maploc.busy{opacity:.5;pointer-events:none}
/* ڕێگە نەدرا — دووبارە هەوڵدان بێ سوودە، بەڵام دگمەکە نامێنێتەوە کوێر */
.maploc.denied{color:var(--muted)}
/* شوێنی کاربەر لە دەرەوەی عێراقە — نەخشە ناتوانێت بچێتە سەری */
.maploc.outside{color:var(--muted)}

/*  مۆبایل : ڕیزی کارتەکان خوارەوەی شاشە دەگرێت، بۆیە هەرچی لەوێیە
    بەرز دەکرێتەوە. هەموویان بە --strip-hـەوە بەستراون.

      ڕیز        : ١٠ .. ١٤٦
      ناونیشان   : ١٤٦
      زووم       : ١٥٦ .. ٢٢٠
      شوێنی من   : ٢٣٠ .. ٢٦٨                                        */
@media (max-width:859.98px){
  body.mapfull .leaflet-top.leaflet-left{bottom:calc(10px + var(--strip-h) + 10px + env(safe-area-inset-bottom))}
  .maploc{bottom:calc(10px + var(--strip-h) + 84px + env(safe-area-inset-bottom))}
  /* ناونیشانی OSM مافی یاساییە — نابێت لە ژێر ڕیزەکەدا بشاردرێتەوە */
  body.mapfull .leaflet-bottom.leaflet-right{bottom:calc(10px + var(--strip-h) + env(safe-area-inset-bottom))}
}

/*  توست لەسەر نەخشە.

    بنەڕەتەکەی z:60 و bottom:22ـە — لە ژێر ڕیزی کارتەکانی مۆبایل
    (z:88) ون دەبێت. لەسەر نەخشە دەبێت لە سەرووی هەموویان بێت.

    لە مۆبایلدا دەچێتە سەرەوە، ژێر ڕیزی چیپەکان : خوارەوە بە تەواوی
    داگیر کراوە بە ڕیزی کارت، کۆنترۆڵی زووم و ناونیشانی Leaflet.     */
body.mapfull .toast{z-index:95}
@media (max-width:859.98px){
  body.mapfull .toast{top:calc(128px + env(safe-area-inset-top));bottom:auto}
}

/*  سنووری عێراق.

    ماسک : چوارگۆشەی جیهانە بە کونی عێراقەوە — دەرەوەی وڵات تاریک
    دەبێت بەڵام خشتەکان هەر دەبینرێن، بۆیە شارە دراوسێکان وەک
    چوارچێوە دەمێننەوە.

    لە پانێڵی «iqmask»ـدایە (z:350) : سەروو خشتەکان (٢٠٠) و ژێر
    پینەکان و خاڵی «من» (٤٠٠+).                                       */
.iq-mask{fill:#1E1E1C;fill-opacity:.6}
.iq-line{stroke:#E23B3B;stroke-linejoin:round;stroke-linecap:round}

/*  شوێنی بەکارهێنەر : خاڵێکی شین + بازنەی لێدان + بازنەی وردی.

    مارکەری ئاسایی نییە — ئەمە «تۆ»یە نەک شوێنێکی تۆمارکراو، و نابێت
    لەگەڵ پینەکاندا تێکەڵ ببێت. بۆیە شینە، نەک کەهرەبایی : ڕەنگی
    جیهانیی «تۆ لێرەی» ـە و لە هەموو نەخشەیەکدا هەمان مانای هەیە.

    <b> بازنەی لێدانە و <i> خودی خاڵ. لێدانەکە نیشانەی ئەوەیە کە
    شوێنەکە **زیندووە** و بە جوڵانی کاربەر نوێ دەبێتەوە.               */
.me-dot{position:relative}
.me-dot b{position:absolute;inset:0;border-radius:50%;background:#2C7BE5;
          animation:me-pulse 2.6s cubic-bezier(.2,.6,.35,1) infinite}
.me-dot i{position:absolute;inset:3px;border-radius:50%;
          background:#2C7BE5;box-shadow:0 0 0 2.5px #fff,0 1px 5px rgba(30,30,28,.4)}
@keyframes me-pulse{
  0%   {transform:scale(.6);opacity:.45}
  70%  {transform:scale(2.6);opacity:0}
  100% {transform:scale(2.6);opacity:0}
}
/* بۆ ئەوانەی جووڵە کەم دەکەنەوە — خاڵەکە دەمێنێتەوە، تەنها لێدان نامێنێت */
@media (prefers-reduced-motion:reduce){ .me-dot b{animation:none;opacity:.22} }

.leaflet-interactive.me-ring{fill:#2C7BE5;transition:opacity var(--t)}

/*  پینی خۆماڵی (SVG لە listmap.jsـەوە) — لەبری PNGـی شینی Leaflet.
    divIconـە، بۆیە پاشبنەمای بنەڕەتی سپی دەبێت لابچێت.                */
.iapin{background:none;border:0}
.iapin svg{display:block;filter:drop-shadow(0 3px 4px rgba(30,30,28,.28))}

/*  پینی ڕوونکراوە (مشک بەسەر کارتدا، یان کارتی ناوەڕاست لە مۆبایل).

    ئاگاداری گرنگ : گەورەکردنەوەکە لەسەر **منداڵی** svgـەکەیە، نەک
    لەسەر ئەلێمێنتی مارکەرەکە.

    Leaflet مارکەرەکان بە  transform: translate3d(x,y)  دادەنێت. هەر
    transform/scaleـێک لەسەر خودی مارکەرەکە لەگەڵ ئەوەدا لێک دەدرێتەوە
    و گواستنەوەکەش گەورە دەکات — پینەکە دەڕوات بۆ شوێنێکی سەرەوپێچ.
    (لە ڤیدیۆی کاربەردا : پینێک لە (٢٣٠،٣٠٠)ـەوە دەچووە (٥٨٠،٤١٥).)

    منداڵەکە بۆشایی خۆی هەیە، بۆیە ئەم کێشەیە دروست نابێت.
    transform-origin لە خوارەوەیە چونکە پەنجەی پین لەوێ دەچەسپێت.     */
.leaflet-marker-icon.pin-hi{z-index:640 !important}
.iapin svg{transform-origin:50% 100%;transition:transform var(--t),filter var(--t)}
.iapin.pin-hi svg{transform:scale(1.32);
    filter:drop-shadow(0 0 7px var(--amber)) drop-shadow(0 5px 6px rgba(30,30,28,.42))}

/*  کۆمەڵەی پین — بنەڕەتی markercluster شین/سەوزە و لەگەڵ پالێتەکەدا
    ناگونجێت.

    body.mapfull پێشەوە : شێوازی markercluster دوای CSSـی سایت بار
    دەبێت، و .marker-cluster-small div هەمان تایبەتمەندی .marker-cluster
    divـی هەیە — بەبێ ئەم پێشگرە، قەبارەکە لە ٣٠ دەمێنێتەوە بەڵام
    line-height دەبێتە ٣٦ و ژمارەکە لە ناوەڕاست لادەدات.

    دەرەکی ٤٠px : ٢ + ٣٦ + ٢ ، بۆیە ناوەکییەکە لە ناوەڕاست دەمێنێتەوە. */
body.mapfull .marker-cluster{background:none}
body.mapfull .marker-cluster div{background:var(--ink);color:var(--amber);
    width:36px;height:36px;margin:2px auto;box-shadow:0 3px 8px rgba(30,30,28,.3)}
body.mapfull .marker-cluster span{font-family:inherit;font-size:13px;font-weight:700;line-height:36px}

/*  پاپ‌ئەپ — وەک کارتەکانی سایت : گۆشەی گرد، سێبەری نەرم،
    ناو بە ئینک و شێورانەیەکی کەهرەبایی وەک «بڕۆ ژوورەوە».

    body.mapfull پێش هەموویان : شێوازی Leaflet **دوای** CSSـی سایت
    بار دەبێت (لە @@section Headـەوە)، بۆیە بە تایبەتمەندی یەکسان
    ئەو دەبردەوە — گۆشەکان ١٢px دەمانەوە و پەدینگی بنەڕەتی دەما.     */
body.mapfull .leaflet-popup-content-wrapper{border-radius:var(--r-md);box-shadow:var(--sh-up);padding:0;overflow:hidden}
body.mapfull .leaflet-popup-content{margin:0;width:auto !important;font:inherit;line-height:1.5}
body.mapfull .leaflet-popup-tip{box-shadow:none}
.leaflet-popup-content .pin-link{display:flex;align-items:center;gap:12px;
    padding-block:9px;padding-inline:15px 9px;text-decoration:none;color:var(--ink);
    font-size:14.5px;font-weight:700;white-space:nowrap}
.leaflet-popup-content .pin-link .go{flex:none;display:inline-grid;place-items:center;
    width:30px;height:30px;border-radius:50%;background:var(--amber);color:var(--ink);
    transition:background var(--t),transform var(--t)}
.leaflet-popup-content .pin-link:hover .go{background:var(--amber-2);transform:translateX(-2px)}
[dir=ltr] .leaflet-popup-content .pin-link .go{transform:scaleX(-1)}
[dir=ltr] .leaflet-popup-content .pin-link:hover .go{transform:scaleX(-1) translateX(-2px)}


.emptybox{background:var(--card);border-radius:var(--r-xl);box-shadow:var(--sh);padding:34px 24px;text-align:center;margin-top:18px}
.emptybox .big{width:64px;height:64px;border-radius:50%;background:var(--amber-soft);display:grid;place-items:center;margin:0 auto 16px;color:var(--amber-2)}
.emptybox h3{font-size:18px;font-weight:700;margin-bottom:8px}
.emptybox p{color:var(--muted);font-size:14px;margin-bottom:20px}
.emptybox .alt{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}
.emptybox .alt a{background:var(--inner);border-radius:999px;padding:8px 16px;font-size:13.5px;transition:background var(--t)}
.emptybox .alt a:hover{background:#F0F0EC}
.emptybox .alt-label{font-size:12.5px;color:var(--muted);margin:4px 0 10px;text-align:center}
.emptybox .chiprow{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}
.emptybox .chiprow .chip{background:var(--inner);border-radius:999px;padding:8px 16px;font-size:13.5px;transition:background var(--t)}
.emptybox .chiprow .chip:hover{background:#F0F0EC}
.addbtn{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--off);border-radius:var(--r-md);padding:13px 24px;font-size:14.5px;font-weight:700}

.pager{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:26px;flex-wrap:wrap}
.pg{min-width:42px;height:42px;padding:0 13px;border-radius:14px;display:grid;place-items:center;background:var(--card);box-shadow:var(--sh);font-size:14px;transition:box-shadow var(--t)}
.pg:hover{box-shadow:var(--sh-up)}
.pg.on{background:var(--ink);color:var(--off);font-weight:700}
.pg.dots{background:none;box-shadow:none;color:var(--muted)}

.seo{background:var(--card);border-radius:var(--r-xl);box-shadow:var(--sh);padding:24px 22px;margin-top:26px}
.seo h2{font-size:15px;font-weight:700;margin-bottom:14px}
.seo .links{display:flex;flex-wrap:wrap;gap:8px}
.seo .links a{background:var(--inner);border-radius:999px;padding:7px 15px;font-size:13px;color:var(--ink-2);transition:background var(--t)}
.seo .links a:hover{background:var(--amber-soft);color:var(--ink)}
.seo+.seo{margin-top:12px}

@media (min-width:860px){
  .head .in{max-width:760px;padding-left:24px;padding-right:24px}
  .list{grid-template-columns:1fr 1fr}
}


/*=====================================================================
  لاپەڕەی سەرەتا
=====================================================================*/
.hometop{max-width:660px;margin:0 auto;padding:16px 18px;display:flex;align-items:center;gap:10px}
.hometop .logo{font-size:17px;font-weight:700;letter-spacing:-.03em}
.hometop .logo em{font-style:normal;color:var(--amber-2)}
.hometop .sp{flex:1}
.tbtn{background:var(--card);box-shadow:var(--sh);border-radius:999px;padding:8px 15px;font-size:13px;transition:box-shadow var(--t),background var(--t)}
.tbtn:hover{box-shadow:var(--sh-up)}
.tbtn.amber{background:var(--amber);color:var(--ink);font-weight:500}
.tbtn.amber:hover{background:var(--amber-2)}
/* چوونەژوورەوەی خاوەنی کار — تەنها ئایکن، بازنەیەکی بچووک.
   دەقەکەی لە title/aria-labelـدایە بۆ hover و خوێنەری شاشە. */
.tbtn.ico{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;flex:none;color:var(--ink-2)}
.tbtn.ico:hover{color:var(--ink)}
/* چووەتە ژوورەوە → بازنە پڕ دەبێت، ئەگەرنا نازانرێت ژوورەوەی یان نا */
.tbtn.ico.on{background:var(--amber);color:var(--ink)}
.tbtn.ico.on:hover{background:var(--amber-2)}
.langwrap{position:relative}
.langmenu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:40;background:var(--card);box-shadow:var(--sh-up);border-radius:16px;padding:6px;display:none;min-width:120px}
.langmenu.on{display:block}
.langmenu a{display:block;padding:8px 14px;border-radius:11px;font-size:13.5px;transition:background var(--t)}

/*  نوارەکەی سەرەوەی لاپەڕەی سەرەکی لە مۆبایلدا.

    پێنج توخم لەم نوارەدان : لۆگۆ ، بۆشایی ، « شوێن زیاد بکە » ،
    ئایکۆنی خاوەن ، و زمان. لە ٣٧٥px ــدا بە تەواوی پانییەکە
    دەخۆن — بۆشاییەکە دەگوشرێت بۆ ١٥px و دەقی دوگمە کەهرەباییەکە
    دەبێتە دوو دێڕ.

    nowrap دەبێت هەبێت : بەبێ ئەو ، دوگمەکە بەرزتر دەبێت لەوانی
    تر و نوارەکە ناڕێک دەبێت.                                    */
@media (max-width:520px){
  .hometop{padding:12px 14px;gap:7px}
  .hometop .logo{font-size:16px}
  /*  line-height پێویستە : بنەڕەتی سایتەکە ١.٨ ــە ، واتە دوگمە
      دەقییەکان ٣٩px دەبن بەڵام ئایکۆنەکە ٣٤px — ناڕێکی دیارە.  */
  .tbtn{white-space:nowrap;padding:8px 12px;font-size:12.5px;line-height:1.35}
  .tbtn.ico{width:34px;height:34px}
}

/*  شاشە زۆر تەسکەکان ( ٣٦٠px و خوارتر ) — چەند پیکسلێکی تر  */
@media (max-width:380px){
  .hometop{padding:12px 12px;gap:6px}
  .tbtn{padding:8px 10px}
}
.langmenu a:hover{background:var(--inner)}

.homehero{min-height:calc(100vh - 78px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 0 46px}
.homehero .kicker{font-size:13px;color:var(--muted);margin-bottom:14px}
.homehero h1{font-size:clamp(30px,8vw,44px);font-weight:700;line-height:1.35;letter-spacing:-.035em;margin-bottom:12px}
.homehero h1 .hl{background:var(--amber);border-radius:10px;padding:0 10px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.homehero .lead{color:var(--muted);font-size:14.5px;margin:0 auto 30px;max-width:400px}

.searchwrap{width:100%;position:relative;z-index:30}
.searchbox{display:flex;align-items:center;gap:10px;background:var(--card);box-shadow:var(--sh-up);border-radius:999px;padding:8px;transition:box-shadow var(--t)}
.searchbox:focus-within{box-shadow:0 4px 12px rgba(30,30,28,.07), 0 22px 52px rgba(30,30,28,.14)}
.citywrap{position:relative;flex:none}
.citychip{flex:none;display:inline-flex;align-items:center;gap:6px;background:var(--inner);border-radius:999px;padding:9px 15px;font-size:13.5px;font-weight:500;white-space:nowrap;
          border:0;cursor:pointer;font-family:inherit;color:var(--ink);transition:background var(--t)}
.citychip:hover{background:#E9E9E4}
.citychip svg{color:var(--muted)}
.citychip .cv{display:inline-flex;transition:transform var(--t)}
.citychip[aria-expanded="true"] .cv{transform:rotate(180deg)}

/* مێنیوی هەڵبژاردنی شار — هەمان ستایلی .langmenu */
.citymenu{position:absolute;top:calc(100% + 8px);inset-inline-start:0;z-index:45;background:var(--card);
          box-shadow:var(--sh-up);border-radius:16px;padding:6px;display:none;min-width:190px;
          max-height:300px;overflow-y:auto;text-align:start}
.citymenu.on{display:block}
/*  بە خانەی گەڕانەوە : لیستەکە دەسوڕێت نەک مێنیوەکە ، تا
    خانەکە هەمیشە دیار بێت.                                */
.citymenu{max-height:none;overflow:visible}
.citylist{display:block;max-height:264px;overflow-y:auto}
.citymenu a{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:11px;font-size:13.5px;
            transition:background var(--t);white-space:nowrap}
.citymenu a:hover{background:var(--inner)}
.citymenu a.on{background:var(--amber-soft);font-weight:700}
.citymenu a .n{margin-inline-start:auto;font-size:12px;color:var(--muted);font-weight:400}
#q{flex:1;min-width:0;font-size:15.5px;padding:6px 2px;outline:none;background:none;border:0}
#q::placeholder{color:var(--muted)}
.go{flex:none;width:46px;height:46px;border-radius:50%;background:var(--amber);color:var(--ink);display:grid;place-items:center;box-shadow:var(--sh-a);transition:background var(--t),transform var(--t)}
.go:hover{background:var(--amber-2)}
.go:active{transform:scale(.94)}

.ac{position:absolute;inset-inline:0;top:calc(100% + 10px);background:var(--card);box-shadow:var(--sh-up);border-radius:var(--r-lg);padding:8px;text-align:start;display:none;max-height:340px;overflow-y:auto}
.ac.on{display:block}
.acgroup{font-size:11.5px;color:var(--muted);padding:10px 14px 5px}
.acitem{display:flex;align-items:center;gap:11px;padding:10px 14px;border-radius:14px;cursor:pointer;transition:background var(--t)}
.acitem:hover,.acitem.sel{background:var(--inner)}
.acitem .ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none}
.acitem .ic.place{background:var(--amber-soft);color:var(--amber-2)}
.acitem .ic.cat{background:var(--ink);color:var(--amber)}
.acitem .ic.city{background:var(--grey);color:#fff}
.acitem .t{font-size:14.5px;font-weight:500;line-height:1.5}
.acitem .s{font-size:12px;color:var(--muted);line-height:1.5}
.acempty{padding:18px 14px;font-size:13.5px;color:var(--muted);text-align:center}

.near{margin-top:16px;display:inline-flex;align-items:center;gap:8px;background:var(--card);box-shadow:var(--sh);border-radius:999px;padding:11px 20px;font-size:14px;font-weight:500;transition:box-shadow var(--t),background var(--t)}
.near:hover{box-shadow:var(--sh-up)}

.quick{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:26px}
.qchip{background:var(--card);box-shadow:var(--sh);border-radius:999px;padding:9px 17px;font-size:13.5px;transition:box-shadow var(--t),transform var(--t)}
.qchip:hover{box-shadow:var(--sh-up);transform:translateY(-2px)}

.block{background:var(--card);border-radius:var(--r-xl);box-shadow:var(--sh);padding:24px 22px;margin-bottom:14px}
.block h2{font-size:16px;font-weight:700;letter-spacing:-.02em;margin-bottom:16px}
.block .links{display:flex;flex-wrap:wrap;gap:8px}
.block .links a{background:var(--inner);border-radius:999px;padding:8px 15px;font-size:13.5px;color:var(--ink-2);transition:background var(--t),color var(--t)}
.block .links a:hover{background:var(--amber-soft);color:var(--ink)}
.block .links a .n{color:var(--muted);font-size:12px;margin-inline-start:4px}
.citygrid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.cityc{background:var(--inner);border-radius:var(--r-lg);padding:15px 16px;transition:background var(--t),transform var(--t)}
.cityc:hover{background:var(--amber-soft);transform:translateY(-2px)}
.cityc .cn{font-size:15.5px;font-weight:700;letter-spacing:-.015em}
.cityc .cs{font-size:12.5px;color:var(--muted)}

footer{padding:14px 0 40px;text-align:center}
.fl{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}
.fl a{font-size:13px;color:var(--muted);padding:6px 12px;border-radius:999px;transition:background var(--t),color var(--t)}
.fl a:hover{background:var(--card);color:var(--ink)}
footer p{font-size:12.5px;color:var(--muted)}

@media (min-width:860px){
  .hometop{max-width:760px}
  .citygrid{grid-template-columns:repeat(4,1fr)}
}


/*=====================================================================
  فۆرمی تۆمارکردنی گشتی (addplace)
=====================================================================*/
/*  سەردێڕی بەندێک لە ناو لاپەڕە ثابتەکاندا (مەرج ، تایبەتمەندی …)
    .block خۆی line-height:1.9ــە بۆ دەق ، بۆیە سەردێڕەکە
    پێویستی بە ڕیزێکی چڕتر و بۆشایی سەرەوە هەیە.              */
/*  .block h2 ویژگیی (0,1,1)ــە و لە .pgsubــی (0,1,0) بەهێزترە ،
    بۆیە بە .block .pgsub دەنووسرێت نەک بە !important.        */
.block .pgsub{font-size:17px;font-weight:700;line-height:1.5;letter-spacing:-.02em;
              color:var(--ink);margin:26px 0 10px}

/*  شاشەی «ئێستا بەردەست نییە» — کاتێک واتساپ ئیش ناکات  */
.offcard{text-align:center;padding:30px 24px 26px}
.officon{display:inline-flex;align-items:center;justify-content:center;
         width:62px;height:62px;border-radius:50%;
         background:var(--amber-soft);color:var(--amber-2);margin-bottom:16px}
.offbody{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 auto 22px;max-width:44ch}
.offbtn{display:inline-block;text-decoration:none;padding:11px 26px;border-radius:999px;
        font-size:14px;font-weight:600}

.formstage{max-width:600px;margin:0 auto;padding:8px 18px 40px}
.formtop{display:flex;align-items:center;gap:11px;padding:8px 0 4px}
.formtop .logo{font-size:16px;font-weight:700;letter-spacing:-.03em;margin-inline-start:auto}
.formtop .logo em{font-style:normal;color:var(--amber-2)}

.steps{display:flex;gap:7px;margin:10px 0 20px}
.steps i{flex:1;height:5px;border-radius:3px;background:var(--grey);transition:background var(--t)}
.steps i.on{background:var(--amber)}
.steps i.done{background:var(--ink)}

.formstage h1{font-size:clamp(23px,6vw,29px);font-weight:700;line-height:1.42;letter-spacing:-.03em;margin-bottom:8px}
.formstage .lead{color:var(--muted);font-size:14px;margin-bottom:20px}

.claim{background:var(--amber-soft);border-radius:var(--r-lg);padding:18px;margin-bottom:16px}
.claim .t{font-size:14.5px;font-weight:700;margin-bottom:6px}
.claim .d{font-size:13px;color:var(--ink-2);margin-bottom:14px}
.claim .row{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:13px 15px}
.claim .row .th{width:44px;height:44px;border-radius:13px;background:var(--ink);color:var(--amber);display:grid;place-items:center;font-weight:700;flex:none}
.claim .row .n{font-weight:700;font-size:15px;line-height:1.5}
.claim .row .m{font-size:12px;color:var(--muted);line-height:1.5}
.claim .btns{display:flex;gap:9px;margin-top:14px;flex-wrap:wrap}

.done{text-align:center}
.done .big{width:76px;height:76px;border-radius:50%;background:var(--amber);display:grid;place-items:center;margin:4px auto 20px;color:var(--ink)}
.done h2{font-size:21px;font-weight:700;letter-spacing:-.025em;margin-bottom:10px}
.done p{color:var(--muted);font-size:14px;margin-bottom:22px}
.next{background:var(--inner);border-radius:var(--r-lg);padding:18px;text-align:start;margin-bottom:20px}
.next .h{font-size:12.5px;color:var(--muted);margin-bottom:12px}
.nx{display:flex;gap:12px;padding:9px 0;align-items:flex-start}
.nx .d{width:24px;height:24px;border-radius:50%;background:var(--card);display:grid;place-items:center;flex:none;font-size:12px;font-weight:700;margin-top:3px}
.nx .t{font-size:14px;line-height:1.65}
.nx .s{font-size:12px;color:var(--muted);line-height:1.6}

/*=============================================================================
  پەڕەی کارەکەم (Owner Panel)
=============================================================================*/

/* head / nav */
.myhead{background:var(--ink);color:var(--off)}
.myhead-in{max-width:900px;margin:0 auto;padding:13px 16px;display:flex;align-items:center;gap:10px}
.myhead .logo{font-weight:700;letter-spacing:-.03em;font-size:16px}
.myhead .logo em{font-style:normal;color:var(--amber)}
.myav{width:30px;height:30px;border-radius:9px;background:var(--amber);color:var(--ink);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
.mylogout{font-size:12.5px;background:rgba(255,255,255,.1);border-radius:999px;padding:6px 14px;transition:background var(--t);white-space:nowrap}
.mylogout:hover{background:rgba(255,255,255,.2)}
.flex1{flex:1}
.myback{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.1);transition:background var(--t);flex:none}
.myback:hover{background:rgba(255,255,255,.2)}
.myhead-title{font-size:14.5px;font-weight:600}
.mysaved-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--amber);color:var(--ink);font-size:12px;font-weight:700}

/* stage */
.mystage{max-width:900px;margin:0 auto;padding:16px 16px 56px}

/* صفحه لاگین */
.ownerlogin{max-width:460px;margin:0 auto;padding:16px}
.ownerlogin .olink{text-align:center;font-size:13px;color:var(--muted);margin-top:16px}
.ownerlogin .olink a{color:var(--ink);font-weight:500;text-decoration:underline}

/* سربرگ لیست */
.mypage-header{display:flex;align-items:center;gap:12px;margin:18px 0 16px}
.mypage-header h1{font-size:22px;font-weight:700;letter-spacing:-.025em;flex:1}
.mybtn-add{display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:var(--off);border-radius:999px;padding:9px 18px;font-size:13.5px;font-weight:500;white-space:nowrap;transition:opacity var(--t)}
.mybtn-add:hover{opacity:.85}
.mybtn-saved{display:inline-flex;align-items:center;gap:6px;background:var(--inner);color:var(--ink);border-radius:999px;padding:9px 18px;font-size:13.5px;font-weight:500;white-space:nowrap;transition:background var(--t)}
.mybtn-saved:hover{background:var(--border)}

/* کارت شوێن در لیست */
.mylist{display:grid;gap:14px}
.mycard{background:var(--card);border-radius:var(--r-xl);box-shadow:var(--sh);overflow:hidden;display:grid;grid-template-columns:108px 1fr}
.mycard-img{width:108px;background:var(--inner);background-size:cover;background-position:center}
.mycard-img--empty{display:grid;place-items:center;color:var(--grey)}
.mycard-body{padding:14px 16px 14px 14px;display:flex;flex-direction:column;gap:5px}
.mycard-row1{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}
.mycard-name{font-size:15px;font-weight:700;line-height:1.4;flex:1}
.mycard-meta{font-size:12.5px;color:var(--muted)}
.mycomp{height:4px;background:var(--inner);border-radius:999px;overflow:hidden;margin:2px 0}
.mycomp-bar{height:100%;background:var(--amber);border-radius:999px;transition:width .3s ease}
.mycomp-lbl{font-size:11.5px;color:var(--muted)}
.mycard-actions{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap}
.mybtn-edit,.mybtn-view{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 14px;font-size:12.5px;white-space:nowrap;transition:background var(--t)}
.mybtn-edit{background:var(--ink);color:var(--off)}
.mybtn-edit:hover{background:#333}
.mybtn-view{background:var(--inner);color:var(--ink)}
.mybtn-view:hover{background:#E0E0DC}

/* وضعیت خالی */
.myempty{text-align:center;padding:56px 16px}
.myempty-ico{color:var(--grey);margin-bottom:14px}
.myempty-t{font-size:15px;color:var(--muted);margin-bottom:20px}

/* عنوان مکان در ویرایش */
.myplace-title{margin:18px 0 8px}
.myplace-cat{font-size:12.5px;color:var(--muted);margin-bottom:4px}
.myplace-title h1{font-size:20px;font-weight:700;letter-spacing:-.025em;margin-bottom:8px}

/* تابها */
.mytabs{display:flex;gap:8px;overflow-x:auto;padding:6px 0 14px;scrollbar-width:none;margin-bottom:2px}
.mytabs::-webkit-scrollbar{display:none}
.mytab{flex:none;background:var(--card);box-shadow:var(--sh);border-radius:999px;padding:9px 18px;font-size:13.5px;white-space:nowrap;transition:box-shadow var(--t);cursor:pointer;border:0}
.mytab:hover{box-shadow:var(--sh-up)}
.mytab.on{background:var(--ink);color:var(--off);font-weight:500}
.mypanel{display:none}
.mypanel.on{display:block}

/* save bar */
.savebar{position:sticky;bottom:14px;z-index:30;margin-top:16px;
  background:rgba(255,255,255,.93);backdrop-filter:blur(16px);
  border-radius:999px;box-shadow:var(--sh-up);padding:10px 12px 10px 20px;
  display:flex;align-items:center;gap:12px}
.savebar .sbmsg{flex:1;font-size:13px;color:var(--muted)}
.savebar .primary{border-radius:999px;padding:12px 26px;font-size:14.5px;font-weight:700;background:var(--amber);box-shadow:var(--sh-a);transition:background var(--t)}
.savebar .primary:hover{background:var(--amber-2)}

/* کاتژمێر */
.ehr{display:flex;align-items:center;gap:10px;padding:11px 0;flex-wrap:wrap}
.ehr+.ehr{border-top:1px solid var(--hair)}
.etoday{background:var(--amber-soft);border-radius:14px;margin:0 -12px;padding:11px 12px}
.etoday+.ehr{border-top:0}
.edn{width:90px;font-size:14px;flex:none}
.etoday .edn{font-weight:700}
.esw{width:44px;height:26px;border-radius:999px;background:var(--grey);position:relative;flex:none;transition:background var(--t);cursor:pointer;border:0}
.esw i{position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform var(--t)}
.esw[aria-pressed="true"]{background:var(--ink)}
.esw[aria-pressed="true"] i{transform:translateX(-18px)}
.eshifts{display:flex;align-items:center;gap:6px;flex:1}
.etime{width:66px;text-align:center;font-size:13.5px;background:var(--inner);border-radius:10px;padding:6px 8px;border:0;direction:ltr}
.etime:focus{outline:2px solid var(--ink)}
.eclosed{font-size:13px;color:var(--muted)}
.hrtools{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.hrqbtn{background:var(--inner);border-radius:999px;padding:8px 15px;font-size:12.5px;transition:background var(--t);cursor:pointer;border:0}
.hrqbtn:hover{background:#F0F0EC}
/* شیفت ٢ و رمەزان */
.ehr-sub{border-top:0!important;padding:3px 0 5px;opacity:.87}
.elbl{width:90px;font-size:12px;color:var(--muted);flex:none;font-style:italic}
.ehr-ram .elbl{color:#16a34a}
.ehebtn{font-size:11px!important;padding:5px 10px!important}

/* خانه قفل‌شده */
.lockfields{display:flex;flex-direction:column;gap:18px}
.lockrow{padding-bottom:18px;border-bottom:1px solid var(--hair)}
.lockrow:last-child{border-bottom:0;padding-bottom:0}
.lsend{background:var(--ink);color:var(--off);border-radius:999px;padding:9px 20px;font-size:13px;cursor:pointer;transition:opacity var(--t)}
.lsend:hover{opacity:.82}
.lsend:disabled{opacity:.45;cursor:not-allowed}
.lsent{font-size:13px;color:var(--ok);margin-top:8px}

@media (max-width:600px){
  .mycard{grid-template-columns:80px 1fr}
  .mycard-img{width:80px}
  .stats{grid-template-columns:1fr 1fr}
}

/* ===================== کۆمێنتەکان (Reviews) ===================== */
.rstars{color:#FAB937;font-size:17px;letter-spacing:1px;line-height:1}
.rstars-sm{color:#FAB937;font-size:13px;margin-right:6px}
.rcount{font-size:13px;color:#888;font-weight:400}
.rcard{padding:14px 0;border-bottom:1px solid var(--hair)}
.rcard:last-of-type{border-bottom:0;padding-bottom:4px}
.rhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:2px}
.rauthor{font-weight:600;font-size:13.5px}

/*  نیشانەی « پشتڕاستکراو » — بۆ کۆمێنتی ئەو کەسانەی ژمارەیان
    پشتڕاست کردووەتەوە. کۆمێنتی ناناسراویش دەردەکەوێت ، بەڵام
    بەبێ ئەم نیشانە و لە خوارەوە.                                */
.rverif{
  display:inline-flex;align-items:center;gap:3px;
  font-size:11px;font-weight:600;line-height:1;
  background:var(--ok-soft);color:var(--ok);
  padding:3px 8px;border-radius:999px;white-space:nowrap;
}
.rverif svg{width:11px;height:11px}

/*  ناوی ئارەزوومەندانە و کاپچا — تەنها بۆ ناناسراو

    ئاگاداری : .in تەنها لەناو .f ــدا ستایلی هەیە ( .f .in ) .
    ئەم دوو خانەیە لە .f ــدا نین ، بۆیە هیچ ستایلێکیان
    نەدەگرت و لەسەر پاشبنەمای هاوڕەنگی .rsubmit ــدا
    نەدەبینران — تەنها placeholderەکەیان دەردەکەوت.

    بۆیە هەمان ستایلی .rtxt وەردەگرن : پاشبنەمای سپی +
    چوارچێوەیەکی دیار.                                        */
.rname, .rsubmit .cap-in{
  width:100%;box-sizing:border-box;
  border:1.5px solid var(--hair);border-radius:12px;
  padding:12px 14px;font-size:13.5px;font-family:inherit;
  background:var(--card);color:var(--ink);
  transition:border-color var(--t),box-shadow var(--t);
}
.rname:focus, .rsubmit .cap-in:focus{
  outline:0;border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-soft);
}
.rname::placeholder, .rsubmit .cap-in::placeholder{color:#AAA}

.rname{margin-bottom:10px}
.rcap{margin-bottom:14px}
.rsubmit .cap-in{flex:1 1 120px;min-width:0;text-align:center;letter-spacing:2px}

.rdate{font-size:12px;color:#999;margin-right:auto}
.rbody{margin:6px 0 0;font-size:13.5px;line-height:1.75;color:#333}
.rempty{font-size:13.5px;color:#999;padding:10px 0}
/*  فۆرمی کۆمێنت — پێشتر تەنها هێڵێکی باریک بوو لەسەر پاشبنەمای
    کارتەکە ، بۆیە وەک بەشێکی جیا دیار نەدەکەوت. ئێستا خۆی
    بلۆکێکی جیایە وەک .card-ـەکانی تر.                          */
.rsubmit{margin-top:20px;padding:16px 18px 18px;border-radius:var(--r-lg);
         background:var(--inner);border:1px solid var(--hair)}
.rsubtitle{font-size:13px;font-weight:700;margin:0 0 12px;color:var(--ink)}
.rlogin{font-size:13.5px;color:#555}

/*  هاندانی چوونەژوورەوە — لە ژێر دوگمەکە ، بە هێڵێکی جیاکەرەوە.

    پێشتر چەسپابوو بە دوگمەکەوە و وا دەردەکەوت وەک بەشێک لە
    فۆڕمەکە. ئێستا جیاوازە : فۆڕمەکە تەواوە ، ئەمە زیادەیە.   */
.rsubmit .rlogin{
  margin:18px 0 0;padding-top:14px;
  border-top:1px solid var(--hair);
  font-size:12.5px;line-height:1.85;color:var(--muted);
}
.rlogin a{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--amber);text-decoration-thickness:2px}
/*  ئەستێرەکان : direction:ltr وایکردبوو لە پەڕەی RTL بچنە لای
    چەپ. ئێستا لەگەڵ دەقەکە ڕیز دەبن ، بەڵام ڕیزی ١..٥ــیان
    دەمێنێتەوە چونکە .star-pick خۆی row-reverse نییە.            */
/*  ئەستێرەکان — گەورەتر و ڕوونتر.

    پێشتر ٢٧px و ڕەنگی #DCDCD8 بوون : لە مۆبایلدا ئامانجی
    دەستلێدان ٢٧px بوو ( کەمتر لە ٤٤px ی پێشنیارکراو ) و
    ڕەنگە خۆڵەمێشییەکە وەک « ناچالاک » دەخوێندرایەوە ، نەک
    « لێم بدە ».

    ئێستا ٣٨px + پەدینگ ، واتە ئامانجی دەستلێدان ٤٦px.       */
.star-pick{display:flex;gap:6px;font-size:38px;cursor:pointer;direction:ltr;
           margin:0 0 6px;user-select:none;width:max-content;
           -webkit-tap-highlight-color:transparent}
[dir="rtl"] .star-pick{margin-inline-start:auto;margin-inline-end:0}
.star-pick span{
  color:#C9C9C2;line-height:1;padding:4px;border-radius:8px;
  transition:color .12s,transform .12s;
}
.star-pick span.on,.star-pick span.hover{color:var(--amber)}
.star-pick span:active{transform:scale(.88)}

/*  دەقی زیندوو — دوای هەڵبژاردن دەردەکەوێت.
    پشتڕاستکردنەوەیەکی بچووکە کە دەستلێدانەکە تۆمار بووە.    */
.star-lbl{
  min-height:20px;font-size:13px;font-weight:700;color:var(--amber-2);
  margin:0 0 12px;transition:opacity .15s;
}
[dir="rtl"] .star-lbl{text-align:right}

/*  ئاماژە بۆ دوگمەی ناچالاک — پێشتر بێ هۆکار خۆڵەمێشی بوو  */
.rneed{font-size:12.5px;color:var(--muted);margin:8px 0 0}

.rtxt{width:100%;box-sizing:border-box;border:1.5px solid var(--hair);border-radius:12px;
      padding:12px 14px;font-size:13.5px;font-family:inherit;resize:vertical;min-height:84px;
      line-height:1.7;background:var(--card);color:var(--ink);
      margin-bottom:12px;transition:border-color var(--t),box-shadow var(--t)}
/*  direction:rtl ڕەق لابرا — بۆ en/ar دەبێت لە زمانەکەوە بێت */
.rtxt:focus{outline:0;border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}
.rtxt::placeholder{color:#AAA}
/* دگمەی ناردنی کۆمێنت — ناوی .rsend، نەک .rbtn :
   .rbtn لە سەرەوە (دێڕی ٤٧٥) بۆ کارتەکانی لیستە ؛ هەمان ناو یەکتری دەشکێنن */
.rsend{background:var(--amber);color:var(--ink);border:0;border-radius:999px;padding:10px 26px;
       font-size:13.5px;font-weight:700;cursor:pointer;
       transition:opacity var(--t),transform var(--t),box-shadow var(--t)}
.rsend:hover:not(:disabled){box-shadow:var(--sh-up);transform:translateY(-1px)}
.rsend:active:not(:disabled){transform:none;box-shadow:none}
/*  ٤٠٪ ئۆپاسیتی وا دیار دەکەوت وەک تێکچوو. ئێستا ڕەنگێکی
    بێدەنگی ڕوون — دیارە کە چالاک نییە بەڵام شکاو دیار ناکەوێت. */
.rsend:disabled{background:var(--hair);color:#9A9A94;cursor:not-allowed;opacity:1}
/* admin star display */
.star-disp{color:#FAB937;font-size:16px;letter-spacing:1px}
.badge-status{font-size:11px;padding:3px 8px;border-radius:99px;font-weight:600;background:#F5F5F0;color:#888}
.badge-status.approved{background:#EEFAF2;color:#2E8B57}
.badge-status.pending{background:#FFF8EC;color:#C87F00}
.badge-status.rejected{background:#FEF0EF;color:#C13B2F}
.qbody{font-size:13px;color:#555;padding:8px 0 2px;line-height:1.7}
.btn-sm{display:inline-block;padding:6px 14px;border-radius:999px;font-size:12.5px;background:var(--inner);color:var(--ink);text-decoration:none;transition:background var(--t)}
.btn-sm:hover,.btn-sm.active{background:var(--amber);color:var(--ink)}

/* ===== منوی هاوبەشکردن (share menu) ===== */
.sh-menu{position:fixed;z-index:600;background:var(--card);border-radius:var(--r-lg);box-shadow:var(--sh-up);padding:6px;min-width:210px;direction:rtl}
.sh-row{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;font-size:14px;font-weight:500;color:var(--ink);text-decoration:none;background:none;border:0;width:100%;cursor:pointer;transition:background var(--t)}
.sh-row:hover{background:var(--inner)}
.sh-ico{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}
.sh-wa{background:#E8F9EF;color:#25D366}.sh-wa svg{stroke:#25D366}
.sh-tg{background:#E8F3FC;color:#2AABEE}.sh-tg svg{stroke:#2AABEE}
.sh-fb{background:#EBF0FB;color:#1877F2}.sh-fb svg{stroke:#1877F2}
.sh-qrwrap{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px 6px;border-top:1px solid var(--hair);margin-top:4px}
.sh-qrimg{border-radius:8px;display:block}
.sh-qrlbl{font-size:11px;color:var(--muted)}

/* ===== دکمهٔ پاشەکەوتکردن (save/bookmark) ===== */
.rnd.saved svg{fill:var(--amber);stroke:var(--amber)}
.rnd.saved{background:var(--amber-soft)}
.rnd:disabled{opacity:.5;pointer-events:none}

/* ===== مێنیو ئێدیتەر (owner panel) ===== */
.mec-sec{background:var(--inner);border:1.5px solid var(--hair);border-radius:var(--r-md);padding:14px 16px 10px;margin-bottom:14px}
.mec-shd{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}
.mec-sidx{font-size:13px;font-weight:700;color:var(--muted);padding-top:36px;min-width:20px;text-align:center}
.mec-sfields{flex:1;display:flex;flex-direction:column;gap:8px}
.mec-sdelbn{flex-shrink:0;background:var(--warn-soft);color:var(--warn);border-radius:8px;padding:6px 10px;font-size:13px;align-self:flex-start;margin-top:28px;transition:background var(--t)}
.mec-sdelbn:hover{background:var(--warn);color:#fff}
.mec-items{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;padding-right:30px}
.mec-item{background:var(--card);border:1.5px solid var(--hair);border-radius:12px;padding:10px 12px}
.mec-irow1{display:flex;gap:8px;align-items:flex-end;margin-bottom:8px}
.mec-iname{flex:1}
.mec-idel{flex-shrink:0;background:var(--warn-soft);color:var(--warn);border-radius:8px;padding:5px 9px;font-size:12px;transition:background var(--t)}
.mec-idel:hover{background:var(--warn);color:#fff}
.mec-irow2{display:grid;grid-template-columns:1fr 90px 70px;gap:8px;align-items:flex-end}
.mec-cur select{width:100%}
.mec-avail{display:flex;align-items:center;gap:6px;padding-bottom:2px}
.mec-chk{width:16px;height:16px;cursor:pointer;accent-color:var(--amber);flex-shrink:0}
.mec-additem{font-size:12.5px;background:var(--amber-soft);color:var(--amber-2);border-radius:999px;padding:5px 14px;border:0;margin-bottom:2px;transition:background var(--t)}
.mec-additem:hover{background:var(--amber);color:#fff}
.mec-addsec{font-size:13.5px;border-radius:999px;padding:8px 20px;margin-top:2px}

@media (max-width:600px){
  .mec-irow2{grid-template-columns:1fr 80px 60px}
  .mec-items{padding-right:0}
}

/*=====================================================================
  چینەکانی دەسکتۆپ  (mobile-first ــەوە بەرەو شاشەی گەورە)
  ---------------------------------------------------------------------
  دیزاینەکە بۆ مۆبایل نووسراوە. ئەم بەشە بۆ شاشە گەورەکانە تاکو
  ناوەڕۆک لە ستوونێکی تەسکی ناوەڕاستدا نەمێنێتەوە.

  دوو جۆر لاپەڕە هەیە :
    • لاپەڕەی خوێندنەوە (شوێن، سەرەتا، لاپەڕە ثابتەکان) — تەسک دەمێنێتەوە
      چونکە دەقی درێژ لە پانایی زۆردا ناخوێنرێتەوە.
    • لاپەڕەی گریدی کارت (لیست، شار، ناوچە، هابی جۆر) — پان دەبێت و
      ژمارەی ستوونەکان زیاد دەکات.  ئەمانە کلاسی .wideیان هەیە.
=====================================================================*/

/* ── لاپەڕەی خوێندنەوە : کەمێک پانتر، بەڵام هێشتا خوێندنەوەیی ── */
@media (min-width:1100px){
  .pubstage{max-width:840px}
  .hometop{max-width:840px}
}

/* ── لاپەڕەی فۆرم (addplace / چوونەژوورەوەی خاوەن) ──
   فۆرم نابێت زۆر پان بێت — خانەیەکی ٩٠٠px خراپە.
   بەڵام لە دیسکتۆپ جێگای زیاترمان هەیە بۆ نەخشەی هەڵبژاردنی شوێن. */
@media (min-width:1100px){
  .formstage{max-width:720px;padding-top:20px}
  .formstage .picker{aspect-ratio:16/10}
  .formstage .card{padding:28px 26px}
}

/*---------------------------------------------------------------------
  لاپەڕەی شوێن — دوو ستوون لە دیسکتۆپ
  ---------------------------------------------------------------------
  .dmain / .dside دوو گورزەی HTMLن. لە مۆبایل بە display:contents
  دەبنە هیچ، و منداڵەکانیان بە order ڕیز دەکرێن — بۆیە ڕیزبەندیی
  مۆبایل هەروەک خۆی دەمێنێتەوە (دوگمەی پەیوەندی لە سەرەوە).
  لە دیسکتۆپ دەبنە دوو ستوون و لاتەنیشتەکە دەلکێت.
---------------------------------------------------------------------*/
.pubstage.detail{display:flex;flex-direction:column}
.pubstage.detail>.dmain,
.pubstage.detail>.dside{display:contents}

/* ڕیزبەندیی مۆبایل — وەک پێشوو.
   دەبێت تەنها لە مۆبایل بێت : لە دیسکتۆپ orderـەکە .heroـەکە
   لە دوای ستوونەکانەوە دەخات (چونکە گورزەکان order=0ن). */
@media (max-width:1099.98px){
  .pubstage.detail .hero      {order:1}
  .pubstage.detail .title     {order:2}
  .pubstage.detail .facts     {order:3}
  .pubstage.detail .acts      {order:4}
  .pubstage.detail .c-contact {order:5}
  .pubstage.detail .c-hours   {order:6}
  .pubstage.detail .c-menu    {order:7}
  .pubstage.detail .c-about   {order:8}
  .pubstage.detail .c-services{order:9}
  .pubstage.detail .c-map     {order:10}
  .pubstage.detail .c-nearby  {order:11}
  .pubstage.detail .c-reviews {order:12}
  .pubstage.detail .owner     {order:13}
  .pubstage.detail .pubfoot   {order:14}
}

@media (min-width:1100px){
  /* بارە سەرەوە هەمان پانایی ستوونەکان — دوگمەی گەڕانەوە
     ڕێک لەسەر لێواری وێنەکە دەوەستێت */
  .topbar .in{max-width:1200px}

  .pubstage.detail{
    max-width:1200px;
    display:grid;
    grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);
    column-gap:26px;
    align-items:start;
  }
  /* گورزەکان دەگەڕێنەوە بۆ بلۆکی ئاسایی — order ئیتر کار ناکات */
  .pubstage.detail>.dmain{display:block;grid-column:1;min-width:0}
  .pubstage.detail>.dside{display:block;grid-column:2;min-width:0;
                          position:sticky;top:14px}
  /* وێنەی سەرەکی و پێپەڕە بە پانیی تەواو */
  .pubstage.detail>.hero,
  .pubstage.detail>.pubfoot{grid-column:1 / -1}
  /* aspect-ratio لەگەڵ max-height پانییەکەی بچووک دەکاتەوە —
     بۆ بانەرێکی تەواو-پان بەرزیی جێگیر دەدەین */
  .pubstage.detail>.hero{aspect-ratio:auto;height:360px;max-height:none}

  /* لە ستوونی تەسکدا خانەکان تێکەڵ نەبن */
  .pubstage.detail .dside .grid2{grid-template-columns:1fr}
  .pubstage.detail .dside .cell.wide{grid-column:auto}
  .pubstage.detail .dside .mapbox{aspect-ratio:4/3}
}

/* ── لاپەڕەی گریدی کارت : دوو ستوون ── */
@media (min-width:1100px){
  .pubstage.wide,
  .head.wide .in{max-width:1120px}
  .pubstage.wide .list{grid-template-columns:repeat(2,1fr)}
  /* ڕەیلی جۆرەکان ئیتر پێویستی بە مارجینی نێگەتیڤ نییە */
  .pubstage.wide .crail{margin-inline:0;padding-inline:0}

  /* ئەمانە دەبێت تەسک بمێننەوە تەنانەت لە گریدی پاندا :
     دەقی درێژ لە پانایی زۆردا ناخوێنرێتەوە، و کارتی بەتاڵ ڕادەکێشرێت */
  .pubstage.wide .intro{max-width:70ch}
  .pubstage.wide .emptybox{max-width:560px;margin-inline:auto}
}

/* ── شاشەی زۆر گەورە : سێ ستوون ── */
@media (min-width:1500px){
  .pubstage.wide,
  .head.wide .in{max-width:1400px}
  .pubstage.wide .list{grid-template-columns:repeat(3,1fr)}
}

@media (prefers-reduced-motion:reduce){*{animation:none !important;transition-duration:.001ms !important}}