/* آچاربرق — هدر، ردیف ناوبری و مگامنوی دسته‌بندی
   همه قواعد به کلاس‌های ach-* هدر محدودند. */

.ach-header-wrap{
  --ach-hd-wrap:1600px;
  --ach-hd-gutter:clamp(12px,2vw,24px);
  --ach-hd-main:72px;
  --ach-hd-nav:44px;
  --ach-hd-gray:#F3F4F6;
  position:relative;z-index:30;background:#fff;
}
.ach-header-wrap .screen-reader-text{position:absolute!important;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ───── نوار اطلاع‌رسانی ───── */
.ach-announce{background:var(--wp--preset--color--cream);color:var(--wp--preset--color--contrast);border-block-end:1px solid #F0E6CD;font-size:var(--wp--preset--font-size--x-small)}
.ach-announce__inner{max-inline-size:var(--ach-hd-wrap);margin-inline:auto;padding:9px var(--ach-hd-gutter);text-align:center}
.ach-announce a{color:var(--wp--preset--color--brand-ink);text-decoration:none;font-weight:600}
.ach-announce a:hover,.ach-announce a:focus-visible{text-decoration:underline;text-underline-offset:3px}

/* ───── ردیف اصلی ───── */
.ach-header{border-block-end:1px solid var(--wp--preset--color--border)}
.ach-header-wrap > *,.ach-header > *{margin-block-start:0}
.ach-header__main{
  display:flex;align-items:center;gap:clamp(12px,1.6vw,28px);
  min-block-size:var(--ach-hd-main);
  max-inline-size:var(--ach-hd-wrap);margin-inline:auto;padding-inline:var(--ach-hd-gutter);
}
.ach-header__main > *{margin-block-start:0}
.ach-header__brand{display:flex;align-items:center;flex:none;margin-block-start:0}
.ach-header__brand .wp-block-site-logo img{max-block-size:44px;inline-size:auto}
.ach-header__search{flex:1 1 auto;min-inline-size:0;max-inline-size:620px;margin-block-start:0}
.ach-header__tools{margin-inline-start:auto}
.ach-header__tools{display:flex;align-items:center;gap:4px;flex:none;margin-block-start:0}
.ach-header__tools > *{margin-block-start:0}

.ach-mobtrigger{display:none;align-items:center;justify-content:center;inline-size:44px;block-size:44px;
  border:0;background:none;color:var(--wp--preset--color--contrast);cursor:pointer;border-radius:10px;flex:none}
.ach-mobtrigger svg{inline-size:24px;block-size:24px}
.ach-mobtrigger:hover{background:var(--ach-hd-gray)}

/* جست‌وجو */
.ach-header__search .wc-block-product-search__fields,
.ach-header__search form{display:flex;align-items:stretch;background:var(--ach-hd-gray);
  border:1px solid transparent;border-radius:12px;overflow:hidden;transition:border-color .15s,background .15s}
.ach-header__search form:focus-within{background:#fff;border-color:var(--wp--preset--color--brand)}
.ach-header__search label,.ach-header__search .wc-block-product-search__label{position:absolute!important;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ach-header__search input[type=search],.ach-header__search .wc-block-product-search__field{
  flex:1 1 auto;min-inline-size:0;block-size:46px;border:0;background:transparent;
  padding-inline:6px 16px;font-size:var(--wp--preset--font-size--small);font-family:inherit;color:var(--wp--preset--color--contrast)}
.ach-header__search input[type=search]:focus{outline:none}
.ach-header__search input[type=search]::placeholder{color:var(--wp--preset--color--muted)}
.ach-header__search button,.ach-header__search .wc-block-product-search__button{
  order:-1;flex:none;inline-size:48px;block-size:46px;border:0;background:none;cursor:pointer;
  color:var(--wp--preset--color--muted);display:inline-flex;align-items:center;justify-content:center}
.ach-header__search button:hover{color:var(--wp--preset--color--brand-hover)}
.ach-header__search button svg{inline-size:20px;block-size:20px}

/* حساب و سبد */
.ach-header__tools .wc-block-customer-account__avatar{display:none}
.ach-header__tools .wc-block-customer-account__visual{display:inline-flex;align-items:center;block-size:24px}
.ach-header__tools .wc-block-customer-account__visual svg,
.ach-header__tools .wc-block-mini-cart__icon{inline-size:24px;block-size:24px}
.ach-header__tools .wc-block-customer-account__link{flex-direction:row;align-items:center;gap:8px;
  min-block-size:44px;block-size:auto;padding-block:0;box-sizing:border-box}
.ach-header__tools a,.ach-header__tools button{
  display:inline-flex;align-items:center;gap:8px;padding-inline:12px;min-block-size:44px;border-radius:10px;
  color:var(--wp--preset--color--contrast);text-decoration:none;font-size:var(--wp--preset--font-size--small);
  background:none;border:0;cursor:pointer;white-space:nowrap}
.ach-header__tools a:hover,.ach-header__tools button:hover{background:var(--ach-hd-gray)}
.wc-block-mini-cart__badge{background:var(--wp--preset--color--brand);color:var(--wp--preset--color--contrast);font-weight:600}

/* ───── ردیف ناوبری ───── */
.ach-navrow{border-block-start:1px solid var(--wp--preset--color--border)}
.ach-navrow__inner{display:flex;align-items:stretch;gap:clamp(10px,1.4vw,24px);
  min-block-size:var(--ach-hd-nav);max-inline-size:var(--ach-hd-wrap);margin-inline:auto;padding-inline:var(--ach-hd-gutter)}
.ach-navrow__inner > *{margin-block-start:0}
.ach-navrow__links{display:flex;align-items:center;min-inline-size:0;overflow-x:auto;scrollbar-width:none}
.ach-navrow__links::-webkit-scrollbar{display:none}
.ach-navrow__list{display:flex;align-items:center;gap:clamp(10px,1.4vw,22px);list-style:none;margin:0;padding:0}
.ach-navrow__list a{display:inline-flex;align-items:center;min-block-size:44px;padding-inline:2px;
  font-size:var(--wp--preset--font-size--small);font-weight:500;text-decoration:none;white-space:nowrap;
  color:var(--wp--preset--color--contrast);border-block-end:2px solid transparent}
.ach-navrow__list a:hover{color:var(--wp--preset--color--brand-hover)}

/* ───── دکمه دسته‌بندی ───── */
.ach-mega{position:relative;display:flex;align-items:center;flex:none}
.ach-mega__trigger{display:inline-flex;align-items:center;gap:8px;min-block-size:36px;padding-inline:14px;
  border:0;border-radius:10px;background:var(--wp--preset--color--brand);color:var(--wp--preset--color--contrast);
  font-family:inherit;font-size:var(--wp--preset--font-size--small);font-weight:600;cursor:pointer;white-space:nowrap}
.ach-mega__trigger:hover{background:var(--wp--preset--color--brand-hover)}
.ach-mega__trigger svg{inline-size:18px;block-size:18px}
.ach-mega__chev{transition:transform .18s}
.ach-mega__trigger[aria-expanded=true] .ach-mega__chev{transform:rotate(-90deg)}

/* ───── پنل مگامنو ───── */
.ach-mega__panel{
  position:absolute;inset-block-start:calc(100% + 1px);inset-inline-start:0;inset-inline-end:auto;
  inline-size:min(1180px, calc(100vw - (var(--ach-hd-gutter) * 2)));
  max-block-size:var(--ach-mega-maxh, 70vh);
  background:#fff;border:1px solid var(--wp--preset--color--border);border-block-start:0;
  border-end-start-radius:14px;border-end-end-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.14);
  display:flex;flex-direction:column;overflow:hidden;z-index:40}
.ach-mega__panel[hidden]{display:none}
.ach-mega__head{display:none}
.ach-mega__body{display:grid;grid-template-columns:214px 1fr;min-block-size:0;flex:1 1 auto}

.ach-mega__parents{list-style:none;margin:0;padding:8px;background:var(--ach-hd-gray);overflow-y:auto;min-block-size:0}
.ach-mega__pitem{display:flex;align-items:center;border-radius:10px}
.ach-mega__plink{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-block-size:44px;padding-inline:10px;
  text-decoration:none;color:var(--wp--preset--color--contrast);font-size:var(--wp--preset--font-size--small);font-weight:500}
.ach-mega__plink svg{inline-size:20px;block-size:20px;color:var(--wp--preset--color--muted);flex:none}
.ach-mega__pitem.is-active{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.07)}
.ach-mega__pitem.is-active .ach-mega__plink{color:var(--wp--preset--color--brand-hover);font-weight:600}
.ach-mega__pitem.is-active .ach-mega__plink svg{color:var(--wp--preset--color--brand)}
.ach-mega__ptoggle{display:none;align-items:center;justify-content:center;inline-size:44px;block-size:44px;
  border:0;background:none;color:var(--wp--preset--color--muted);cursor:pointer;flex:none}

.ach-mega__groups{overflow-y:auto;min-block-size:0;padding:18px 22px 22px}
.ach-mega__all{display:inline-flex;align-items:center;gap:6px;min-block-size:36px;
  font-size:var(--wp--preset--font-size--small);font-weight:600;text-decoration:none;
  color:var(--wp--preset--color--brand-hover);margin-block-end:12px}
.ach-mega__all svg{inline-size:16px;block-size:16px}
.ach-mega__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px}
.ach-mega__col--wide{grid-column:1 / -1}
.ach-mega__coltitle{margin:0 0 10px;font-size:var(--wp--preset--font-size--small);font-weight:700;
  position:relative;padding-inline-start:10px;line-height:1.7}
.ach-mega__coltitle::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.35em;
  inline-size:3px;block-size:1em;border-radius:2px;background:var(--wp--preset--color--brand)}
.ach-mega__coltitle a{color:inherit;text-decoration:none}
.ach-mega__coltitle a:hover{color:var(--wp--preset--color--brand-hover)}
.ach-mega__sub{list-style:none;margin:0;padding:0}
.ach-mega__sub--grid{column-count:3;column-gap:28px}
.ach-mega__sub--grid li{break-inside:avoid}
.ach-mega__sub a{display:block;padding-block:7px;font-size:var(--wp--preset--font-size--x-small);
  color:var(--wp--preset--color--muted);text-decoration:none;line-height:1.8}
.ach-mega__sub a:hover{color:var(--wp--preset--color--brand-hover)}

.ach-mega__drawerlinks{display:none}

/* پوشش تیره */
.ach-header__overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;
  transition:opacity .18s;z-index:25}
.ach-header__overlay.is-visible{opacity:1;pointer-events:auto}

/* فوکوس صفحه‌کلید */
.ach-header-wrap a:focus-visible,.ach-header-wrap button:focus-visible{
  outline:2px solid var(--wp--preset--color--brand);outline-offset:2px;border-radius:6px}

@media (prefers-reduced-motion:reduce){
  .ach-header-wrap *,.ach-header__overlay{transition:none!important}
}

/* ───── موبایل و تبلت ───── */
@media (max-width:1024px){
  .ach-header-wrap{--ach-hd-main:60px}
  .ach-mobtrigger{display:inline-flex}
  .ach-header__main{flex-wrap:wrap;padding-block:10px;min-block-size:0;gap:10px}
  .ach-header__brand{order:1}
  .ach-header__tools{order:2;margin-inline-start:auto}
  .ach-header__search{order:3;flex-basis:100%}
  .ach-header__tools .wp-block-woocommerce-customer-account{display:none}
  .wc-block-mini-cart__amount{display:none}
  /* ردیف ناوبری در موبایل خالی می‌شود، اما display:none نمی‌گیرد
     چون کشوی مگامنو فرزند آن است و با display:none از چیدمان حذف می‌شد. */
  .ach-navrow{border-block-start:0}
  .ach-navrow__inner{min-block-size:0;padding:0;gap:0}
  .ach-navrow__links{display:none}
  .ach-mega__trigger{display:none}

  /* پنل به کشوی سمت راست تبدیل می‌شود */
  .ach-mega__panel{position:fixed;inset-block:0;inset-inline-start:0;inset-inline-end:auto;
    inline-size:min(340px,88vw);max-block-size:none;block-size:100%;border:0;border-radius:0;
    box-shadow:0 0 30px rgba(0,0,0,.25);z-index:60}
  .ach-mega__head{display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:12px 16px;border-block-end:1px solid var(--wp--preset--color--border);font-weight:700;flex:none}
  .ach-mega__close{display:inline-flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;
    border:0;background:none;cursor:pointer;color:var(--wp--preset--color--contrast);border-radius:10px}
  .ach-mega__close:hover{background:var(--ach-hd-gray)}
  .ach-mega__close svg{inline-size:22px;block-size:22px}
  .ach-mega__body{display:block;overflow-y:auto;flex:1 1 auto}
  .ach-mega__parents{background:#fff;padding:6px 8px;overflow:visible}
  .ach-mega__pitem{border-block-end:1px solid var(--wp--preset--color--border);border-radius:0}
  .ach-mega__pitem.is-active{background:#fff;box-shadow:none}
  .ach-mega__pitem.is-active .ach-mega__plink{color:var(--wp--preset--color--contrast);font-weight:500}
  .ach-mega__pitem.is-active .ach-mega__plink svg{color:var(--wp--preset--color--muted)}
  .ach-mega__pitem.is-open .ach-mega__plink{color:var(--wp--preset--color--brand-hover);font-weight:600}
  .ach-mega__pitem.is-open .ach-mega__plink svg{color:var(--wp--preset--color--brand)}
  .ach-mega__ptoggle{display:inline-flex}
  .ach-mega__ptoggle[aria-expanded=true] .ach-mega__chev{transform:rotate(-90deg)}
  .ach-mega__pitem{flex-wrap:wrap}
  .ach-mega__group{flex-basis:100%;padding:4px 12px 14px}
  .ach-mega__groups:empty{display:none}
  .ach-mega__cols{grid-template-columns:1fr;gap:0}
  .ach-mega__sub--grid{column-count:1}
  .ach-mega__coltitle{margin-block:8px 4px}
  .ach-mega__sub a{padding-block:10px;min-block-size:44px;display:flex;align-items:center}
  .ach-mega__all{min-block-size:44px}
  .ach-mega__drawerlinks{display:block;border-block-start:1px solid var(--wp--preset--color--border);padding:10px 16px 20px;flex:none}
  .ach-mega__drawerlist{list-style:none;margin:0;padding:0}
  .ach-mega__drawerlist a{display:flex;align-items:center;min-block-size:44px;text-decoration:none;
    color:var(--wp--preset--color--contrast);font-size:var(--wp--preset--font-size--small);font-weight:500}
  .ach-mega__draweraccount{display:flex;align-items:center;justify-content:center;min-block-size:44px;margin-block-start:10px;
    border-radius:10px;background:var(--wp--preset--color--brand);color:var(--wp--preset--color--contrast);
    font-weight:600;text-decoration:none;font-size:var(--wp--preset--font-size--small)}
  /* کشو نباید زیر نوار مدیریت وردپرس برود */
  body.admin-bar .ach-mega__panel{inset-block-start:32px}
  body.ach-menu-open{overflow:hidden}
}

@media (max-width:782px){
  body.admin-bar .ach-mega__panel{inset-block-start:46px}
}

@media (max-width:400px){
  .ach-header__brand .wp-block-site-logo img{max-block-size:36px}
}
