/* ===========================================================
   DandaanPlus Blog Child — home.css
   صفحه‌ی اول: هیرو بنر + محصولات نقد شده + مقالات تخصصی. تک‌ستونه، وسط‌چین.
   =========================================================== */
.dpbc-home{
  --dpbc-h-brand:#6cae63;
  --dpbc-h-brand-deep:#4e8b47;
  --dpbc-h-brand-tint:#edf6ea;
  --dpbc-h-ink:#232823;
  --dpbc-h-ink-2:#6b726a;
  --dpbc-h-ink-3:#8d948c;
  --dpbc-h-line:#e8ebe6;
  --dpbc-h-surface:#f5f7f4;
  font-family:"Vazirmatn",system-ui,Tahoma,sans-serif;
  direction:rtl;
  max-width:1200px;margin-inline:auto;
  padding:8px clamp(12px,3vw,28px) 40px;
}
.dpbc-home *{box-sizing:border-box}

/* ---------- هیرو بنر (تصویری) ---------- */
.dpbc-home-hero{margin:8px 0 36px}
.dpbc-home-hero a,.dpbc-home-hero img{display:block;width:100%}
.dpbc-home-hero img{height:auto;border-radius:18px;border:1px solid var(--dpbc-h-line)}

/* ---------- هیرو بنر (کدی، پیش‌فرض) ---------- */
.dpbc-home-hero-coded{
  position:relative;overflow:hidden;margin:8px 0 36px;
  border:1px solid var(--dpbc-h-line);border-radius:18px;background:#fff;
  display:flex;align-items:center;justify-content:center;
  min-height:230px;
  background-image:repeating-linear-gradient(-45deg,rgba(99,153,34,.03) 0,rgba(99,153,34,.03) 1px,transparent 1px,transparent 11px);
}
.dpbc-home-hero-coded .dpbc-hero-decor{position:absolute;inset:0;z-index:0;pointer-events:none}
.dpbc-home-hero-coded .dpbc-hero-decor svg{width:100%;height:100%;display:block}
.dpbc-hero-inner{position:relative;z-index:1;max-width:640px;padding:38px 28px;text-align:center}
.dpbc-hero-h1{margin:0 0 13px;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:800;line-height:1.55;color:var(--dpbc-h-ink)}
.dpbc-hero-accent{color:var(--dpbc-h-brand-deep)}
.dpbc-hero-lead{margin:0 auto 22px;font-size:clamp(.9rem,1.6vw,1rem);line-height:1.9;color:var(--dpbc-h-ink-2);max-width:48ch}
.dpbc-hero-actions{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap}
.dpbc-hero-btn{display:inline-flex;align-items:center;gap:.5em;font-weight:700;font-size:.9rem;padding:.72em 1.5em;border-radius:11px;text-decoration:none;transition:.18s}
.dpbc-hero-btn svg{width:1.05em;height:1.05em}
.dpbc-home .dpbc-hero-btn-primary,
.dpbc-home .dpbc-hero-btn-primary:hover,
.dpbc-home .dpbc-hero-btn-primary:focus,
.dpbc-home .dpbc-hero-btn-primary:active{background:var(--dpbc-h-brand);color:#fff;border:1px solid var(--dpbc-h-brand)}
.dpbc-home .dpbc-hero-btn-primary:hover{background:var(--dpbc-h-brand-deep);border-color:var(--dpbc-h-brand-deep);color:#fff}
.dpbc-home .dpbc-hero-btn-ghost,
.dpbc-home .dpbc-hero-btn-ghost:hover,
.dpbc-home .dpbc-hero-btn-ghost:focus,
.dpbc-home .dpbc-hero-btn-ghost:active{background:transparent;color:var(--dpbc-h-ink);border:1px solid var(--dpbc-h-line)}
.dpbc-home .dpbc-hero-btn-ghost:hover{border-color:var(--dpbc-h-brand);color:var(--dpbc-h-brand-deep)}

/* ---------- تیتر بخش ---------- */
.dpbc-home-section{margin:40px 0 0}
.dpbc-home-head{
  display:flex;align-items:center;justify-content:center;gap:12px;
  margin:0 0 22px;text-align:center;
}
.dpbc-home-head h2{
  display:inline-flex;align-items:center;gap:11px;margin:0;
  font-size:clamp(1.2rem,2.4vw,1.5rem);font-weight:800;color:var(--dpbc-h-ink);
}
.dpbc-home-head h2::before{
  content:"";width:5px;height:1.1em;border-radius:3px;background:var(--dpbc-h-brand);
}

/* ---------- گرید محصولات ---------- */
.dpbc-home-products{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
}
.dpbc-pcard{
  display:flex;flex-direction:column;
  border:1px solid var(--dpbc-h-line);border-radius:14px;overflow:hidden;
  background:#fff;text-decoration:none;transition:border-color .18s;
}
.dpbc-pcard:hover{border-color:var(--dpbc-h-brand)}
.dpbc-home a.dpbc-pcard:hover .dpbc-pcard-title,
.dpbc-home a.dpbc-acard:hover .dpbc-acard-title{color:var(--dpbc-h-ink)}
.dpbc-home a.dpbc-pcard:hover .dpbc-pcard-brand,
.dpbc-home a.dpbc-acard:hover .dpbc-acard-cat{color:var(--dpbc-h-brand-deep)}
.dpbc-pcard-thumb{aspect-ratio:4/3;background:var(--dpbc-h-surface);overflow:hidden}
.dpbc-pcard-thumb img{width:100%;height:100%;object-fit:cover}
.dpbc-pcard-ph{width:100%;height:100%;display:grid;place-items:center;color:var(--dpbc-h-ink-3)}
.dpbc-pcard-ph svg{width:38px;height:38px;opacity:.5}
.dpbc-pcard-body{padding:13px 14px;display:flex;flex-direction:column;gap:7px;flex:1}
.dpbc-pcard-brand{font-size:.74rem;color:var(--dpbc-h-brand-deep);font-weight:700}
.dpbc-pcard-title{
  font-size:.92rem;font-weight:500;line-height:1.7;color:var(--dpbc-h-ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

/* ---------- فهرست مقالات ---------- */
.dpbc-home-articles{display:grid;gap:0;border:1px solid var(--dpbc-h-line);border-radius:16px;overflow:hidden}
.dpbc-acard{
  display:flex;align-items:center;gap:16px;padding:16px 18px;text-decoration:none;
  border-bottom:1px solid var(--dpbc-h-line);transition:background .15s;
}
.dpbc-acard:last-child{border-bottom:0}
.dpbc-acard:hover{background:var(--dpbc-h-surface)}
.dpbc-acard-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.dpbc-acard-cat{font-size:.76rem;color:var(--dpbc-h-brand-deep);font-weight:700}
.dpbc-acard-title{font-size:1.02rem;font-weight:700;line-height:1.7;color:var(--dpbc-h-ink)}
.dpbc-acard-meta{display:flex;gap:18px;font-size:.78rem;color:var(--dpbc-h-ink-3)}
.dpbc-acard-meta span{display:inline-flex;align-items:center;gap:5px}
.dpbc-acard-meta svg{width:14px;height:14px}
.dpbc-acard-thumb{
  flex:0 0 auto;width:130px;height:84px;border-radius:10px;overflow:hidden;background:var(--dpbc-h-surface);
}
.dpbc-acard-thumb img{width:100%;height:100%;object-fit:cover}
.dpbc-acard-ph{width:100%;height:100%;display:grid;place-items:center;color:var(--dpbc-h-ink-3)}
.dpbc-acard-ph svg{width:30px;height:30px;opacity:.5}

/* ---------- دکمه مشاهده همه ---------- */
.dpbc-home-more{display:flex;justify-content:center;margin-top:22px}
.dpbc-home-more a{
  display:inline-flex;align-items:center;gap:.5em;
  border:1px solid var(--dpbc-h-line);border-radius:11px;
  padding:.7em 1.6em;font-size:.9rem;font-weight:700;color:var(--dpbc-h-ink);
  text-decoration:none;background:#fff;transition:.18s;
}
.dpbc-home-more a:hover{border-color:var(--dpbc-h-brand);color:var(--dpbc-h-brand-deep)}
.dpbc-home-more svg{width:1.05em;height:1.05em}

/* ---------- ریسپانسیو ---------- */
@media (max-width:980px){
  .dpbc-home-products{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:680px){
  .dpbc-home-products{grid-template-columns:repeat(2,1fr);gap:12px}
  .dpbc-acard{gap:12px;padding:13px 14px}
  .dpbc-acard-thumb{width:96px;height:68px}
  .dpbc-acard-title{font-size:.92rem}
  .dpbc-acard-meta{gap:12px;font-size:.72rem}
  .dpbc-home-hero-coded{min-height:190px}
  .dpbc-hero-inner{padding:30px 20px}
  .dpbc-hero-actions{gap:10px}
  .dpbc-hero-btn{padding:.66em 1.2em;font-size:.85rem}
}
@media (max-width:420px){
  .dpbc-home-products{grid-template-columns:1fr 1fr;gap:10px}
  .dpbc-acard-meta span:nth-child(2){display:none}
}