/* ====== IRAN-AMRICA SHOP (from scratch) ====== */
:root{
   --muted:#232733;
  --red:#ef4444; --red2:#dc2626; --amber:#f59e0b;
  --border:rgba(255,255,255,.08);
  --radius:20px; --shadow:0 18px 40px rgba(0,0,0,.35);
  --t:.25s cubic-bezier(.2,.6,.2,1);
}
body{background:var(--bg);color:var(--txt)}

/* ظرف اصلی */
.iran-amrica-container{max-width:1280px;margin:0 auto;padding:20px 16px}

/* هدر */
.iran-amrica-header{border:1px solid var(--border);border-radius:16px;padding:14px 18px;background:linear-gradient(180deg,var(--surface),transparent 140%)}
.iran-amrica-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.iran-amrica-h1{margin:8px 0 0;font-size:1.6rem;font-weight:900}
.iran-amrica-toolbar{display:flex;gap:10px;color:var(--txt2)}
.iran-amrica-toolbar select{appearance:none;background:var(--card);color:#fff;border:1px solid var(--border);border-radius:12px;padding:10px 36px}

/* چیدمان صفحه */
.iran-amrica-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;margin-top:18px}
.iran-amrica-sidebar{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto}
.iran-amrica-widget{background:linear-gradient(#1b202c,#171b25);border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:12px}
.iran-amrica-widget-title{margin:0 0 8px;font-size:1rem}

/* ====== گرید محصولات ====== */
.iran-amrica-grid > ul.products{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(270px,1fr)) !important;
  gap:26px !important;
  margin:0 !important; padding:0 !important; list-style:none !important;
}

/* کارت */
.iran-amrica-card{
  background:linear-gradient(180deg,var(--card),#13161d 90%);
  border:1px solid var(--border); border-radius:var(--radius);
  box-shadow:var(--shadow);
  display:flex; flex-direction:column; overflow:hidden; position:relative;
  transition:transform var(--t), box-shadow var(--t), border-color var(--t);
}
.iran-amrica-card:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(0,0,0,.5);border-color:transparent}

/* تصویر — قفل قطعی */
.iran-amrica-thumb{
  position:relative; display:block; width:100%;
  height:clamp(180px, 22vw, 225px); max-height:260px;
  overflow:hidden; background:#0f0f13;
}
.iran-amrica-thumb .iran-amrica-img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover; object-position:center; display:block;
}

.iran-amrica-badge{
  position:absolute; top:12px; right:12px; z-index:2;
  background:linear-gradient(135deg,var(--red),var(--red2));
  color:#fff; padding:7px 12px; border-radius:999px; font-weight:800; font-size:.88rem;
  box-shadow:0 10px 22px rgba(239,68,68,.35);
}

/* بدنه کارت */
.iran-amrica-body{flex:1}
.iran-amrica-cat{color:var(--txt2);font-size:.82rem;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iran-amrica-title{font-size:1.05rem;font-weight:900;margin:0 0 8px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.iran-amrica-title a{color:black;text-decoration:none}
.iran-amrica-title a:hover{color:var(--red)}
.iran-amrica-rating{display:flex;gap:8px;margin:4px 0 10px}
.iran-amrica-price{display:flex;align-items:baseline;gap:10px;margin:6px 0 14px}
.iran-amrica-old{color:#94a3b8;text-decoration:line-through}
.iran-amrica-new{color:var(--red);font-weight:900;font-size:1.18rem}
.iran-amrica-new del{
  display: none !important;
}

/* دکمه‌ها */
.iran-amrica-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content: space-around;}
.iran-amrica-btn{
  background:linear-gradient(135deg,var(--red),var(--red2)); color:#fff !important;
  border:none; border-radius:12px; padding:11px 16px; font-weight:800; line-height:1;
  display:inline-flex; align-items:center; gap:8px; text-decoration:none;
  box-shadow:0 10px 24px rgba(239,68,68,.35);
  transition:transform var(--t), box-shadow var(--t);
}
.iran-amrica-btn:hover{transform:translateY(-2px); box-shadow:0 14px 30px rgba(239,68,68,.45)}
.iran-amrica-btn.ghost{background:linear-gradient(#232838,#1b2130); border:1px solid var(--border); box-shadow:none}
.iran-amrica-btn.ghost:hover{border-color:rgba(255,255,255,.18); box-shadow:0 10px 22px rgba(0,0,0,.25)}

/* ریسپانسیو */
@media (max-width:980px){
  .iran-amrica-layout{grid-template-columns:1fr}
}


/* ===== NUCLEAR FIX for Woo product grid & thumbnails ===== */

/* 1) خود لیست محصولات را هر طور شده GRID کن */
.woocommerce ul.products,
.woocommerce-page ul.products,
.elementor .woocommerce ul.products{
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)) !important;
  gap: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
  max-width: none !important;
  float: none !important;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after{ content:none !important; display:none !important; }

/* 2) آیتم‌ها هیچ float/width قدیمی نگیرند */
.woocommerce ul.products > li.product{
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  float: none !important;
  clear: none !important;
  min-width: 0 !important;
}

/* 3) اولین لینکِ کارت را (که تصویر داخلش است) به باکس ثابت تبدیل کن */
.woocommerce ul.products > li.product > a:first-child{
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: clamp(180px, 22vw, 260px) !important;  /* ارتفاع منطقی */
  max-height: 260px !important;
  overflow: hidden !important;
  background: #0f0f13 !important;
}

/* 4) خود تصویر را به اندازه‌ی باکس پین کن و برش بده */
.woocommerce ul.products > li.product > a:first-child img{
  position: absolute !important;
  inset: 0 !important;              /* top/right/bottom/left = 0 */
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* 5) بعضی تم‌ها روی li.first/last کلیر می‌زنند */
.woocommerce ul.products li.first,
.woocommerce ul.products li.last{ clear: none !important; }



/* === Compact Pro cards === */
.woocommerce ul.products{
  grid-template-columns: repeat(auto-fit, minmax(220px,1fr)) !important;
  gap: 18px !important;
}

.iran-amrica-card{
  border-radius:16px;
  box-shadow: 0 10px 26px rgba(0,0,0,.25);
  transition: transform .18s ease, box-shadow .18s ease;
}
.iran-amrica-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
}

/* تصویر کوتاه‌تر و یکدست‌تر */
.iran-amrica-thumb{
  height: clamp(150px, 20vw, 200px) !important;
  max-height: 200px !important;
}

/* بدنه جمع و جور */
.iran-amrica-body{ padding:0 9px; min-height:auto }
.iran-amrica-cat{ font-size:.78rem; margin-bottom:6px; opacity:.85 }
.iran-amrica-title{ font-size:.98rem; margin:0 0 6px }
.iran-amrica-price{ margin:0px 0 5px; gap:8px }
.iran-amrica-new{ font-size:1.05rem }

/* دکمه‌ها کوچیک‌تر و هماهنگ */
.iran-amrica-actions{ gap:8px }
.iran-amrica-btn{ padding:9px 12px; font-weight:800; border-radius:10px; min-width:120px }
.iran-amrica-btn.ghost{ padding:9px 12px }
.iran-amrica-btn:hover{ transform: translateY(-1px) }

/* بَج تخفیف جمع‌وجور */
.iran-amrica-badge{ padding:6px 10px; font-size:.8rem; box-shadow:0 8px 18px rgba(239,68,68,.32) }

/* فاصله‌ی پایین کارت تا سایه */
.iran-amrica-card{ margin-bottom:2px }

/* ریسپانسیو‌های ظریف‌تر */
@media (max-width: 1100px){
  .woocommerce ul.products{ gap:16px !important }
}
@media (max-width: 780px){
  .woocommerce ul.products{ grid-template-columns:repeat(2,minmax(0,1fr)) !important }
}
@media (max-width: 520px){
  .woocommerce ul.products{ grid-template-columns:1fr !important; gap:14px !important }
}



/* === Advanced filter bar (IAF) === */
.iaf-bar{ margin:16px 0 8px; background:linear-gradient(180deg,#171c26,transparent 130%);
  border:1px solid var(--border); border-radius:14px; padding:12px 14px }
.iaf{ margin:0 }
.iaf-row{ display:flex; align-items:end; gap:10px; flex-wrap:wrap }
.iaf-field{ display:flex; flex-direction:column; gap:6px }
.iaf-field input{ background:var(--card); color:#fff; border:1px solid var(--border);
  padding:10px 12px; border-radius:10px; width:160px }
.iaf-check{ display:flex; align-items:center; gap:8px; background:#1b2130;
  border:1px solid var(--border); padding:10px 12px; border-radius:10px; color:#e5e7eb }
.iaf-check input{ accent-color:#ef4444; transform:scale(1.05) }
.iaf .iran-amrica-btn{ padding:10px 14px }

.iaf-chips{ display:flex; gap:8px; margin-top:10px; flex-wrap:wrap }
.chip{ display:inline-flex; align-items:center; gap:6px; padding:6px 10px;
  background:#202638; border:1px solid var(--border); border-radius:999px; color:#e5e7eb;
  text-decoration:none; font-size:.86rem }
.chip:hover{ border-color:rgba(255,255,255,.2); color:#fff }