/*
Theme Name: Nava Theme
Version: 1.6.1
*/

/* ===== Font ===== */
@font-face{
  font-family:'Shabnam';
  src:url('/wp-content/themes/nava-theme/assets/fonts/Shabnam/Shabnam.woff2') format('woff2');
  font-weight:400; font-display:swap;
}
@font-face{
  font-family:'Shabnam';
  src:url('/wp-content/themes/nava-theme/assets/fonts/Shabnam/Shabnam-Bold.woff2') format('woff2');
  font-weight:700; font-display:swap;
}

/* ===== Base / Reset (no horizontal scroll) ===== */
:root{
  --brand:#B10000; --text:#111; --muted:#6b7280; --border:#e5e7eb;
  --radius:14px;
  --shadow:rgba(0,0,0,.15) 0 8px 24px -6px;
}
*,
*::before,
*::after{ box-sizing:border-box; }

html, body{
  margin:0; padding:0;
  width:100%;
  overflow-x:hidden;           /* ضد اسکرول افقی */
  font-family:'Shabnam', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:#f9fafb; color:var(--text); line-height:1.9; direction:rtl;
}

/* رسانه‌ها هرگز از عرض صفحه نزنند بیرون */
img, svg, video, canvas, iframe{
  max-width:100%;
  height:auto;
  display:block;
}

/* عناصر بلوکی ناامن */
table{ display:block; max-width:100%; overflow-x:auto; }
pre, code{ white-space:pre-wrap; word-wrap:break-word; }

/* ===== Layout (full-width) ===== */
.wrap{
  width:100%;
  max-width:none;
  margin:0 auto;
  padding-inline:clamp(12px, 2vw, 24px); /* واکنش‌گرا و امن */
  padding-block:20px;
}

/* ===== Grid: 4 / 2 / 1 (بدون اسکرول افقی) ===== */
.abzp-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
  width:100%;
}
@media (max-width:992px){ .abzp-grid{ grid-template-columns:repeat(2, 1fr); } }
@media (max-width:640px){ .abzp-grid{ grid-template-columns:1fr; } }

/* ===== Card (compact) ===== */
.abzp-card-v2{
  width:100%;                 /* هیچ عرض ثابتی نداریم */
  background:#fff;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  border:1px solid rgba(0,0,0,.06);
  padding:12px;
  text-align:center;
  transition:transform .25s, box-shadow .25s;
}
.abzp-card-v2:hover{ transform:translateY(-3px); box-shadow:rgba(0,0,0,.25) 0 12px 28px -10px; }

/* تصویر مربعِ امن */
.abzp-v2-cover{ display:block; }
.abzp-v2-cover img{
  width:100%;
  aspect-ratio:1/1;           /* مربع */
  object-fit:cover;
  border-radius:12px;
  background:#f3f4f6;
  margin:0 0 10px 0;
}

/* عنوان */
.abzp-v2-title{ margin:6px 0 8px; font-size:.98rem; font-weight:700; line-height:1.5; }
.abzp-v2-title a{ text-decoration:none; color:var(--text); }
.abzp-v2-title a:hover{ text-decoration:underline; }

/* ردیف پایین کارت */
.abzp-v2-row{
  display:flex; align-items:center; justify-content:space-between;
  gap:8px; margin-top:6px; width:100%;
}
@media (max-width:640px){
  .abzp-v2-row{ flex-direction:column; align-items:stretch; gap:10px; }
}

/* راست: با نوای + آرتیست + آیکون */
.abzp-v2-right{ display:flex; align-items:center; gap:6px; color:#333; font-size:13.5px; }
.abzp-v2-by{ color:var(--muted); }
.abzp-v2-artist{ color:#111; font-weight:600; text-decoration:none; }
.abzp-v2-artist:hover{ text-decoration:underline; }
.abzp-v2-icon{ display:inline-flex; width:20px; height:20px; flex-shrink:0; }
.abzp-v2-icon svg circle{ fill:var(--brand); }
.abzp-v2-icon svg path{ fill:#fff; }

/* چپ: دکمه قرمز واقعی */
.abzp-v2-left{ text-align:start; }
.abzp-v2-btn{
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--brand); color:#fff; font-weight:700; font-size:13px;
  padding:6px 12px; border-radius:10px; text-decoration:none; white-space:nowrap;
  border:0; transition:opacity .2s;
}
.abzp-v2-btn:hover{ opacity:.9; }

/* ===== Single page (optional) ===== */
.abzp-single-card{
  background:#fff; border-radius:var(--radius);
  box-shadow:var(--shadow); border:1px solid rgba(0,0,0,.06);
  padding:24px; text-align:center; width:100%;
}
.abzp-single-card img{ width:100%; max-width:400px; border-radius:12px; margin:0 auto 16px; }
.abzp-single-card .track-title{ font-size:1.1rem; font-weight:700; }
.abzp-single-card .abzp-card-meta{ color:var(--muted); margin:10px 0; }
.abzp-single-card .abzp-card-meta a{ color:#111; text-decoration:none; }
.abzp-single-card .abzp-card-meta a:hover{ text-decoration:underline; }

/* ===== Helpers ===== */
.text-center{ text-align:center; }
.hidden-overflow{ overflow:hidden; }

/* ===== آخرین خط دفاعی ضد اسکرول افقی ===== */
.container, header, main, footer, section, article, nav{
  max-width:100%;
  overflow-x:hidden;
}