/* آچاربرق — اسلایدشوی بنر صفحه نخست
   همه قواعد به کلاس‌های ach-slider / ach-hero محدودند. */

.ach-slider,.ach-hero--plain{
  --ach-sl-ratio:3 / 1;
  --ach-sl-bg:var(--wp--preset--color--cream);
  margin-block-start:0;background:var(--ach-sl-bg);
  border-block-end:1px solid var(--wp--preset--color--border)}

.ach-slider__stage{position:relative;inline-size:100%;max-inline-size:1700px;margin-inline:auto}

.ach-slider__viewport{
  position:relative;inline-size:100%;aspect-ratio:var(--ach-sl-ratio);
  overflow:hidden;touch-action:pan-y;background:var(--ach-sl-bg)}

.ach-slider__track{position:absolute;inset:0}
.ach-slider__slide{
  position:absolute;inset:0;opacity:0;visibility:hidden;
  transition:opacity .5s ease,visibility .5s ease}
.ach-slider__slide.is-active{opacity:1;visibility:visible}
.ach-slider__link{display:block;block-size:100%}
.ach-slider__img{
  inline-size:100%;block-size:100%;object-fit:contain;object-position:center;display:block}

/* ───── متن اسلاید اول ───── */
.ach-slider__caption{
  position:absolute;inset-block:0;inset-inline-start:0;inline-size:46%;
  display:flex;align-items:center;
  padding-inline-start:clamp(56px,5vw,84px);padding-inline-end:clamp(16px,2vw,32px);
  opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;pointer-events:none}
.ach-slider__caption.is-shown{opacity:1;visibility:visible;pointer-events:auto}
.ach-slider__captionbox{max-inline-size:34ch}
.ach-hero__title{
  margin:0 0 12px;font-size:clamp(22px,3.2vw,42px);font-weight:700;line-height:1.45;
  color:var(--wp--preset--color--contrast)}
.ach-hero__title .ach-accent{color:var(--wp--preset--color--brand-ink)}
.ach-hero__lead{
  margin:0 0 22px;font-size:clamp(14px,1.5vw,18px);line-height:1.9;
  color:var(--wp--preset--color--muted)}
.ach-hero__cta{display:flex;gap:12px;flex-wrap:wrap}
.ach-hero__btn{
  display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;
  padding-inline:22px;border-radius:10px;text-decoration:none;font-weight:600;
  font-size:var(--wp--preset--font-size--small);
  background:var(--wp--preset--color--brand);color:var(--wp--preset--color--contrast)}
.ach-hero__btn:hover{background:var(--wp--preset--color--brand-hover);color:var(--wp--preset--color--contrast)}
.ach-hero__btn--ghost{background:#fff;border:1px solid #D8C9A6;color:var(--wp--preset--color--contrast)}
.ach-hero__btn--ghost:hover{background:#fff;border-color:var(--wp--preset--color--brand);color:var(--wp--preset--color--brand-ink)}

/* ورود متن: محو + حرکت کوتاه از پایین، نیم‌ثانیه */
.ach-slider__caption.is-shown .ach-slider__captionbox{animation:achCapIn .5s ease both}
@keyframes achCapIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ───── کنترل‌ها ───── */
.ach-slider__controls[hidden]{display:none}
.ach-slider__nav{
  position:absolute;inset-block-start:50%;transform:translateY(-50%);
  inline-size:44px;block-size:44px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--wp--preset--color--border);border-radius:50%;cursor:pointer;
  background:rgba(255,255,255,.92);color:var(--wp--preset--color--contrast);z-index:3}
.ach-slider__nav:hover{background:#fff;border-color:var(--wp--preset--color--brand)}
.ach-slider__nav svg{inline-size:22px;block-size:22px}
.ach-slider__nav--prev{inset-inline-start:clamp(8px,1.5vw,20px)}
.ach-slider__nav--next{inset-inline-end:clamp(8px,1.5vw,20px)}

.ach-slider__bar{
  position:absolute;inset-block-end:clamp(6px,1vw,16px);inset-inline:0;
  display:flex;align-items:center;justify-content:center;gap:10px;z-index:3}
.ach-slider__dots{display:flex;align-items:center;gap:4px}
.ach-slider__dot{
  inline-size:44px;block-size:44px;padding:0;border:0;background:none;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center}
.ach-slider__dot::before{
  content:"";inline-size:10px;block-size:10px;border-radius:50%;
  background:rgba(32,36,44,.3);transition:background .2s,inline-size .2s;
  box-shadow:0 0 0 2px rgba(255,255,255,.7)}
.ach-slider__dot:hover::before{background:rgba(32,36,44,.55)}
.ach-slider__dot.is-active::before{background:var(--wp--preset--color--brand);inline-size:26px;border-radius:6px}
.ach-slider__play{
  inline-size:44px;block-size:44px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--wp--preset--color--border);border-radius:50%;cursor:pointer;
  background:rgba(255,255,255,.92);color:var(--wp--preset--color--contrast)}
.ach-slider__play:hover{background:#fff;border-color:var(--wp--preset--color--brand)}
.ach-slider__play svg{inline-size:18px;block-size:18px}
.ach-slider__play .ach-slider__ic-play{display:none}
.ach-slider.is-paused .ach-slider__play .ach-slider__ic-play{display:block}
.ach-slider.is-paused .ach-slider__play .ach-slider__ic-pause{display:none}

.ach-slider a:focus-visible,.ach-slider button:focus-visible,
.ach-hero--plain a:focus-visible{
  outline:2px solid var(--wp--preset--color--brand);outline-offset:2px;border-radius:8px}

/* ───── حالت جایگزین بدون تصویر ───── */
.ach-hero--plain .ach-hero__body{
  max-inline-size:var(--wp--style--global--wide-size);margin-inline:auto;
  padding-inline:var(--wp--preset--spacing--20);padding-block:clamp(40px,7vw,84px)}

/* ───── موبایل و تبلت: متن زیر تصویر، با جای رزروشده روی همه اسلایدها ───── */
@media (max-width:900px){
  /* نوار نقطه‌ها و پخش از روی تصویر به زیر آن می‌آید */
  .ach-slider__bar{position:static;padding-block:8px 0}
  .ach-slider__nav{inset-block-start:calc(100vw / 6);transform:translateY(-50%)}
  .ach-slider__caption{
    position:static;inline-size:100%;min-block-size:112px;align-items:flex-start;
    padding-inline:var(--wp--preset--spacing--20);padding-block:6px 20px}
  .ach-slider__captionbox{max-inline-size:none;inline-size:100%}
  .ach-hero__lead{display:none}
  .ach-hero__btn--ghost{display:none}
  .ach-hero__title{font-size:clamp(19px,5.2vw,26px);margin-block-end:14px;line-height:1.6}
  .ach-slider__nav{inline-size:38px;block-size:38px}
  .ach-slider__nav svg{inline-size:19px;block-size:19px}
  .ach-slider__dot{inline-size:40px;block-size:40px}
}

@media (max-width:420px){
  .ach-slider__caption{min-block-size:104px}
}

@media (prefers-reduced-motion:reduce){
  .ach-slider__slide,.ach-slider__caption{transition:none}
  .ach-slider__caption.is-shown .ach-slider__captionbox{animation:none}
}