/* ===========================================================
   DandaanPlus Blog Child — header.css
   هدر سفارشی کل سایت: شناور، گوشه‌گرد، sticky، RTL.
   کلاس‌ها پیشونددار dpbc- تا با Kadence تداخل نکنند.
   =========================================================== */
/* پس‌زمینه‌ی کل سایت سفید و یکدست (حس فلت) */
body{background:#ffffff}

.dpbc-site-header{
  --dpbc-h-brand:#6cae63;
  --dpbc-h-brand-deep:#4e8b47;
  --dpbc-h-ink:#232823;
  --dpbc-h-ink-2:#6b726a;
  --dpbc-h-line:#e8ebe6;
  --dpbc-h-bg:#ffffff;
  --dpbc-h-page:#f5f7f4;

  font-family:"Vazirmatn",system-ui,Tahoma,sans-serif;
  direction:rtl;
  position:sticky;top:0;z-index:100;
  padding:14px clamp(12px,3vw,28px) 0;
  background:transparent;
}
.dpbc-site-header *{box-sizing:border-box}
.dpbc-site-header .screen-reader-text{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* نوار شناور سفید گوشه‌گرد */
.dpbc-header-bar{
  max-width:1280px;margin-inline:auto;
  display:flex;align-items:center;gap:clamp(14px,2vw,28px);
  background:var(--dpbc-h-bg);
  border:1px solid var(--dpbc-h-line);
  border-radius:16px;
  box-shadow:0 1px 3px rgba(35,40,35,.04);
  padding:12px clamp(16px,2vw,24px);
  min-height:68px;
  transition:box-shadow .25s ease, border-radius .25s ease;
}
/* هنگام چسبیدن (اسکرول) کمی جمع‌وجورتر و سایه‌دارتر */
.dpbc-site-header.is-stuck{padding-top:8px}
.dpbc-site-header.is-stuck .dpbc-header-bar{
  box-shadow:0 2px 10px rgba(35,40,35,.07);
}

/* لوگو (راست در RTL) */
.dpbc-logo{display:flex;align-items:center;gap:11px;flex:0 0 auto;text-decoration:none}
.dpbc-logo-mark{height:30px;width:auto;display:block}
.dpbc-logo-text{font-weight:700;font-size:.95rem;color:var(--dpbc-h-ink);white-space:nowrap}
@media (max-width:1180px){ .dpbc-logo-text{display:none} }

/* منوی اصلی */
.dpbc-header-nav{flex:0 0 auto}
.dpbc-header-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:clamp(14px,1.6vw,30px)}
.dpbc-header-nav a{
  font-size:.92rem;font-weight:500;color:var(--dpbc-h-ink);text-decoration:none;
  padding:6px 2px;white-space:nowrap;transition:color .15s;position:relative;
}
.dpbc-header-nav a:hover,
.dpbc-header-nav .current-menu-item>a{color:var(--dpbc-h-brand-deep)}
.dpbc-header-nav .current-menu-item>a::after{
  content:"";position:absolute;inset-inline:0;bottom:-2px;height:2px;border-radius:2px;background:var(--dpbc-h-brand);
}

/* جستجوی بزرگ وسط */
.dpbc-header-search{flex:1 1 auto;min-width:0}
.dpbc-search-form{position:relative;display:block}
.dpbc-search-form input[type="search"]{
  width:100%;height:48px;
  background:var(--dpbc-h-page);
  border:1px solid var(--dpbc-h-line);
  border-radius:12px;
  padding:0 48px 0 16px; /* جا برای آیکن سمت راست */
  font-family:inherit;font-size:.9rem;color:var(--dpbc-h-ink);
  transition:border-color .18s, background .18s;
}
.dpbc-search-form input[type="search"]::placeholder{color:var(--dpbc-h-ink-2)}
.dpbc-search-form input[type="search"]:focus{
  outline:none;border-color:var(--dpbc-h-brand);background:#fff;
}
.dpbc-search-form button{
  position:absolute;inset-inline-start:6px;top:50%;transform:translateY(-50%);
  width:38px;height:38px;border:0;background:transparent;cursor:pointer;
  display:grid;place-items:center;color:var(--dpbc-h-ink-2);border-radius:9px;
}
.dpbc-search-form button:hover{color:var(--dpbc-h-brand-deep);background:rgba(108,174,99,.08)}
.dpbc-search-form button svg{width:20px;height:20px}

/* دکمه فروشگاه */
.dpbc-header-shop{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:.5em;
  background:var(--dpbc-h-brand);color:#fff;font-weight:700;font-size:.9rem;
  padding:.78em 1.4em;border-radius:11px;text-decoration:none;white-space:nowrap;
  transition:background .18s;
}
.dpbc-header-shop:hover{background:var(--dpbc-h-brand-deep);color:#fff}
.dpbc-header-shop svg{width:1.05em;height:1.05em}

/* آیکن حساب (چپ در RTL) */
.dpbc-header-account{
  flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:11px;
  color:var(--dpbc-h-ink-2);text-decoration:none;transition:.15s;
  background:transparent;border:1px solid transparent;
}
.dpbc-header-account:hover{color:var(--dpbc-h-ink);background:var(--dpbc-h-page)}
.dpbc-header-account svg{width:22px;height:22px}

/* دکمه همبرگری موبایل — override صریح استایل دکمه‌ی Kadence */
.dpbc-site-header .dpbc-nav-toggle{
  display:none;flex:0 0 auto;width:42px;height:42px;
  background:transparent;border:1px solid transparent;box-shadow:none;
  border-radius:11px;cursor:pointer;place-items:center;
  color:var(--dpbc-h-ink-2);padding:0;margin:0;
  -webkit-appearance:none;appearance:none;transition:.15s;
}
.dpbc-site-header .dpbc-nav-toggle:hover{color:var(--dpbc-h-ink);background:var(--dpbc-h-page)}
.dpbc-site-header .dpbc-nav-toggle:focus{outline:none}
.dpbc-site-header .dpbc-nav-toggle:focus-visible{outline:2px solid var(--dpbc-h-brand);outline-offset:2px}
.dpbc-nav-toggle svg{width:22px;height:22px}

/* پنل منوی موبایل */
.dpbc-mobile-panel{
  display:none;max-width:1280px;margin:8px auto 0;
  background:#fff;border:1px solid var(--dpbc-h-line);border-radius:14px;
  box-shadow:0 6px 26px rgba(35,40,35,.10);padding:10px;
}
.dpbc-mobile-panel.is-open{display:block;animation:dpbc-h-rise .25s ease both}
.dpbc-mobile-panel ul{list-style:none;margin:0;padding:0}
.dpbc-mobile-panel li{border-bottom:1px solid var(--dpbc-h-line)}
.dpbc-mobile-panel li:last-child{border-bottom:0}
.dpbc-mobile-panel a{display:block;padding:13px 14px;color:var(--dpbc-h-ink);text-decoration:none;font-size:.95rem;font-weight:500}
.dpbc-mobile-panel a:hover{color:var(--dpbc-h-brand-deep)}
@keyframes dpbc-h-rise{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ===================== ریسپانسیو ===================== */
/* تبلت: جستجو زیر ردیف اصلی */
@media (max-width:1024px){
  .dpbc-header-bar{flex-wrap:wrap}
  .dpbc-header-nav{order:5;width:100%;border-top:1px solid var(--dpbc-h-line);padding-top:10px}
  .dpbc-header-nav ul{justify-content:center;flex-wrap:wrap}
  .dpbc-header-search{order:4;flex-basis:100%}
}

/* موبایل: چیدمان دو ردیفه‌ی جمع‌وجور و ظریف.
   ردیف ۱: لوگو (راست) ← فاصله ← آیکن حساب + همبرگری (چپ)
   ردیف ۲: نوار جستجوی تمام‌عرض */
@media (max-width:768px){
  .dpbc-site-header{padding:10px 10px 0}
  .dpbc-header-bar{
    flex-wrap:wrap;gap:10px;
    padding:10px 12px;min-height:0;border-radius:14px;
    align-items:center;
  }
  .dpbc-header-nav{display:none}

  /* لوگو راست، جمع‌وجور */
  .dpbc-logo{order:1;margin-inline-end:auto}
  .dpbc-logo-mark{height:26px}
  .dpbc-logo-text{display:none}

  /* دکمه فروشگاه از ردیف بالا حذف؛ به پنل موبایل منتقل می‌شود */
  .dpbc-header-shop{display:none}

  /* سمت چپ: حساب + همبرگری، کوچک و ظریف و یکدست */
  .dpbc-header-account{order:2;width:38px;height:38px;background:var(--dpbc-h-page);border-color:var(--dpbc-h-line)}
  .dpbc-header-account svg{width:19px;height:19px}
  .dpbc-site-header .dpbc-nav-toggle{order:3;display:grid;width:38px;height:38px;background:var(--dpbc-h-page);border-color:var(--dpbc-h-line)}
  .dpbc-nav-toggle svg{width:19px;height:19px}

  /* جستجو: ردیف کامل پایین، ظریف‌تر */
  .dpbc-header-search{order:4;flex-basis:100%;margin-top:2px}
  .dpbc-search-form input[type="search"]{height:44px;border-radius:11px;font-size:.86rem}

  /* پنل موبایل: دکمه فروشگاه هم اینجا اضافه می‌شود */
  .dpbc-mobile-panel{margin-top:8px}
  .dpbc-mobile-shop{
    display:flex;align-items:center;justify-content:center;gap:.5em;
    margin:8px;padding:.85em 1em;border-radius:11px;
    background:var(--dpbc-h-brand);color:#fff;font-weight:700;font-size:.92rem;text-decoration:none;
  }
  .dpbc-mobile-shop svg{width:1.05em;height:1.05em}
}

@media (max-width:430px){
  .dpbc-site-header{padding-inline:8px}
  .dpbc-header-bar{padding:9px 11px;border-radius:13px;gap:8px}
  .dpbc-logo-mark{height:24px}
  .dpbc-header-account{width:36px;height:36px}
  .dpbc-nav-toggle{width:36px;height:36px}
  .dpbc-search-form input[type="search"]{height:42px}
}

/* دکمه فروشگاه داخل پنل موبایل فقط در موبایل دیده می‌شود */
.dpbc-mobile-shop{display:none}