/* =========================================================
   همراه‌تل — نوار بالا (navbar) و منوی موبایل
   دسکتاپ: نشانگر شیشه‌ای متحرک، نشان صفحه فعلی، دکمه ویژه، هدر هوشمند و نوار پیشرفت
   موبایل/تبلت (<۱۲۸۰): منوی تمام‌صفحه با باز شدن شش‌ضلعی از دکمه منو، یا پنل کناری
   ========================================================= */

/* ---------- هدر چسبان / هوشمند ---------- */
.navbar { transition: box-shadow .35s var(--ease), height .35s var(--ease), padding .35s var(--ease); }
.site-header.is-stuck { transition: transform .45s var(--ease); }
.site-header.is-stuck.is-hidden { transform: translateY(calc(-100% - 28px)); }
.nav-open .site-header { transform: none !important; }
/* ورود به صفحه / برگشت: بدون انیمیشن */
.site-header.is-instant, .site-header.is-instant .navbar,
.mnav.is-instant, .mnav.is-instant * { animation: none !important; transition: none !important; }
@media (min-width: 1280px) {
  .site-header.is-stuck .navbar { height: 68px; padding-block: 14px; }
}

/* نوار پیشرفت مطالعه (از راست پر می‌شود) */
.navbar__progress {
  position: absolute; inset-inline: 14px; bottom: -1px; height: 2px; border-radius: 2px; pointer-events: none;
  background: linear-gradient(to left, var(--java), #5fd3d7 65%, var(--orange));
  transform: scaleX(var(--p, 0)); transform-origin: right center; opacity: 0; transition: opacity .3s var(--ease);
}
.site-header.is-stuck .navbar__progress { opacity: 1; }

/* ---------- نشانگر متحرک و صفحه فعلی (دسکتاپ) ---------- */
.nav-indicator {
  position: absolute; z-index: -1; left: 0; top: var(--y, 20px);
  width: var(--w, 0); height: var(--h, 40px); transform: translateX(var(--x, 0));
  border-radius: 10px; background: var(--white-16); box-shadow: inset 0 0 0 1px var(--white-16);
  opacity: 0; pointer-events: none;
  transition: transform .45s var(--ease), width .45s var(--ease), opacity .3s var(--ease);
}
.nav-indicator.is-on { opacity: 1; }
.nav-indicator.is-jump { transition: opacity .3s var(--ease); }
.navbar:has(.nav-indicator) .nav-list > .nav-item > .nav-link:hover { opacity: 1; }
.nav-list > .nav-item > .nav-link { position: relative; }
.nav-list > .is-current > .nav-link::after {
  content: ""; position: absolute; left: 50%; bottom: -5px; width: 8px; height: 9px; margin-left: -4px;
  background: var(--orange); -webkit-mask: var(--hex) center / 100% 100% no-repeat; mask: var(--hex) center / 100% 100% no-repeat;
}

/* ---------- دکمه ویژه ---------- */
.navbar__cta {
  display: inline-flex; align-items: center; gap: 10px; height: 44px; padding-inline: 16px 4px;
  border-radius: 10px; background: #fff; color: var(--java-dark); font-size: 16px; font-weight: 700; line-height: 22px; white-space: nowrap;
  box-shadow: 0 8px 24px -8px rgba(0, 0, 0, .3);
  transition: transform .3s var(--ease), box-shadow .3s var(--ease);
}
.navbar__cta .hex-btn { --s: 36px; color: #fff; }
.navbar__cta .hex-btn__bg { fill: var(--java); }
.navbar__cta:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -10px rgba(0, 0, 0, .4); }
.navbar__cta:hover .hex-btn__ic { transform: translateX(-3px); }

/* ---------- دکمه همبرگری متحرک ---------- */
.burger__lines { position: relative; display: block; width: 22px; height: 16px; }
.burger__lines i { position: absolute; right: 0; height: 2px; border-radius: 2px; background: currentColor; transition: width .3s var(--ease), transform .4s var(--ease), opacity .2s var(--ease); }
.burger__lines i:nth-child(1) { top: 0; width: 22px; }
.burger__lines i:nth-child(2) { top: 7px; width: 14px; }
.burger__lines i:nth-child(3) { top: 14px; width: 18px; }
.burger:hover .burger__lines i { width: 22px; }
.burger[aria-expanded="true"] .burger__lines i { width: 22px; }
.burger[aria-expanded="true"] .burger__lines i:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.burger[aria-expanded="true"] .burger__lines i:nth-child(2) { opacity: 0; transform: translateX(-8px); }
.burger[aria-expanded="true"] .burger__lines i:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }


/* ---------- فقط موبایل ---------- */
.mnav__bg, .mnav__foot, .mnav__text { display: none; }

@media (max-width: 1279px) {
  .nav-indicator, .nav-list > .is-current > .nav-link::after { display: none; }

  .mnav {
    --hdr-top: calc(16px + 24 * var(--hu));
    --hdr-x: calc(16px + 64 * var(--hu));
    --pad: 24px;
    --bar: 80px;
  }
  .navbar__nav.mnav {
    position: fixed; z-index: 70; inset: 0; width: auto;
    display: flex; flex-direction: column; gap: 0;
    padding: 0 var(--hdr-x) max(28px, env(safe-area-inset-bottom));
    background: none; box-shadow: none; transform: none;
    overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain;
    visibility: hidden; transition: visibility 0s linear .75s;
    scrollbar-width: none;
  }
  .navbar__nav.mnav::-webkit-scrollbar { display: none; }
  .navbar__nav.mnav.is-open { visibility: visible; transition-delay: 0s; }

  /* پس‌زمینه: شش‌ضلعی‌ای که از جای دکمه منو باز می‌شود */
  .mnav__bg { display: block; position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
  .mnav__bg::before {   /* درخشش‌ها، بعد از باز شدن */
    content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity .5s var(--ease);
    background:
      radial-gradient(70% 45% at 85% 0%, rgba(0, 151, 157, .5), transparent 70%),
      radial-gradient(60% 40% at 10% 100%, rgba(242, 145, 0, .14), transparent 70%);
  }
  .mnav.is-open .mnav__bg::before { opacity: 1; transition: opacity .8s var(--ease) .35s; }
  .mnav__hex {
    position: absolute; left: var(--ox, 50%); top: var(--oy, 48px);
    width: calc(var(--mr, 150vmax) * 2.2); aspect-ratio: .886;
    transform: translate(-50%, -50%) scale(.001);
    background: linear-gradient(170deg, #005558 0%, var(--java-dark) 42%, #002527 100%);
    -webkit-mask: var(--hex) center / 100% 100% no-repeat; mask: var(--hex) center / 100% 100% no-repeat;
    transition: transform .55s cubic-bezier(.65, 0, .35, 1) .12s;
    will-change: transform;
  }
  .mnav.is-open .mnav__hex { transform: translate(-50%, -50%) scale(1); transition: transform .75s cubic-bezier(.76, 0, .24, 1); }

  /* شش‌ضلعی‌های تزئینی شناور */
  .mnav__deco {
    position: absolute; aspect-ratio: .886; opacity: 0;
    -webkit-mask: var(--hex) center / 100% 100% no-repeat; mask: var(--hex) center / 100% 100% no-repeat;
    transform: scale(.6) rotate(-12deg); transition: opacity .4s var(--ease), transform .8s var(--ease);
  }
  .mnav__deco--1 { width: 340px; left: -150px; top: 14%; background: linear-gradient(160deg, var(--white-8), transparent 70%); }
  .mnav__deco--2 { width: 200px; right: -90px; bottom: 6%; background: linear-gradient(200deg, rgba(0, 151, 157, .35), transparent 75%); }
  .mnav__deco--3 { width: 46px; left: 7%; bottom: 31%; background: rgba(242, 145, 0, .16); }
  .mnav.is-open .mnav__deco { opacity: 1; transform: none; transition: opacity .8s var(--ease) .45s, transform 1.2s var(--ease) .4s; }
  .mnav.is-open .mnav__deco--1 { animation: mnav-float 9s ease-in-out 1.6s infinite; }
  .mnav.is-open .mnav__deco--2 { animation: mnav-float 11s ease-in-out 1.6s infinite reverse; }
  .mnav.is-open .mnav__deco--3 { animation: mnav-float 7s ease-in-out 1.6s infinite; }
  @keyframes mnav-float { 50% { transform: translateY(-14px) rotate(6deg); } }

  /* سربرگ منو: لوگو و دکمه بستن دقیقاً جای لوگو و دکمه منو */
  .mnav .navbar__drawer-head {
    flex: none; display: flex; align-items: center; justify-content: space-between;
    height: var(--bar); margin-top: var(--hdr-top); padding: 0 var(--pad); border: 0;
    border-bottom: 1px solid var(--white-8);
  }
  .mnav__logo img { width: 128px; height: 34px; }
  .mnav__close { position: relative; display: grid; place-items: center; width: 46px; height: 46px; margin-inline-end: -3px; color: #fff; }
  .mnav__close-bg { position: absolute; width: 86.6%; height: 98%; fill: var(--white-16); transition: fill .3s var(--ease); }
  .mnav__close-ic { position: relative; transition: transform .4s var(--ease); }
  .mnav__close:hover .mnav__close-bg, .mnav__close:focus-visible .mnav__close-bg { fill: var(--java); }
  .mnav__close:hover .mnav__close-ic { transform: rotate(90deg); }
  .mnav__close:focus-visible { outline: none; }   /* فوکوس با رنگ شش‌ضلعی نشان داده می‌شود */

  .mnav__text { display: block; margin: 24px var(--pad) 0; font-size: 15px; line-height: 26px; color: var(--white-72); }

  /* آیتم‌ها */
  .mnav .nav-list { flex: none; display: flex; flex-direction: column; align-items: stretch; margin-top: 16px; padding-inline: var(--pad); }
  .mnav .nav-list > .nav-item > .nav-link {
    justify-content: flex-start; gap: 14px; width: 100%; padding: 17px 0;
    font-size: 21px; font-weight: 700; line-height: 28px; color: #fff;
    border-bottom: 1px solid var(--white-8);
  }
  .mnav .nav-link__text { transition: transform .35s var(--ease); }
  .mnav .nav-list > .nav-item > .nav-link:hover .nav-link__text,
  .mnav .nav-list > .nav-item > .nav-link:focus-visible .nav-link__text { transform: translateX(-6px); }
  .mnav .nav-link__caret {
    box-sizing: content-box; margin-inline-start: auto; padding: 7px; border-radius: 50%;
    background: var(--white-8); transition: transform .35s var(--ease), background .3s var(--ease);
  }
  .mnav .has-sub.is-open > .nav-link .nav-link__caret { background: var(--java); color: #fff; }
  .mnav .is-current > .nav-link, .mnav .has-sub.is-open > .nav-link { color: #5fd3d7; }
  .mnav--num .nav-list { counter-reset: mnav; }
  .mnav--num .nav-list > .nav-item { counter-increment: mnav; }
  .mnav--num .nav-list > .nav-item > .nav-link::before {
    content: counter(mnav, decimal-leading-zero); flex: none; min-width: 24px;
    font-size: 13px; font-weight: 500; line-height: 1; color: #5fd3d7; opacity: .75;
  }
  .mnav .sub { padding-inline-start: 0; }
  .mnav--num .sub { padding-inline-start: 38px; }
  /* فاصله محتوای زیرمنو از عنوان آیتم (داخل بخش جمع‌شونده تا در حالت بسته صفر بماند) */
  .mnav .sub > :first-child { margin-top: 16px; }
  .mnav .sub--simple > .sub__list { padding-top: 0; }
  .mnav .biz-grid { gap: 10px; }

  /* پایین منو */
  .mnav__foot { display: flex; flex-direction: column; gap: 20px; margin-top: auto; padding: 32px var(--pad) 0; }
  .mnav__cta { width: 100%; }

  /* ورود پله‌ای محتوا */
  .mnav .navbar__drawer-head, .mnav__text, .mnav .nav-list > .nav-item, .mnav__foot > * {
    opacity: 0; transform: translateY(18px);
    transition: opacity .2s var(--ease), transform .25s var(--ease);
  }
  .mnav.is-open .navbar__drawer-head, .mnav.is-open .mnav__text, .mnav.is-open .nav-list > .nav-item, .mnav.is-open .mnav__foot > * {
    opacity: 1; transform: none;
    transition: opacity .5s var(--ease) calc(var(--d) + var(--i, 0) * .055s), transform .65s var(--ease) calc(var(--d) + var(--i, 0) * .055s);
  }
  .mnav { --d: .34s; }
  .mnav .navbar__drawer-head { --i: -3; }
  .mnav__text { --i: -1; }
  .mnav__foot > * { --i: 8; }

  /* پنل کناری */
  .navbar__nav.mnav--panel {
    inset: 0 0 0 auto; width: min(400px, 88vw); padding-inline: 0;
    background:
      radial-gradient(90% 40% at 100% 0%, rgba(0, 151, 157, .45), transparent 70%),
      linear-gradient(170deg, #004f52 0%, var(--java-dark) 45%, #002527 100%);
    box-shadow: -24px 0 64px rgba(15, 23, 43, .4);
    transform: translateX(105%);
    transition: transform .55s cubic-bezier(.65, 0, .35, 1), visibility 0s linear .55s;
  }
  .navbar__nav.mnav--panel.is-open { transform: none; transition: transform .6s cubic-bezier(.22, 1, .36, 1), visibility 0s; }
  .mnav--panel { --d: .16s; --pad: 22px; }
  .mnav--panel .mnav__bg { position: absolute; }
  .mnav--panel .mnav__hex, .mnav--panel .mnav__bg::before { display: none; }
  .mnav--panel .navbar__drawer-head { margin-top: 0; height: 72px; }
  .mnav--panel .nav-list > .nav-item > .nav-link { font-size: 19px; padding: 15px 0; }
  .nav-backdrop { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
}

/* گوشی با نوار پایین (همان نقطه شکست inc/bnav.php): منو از دکمه نوار پایین باز می‌شود */
@media (max-width: 767.98px) {
  .site-header.has-bnav-menu .navbar__toggle { display: none; }
}

@media (max-width: 767px) {
  .mnav { --hdr-top: 24px; --hdr-x: 24px; --pad: 16px; --bar: 64px; }
  .mnav__logo img { width: 104px; height: auto; }
  .navbar__cta { display: none; }
  .mnav .nav-list > .nav-item > .nav-link { font-size: 19px; padding: 15px 0; }
  .navbar__nav.mnav--hex { padding-inline: 8px; }
  .mnav--hex { --pad: 32px; }
}
@media (max-width: 1023px) and (min-width: 768px) {
  .navbar__cta span { display: none; }
  .navbar__cta { padding-inline: 4px; }
}

/* نوار مدیریت وردپرس (کاربران واردشده) */
@media (max-width: 1279px) {
  .admin-bar .navbar__nav.mnav { top: 32px; }
}
@media (max-width: 782px) {
  .admin-bar .navbar__nav.mnav { top: 46px; }
}

@media (prefers-reduced-motion: reduce) {
  .mnav, .mnav *, .mnav__hex, .navbar__nav.mnav--panel, .site-header.is-stuck { transition-duration: .01s !important; transition-delay: 0s !important; animation: none !important; }
}