/* ============================================================
   responsive.css — ریسپانسیو کامل فوریو ویلا
   (باید بعد از استایل اصلی لود شود)
   ============================================================ */

/* ---------- تبلت بزرگ و کمتر ---------- */
@media (max-width:1200px){
  .row-side{gap:8px}
}

/* ---------- تبلت ---------- */
@media (max-width:1020px){
  .hbar{gap:12px}
  .hero-grid{padding-block:26px 0}
  .hero-fig{width:100%;max-width:560px}
  .voices{padding-block:52px;gap:36px}
  .pod-box,.nl-box{padding:26px}
  .pod-box{box-shadow:8px 8px 0 var(--ink)}
  .f-wrap{gap:28px}
  .board-grid{grid-template-columns:repeat(2,1fr)}
  .pcard.f .pc-val{font-size:clamp(1.4rem,2.2vw,1.9rem)}
}

/* ---------- موبایل بزرگ / موبایل ---------- */
@media (max-width:768px){

  /* هدر فشرده */
  .hbar{height:62px;gap:10px}
  .logo-mark{width:38px;height:38px;font-size:1.25rem}
  .logo b{font-size:1rem}
  .logo small{display:none}
  .hbtn{width:38px;height:38px;font-size:.95rem}
  .htools{gap:6px}

  /* ردیف‌های خبر: محتوا + یک سطر ابزار زیرش */
  .row{grid-template-columns:auto 1fr;row-gap:6px;padding-block:18px}
  .row-num{font-size:1.5rem;-webkit-text-stroke-width:1px}
  .row-side{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding-top:2px}
  .row-lead,.go{display:none}
  .row-title{font-size:1.15rem}
  .row-top{font-size:.68rem;gap:7px}
  .rt-btn{width:30px;height:30px;font-size:.75rem}
  .bm{width:36px;height:36px;font-size:.9rem}

  /* تابلو */
  .tv{padding-block:6px 52px}
  .board-top{padding:12px 16px;gap:8px 10px}
  .board-title{font-size:1.05rem}
  .board-cd{display:none}
  .bbtn{width:36px;height:36px;font-size:.9rem}
  .board-grid{grid-template-columns:1fr 1fr}
  .pcard{padding:14px 14px 12px}
  .pc-val{font-size:1.1rem}
  .pcard.f .pc-val{font-size:1.35rem}
  .pc-hl{font-size:.62rem}
  .board-foot{padding:12px 16px;font-size:.7rem}
  .pm-item{padding-inline:12px;font-size:.72rem}

  /* پرونده تصویری */
  .feature{padding-block:6px 52px}
  .f-ctrl button{width:44px;height:44px;font-size:1rem}
  .f-index{font-size:1.05rem;min-width:52px}
  .slide{min-width:86vw}

  /* نظر سردبیر */
  .quote .qm{font-size:3.4rem}
  .quote .who img{width:46px;height:46px}

  /* پادکست */
  .podcast{padding-bottom:56px}
  .pod-box{padding:20px;box-shadow:6px 6px 0 var(--ink)}
  .play-big .pl{width:56px;height:56px;font-size:1.25rem}
  .wave{height:52px}

  /* خبرنامه */
  .newsletter{padding-bottom:56px}
  .nl-box{padding:24px}
  .nl-field button{padding:11px 18px;font-size:.82rem}

  /* سربخش‌ها */
  .sec-head{padding-block:18px;gap:12px}
  .sec-en{font-size:.56rem;letter-spacing:.22em}

  /* مودال‌ها */
  .modal-ov{padding:10px}
  .modal-close{width:40px;height:40px;margin:12px 12px 0}
  .modal-body{padding:20px 18px}
  .m-lead{font-size:1.2rem;padding-right:12px}
  .m-foot{gap:10px}
  .m-foot .btn{font-size:.8rem;padding:10px 16px}

  /* فرم‌ها و دکمه‌ها */
  .btn{padding:11px 20px;font-size:.88rem}
  .btn.mini{padding:8px 14px;font-size:.78rem}
  .chip{padding:7px 14px;font-size:.76rem}

  /* هیرو */
  .hero-grid{gap:24px}
  .hero .lede{font-size:.98rem;line-height:1.95}
  .hero-actions{gap:10px}
  .hero-topics{gap:8px 18px;padding-block:14px 22px}
  .hero-topics .t{font-size:.76rem}
  .hero-meta{font-size:.68rem;padding-block:10px}

  /* پنل‌های مدیریت */
  .m-row{gap:10px}
  .m-row .m-info{min-width:100px}
  .m-btn{padding:7px 12px;font-size:.72rem}

  /* توست‌ها بالاتر از دکمه‌ی شناور */
  .toasts{right:12px;left:12px;bottom:calc(78px + env(safe-area-inset-bottom,0px))}
  .fab{bottom:calc(18px + env(safe-area-inset-bottom,0px));padding:13px 22px;font-size:.86rem}
}

/* ---------- ادیتور تمام‌صفحه ---------- */
@media (max-width:900px){
  .edw-grid{grid-template-columns:1fr;padding:16px;gap:22px}
  .edw-card{position:static}
  .edw-head{padding:12px 16px}
}

/* ---------- موبایل کوچک ---------- */
@media (max-width:520px){
  .edw-head{flex-wrap:wrap;row-gap:8px}
  .edw-head b{font-size:1.05rem}
  .edw-grid{padding:12px}
  .pv-body{padding:12px 14px}
  .pv-body h3{font-size:1.15rem}
  .set-grid{grid-template-columns:1fr}
  .l-hero{flex-direction:column;text-align:center;align-items:center}
  .nl-field{flex-direction:column;padding:10px;border-radius:20px}
  .nl-field input{padding:10px 14px;text-align:center}
  .nl-field button{justify-content:center}
  .ep-chip{padding:6px 12px;font-size:.7rem}
  .toast{padding:12px 14px;font-size:.8rem}
  .searchbar input{font-size:1.05rem}
}

/* ---------- موبایل خیلی کوچک ---------- */
@media (max-width:400px){
  .hero h1{font-size:2.1rem}
  .hero-fig .frame{border-radius:130px 130px 14px 14px}
  .badge-spin{width:72px;height:72px;left:-8px;bottom:-16px}
  .badge-spin svg.ring text{font-size:11px}
  .sec-en{display:none}
  .board-grid{grid-template-columns:1fr}
  .pcard.f{grid-column:auto}
  .pcard.f .pc-val{font-size:1.5rem}
  .row-num{font-size:1.3rem}
  .hbar{height:56px}
  .fab{padding:12px 18px;font-size:.8rem}
}

/* ---------- لمسی: ابزارهای مدیر همیشه قابل دیدن ---------- */
@media (hover:none) and (pointer:coarse){
  body.is-admin .row-admin{opacity:1;pointer-events:auto}
}

/* ---------- افست اسکرول برای هدر کوتاه‌شده ---------- */
@media (max-width:768px){
  section{scroll-margin-top:70px}
}

/* ---------- کاهش حرکت ---------- */
@media (prefers-reduced-motion:reduce){
  .fab{transition:none}
}