/* overrideهای مایکس برای قالبِ normal_lawyer — آخرین استایل (بعد از site.css). */

/* اسلایدرِ کارت‌ها: اسکرولِ افقیِ بومی + scroll-snap (به‌جای embla) */
.k-carousel__viewport.is-native {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
}
.k-carousel__viewport.is-native::-webkit-scrollbar {
  display: none;
}
.k-carousel__viewport.is-native .k-carousel__track {
  touch-action: auto;
}
.k-carousel__viewport.is-native .k-carousel__slide {
  scroll-snap-align: start;
}

/* لوگوی تصویری (اگر مدیر لوگو گذاشته) */
.maix-site-logo-img {
  width: 44px;
  height: 44px;
  object-fit: contain;
  border-radius: 10px;
  flex-shrink: 0;
  margin-inline-end: 10px;
}

/* متنِ صفحهٔ «درباره ما» */
.maix-about-body p {
  font-size: 16px;
  line-height: 2.1;
  margin-bottom: 18px;
  text-align: justify;
}

/* نوارِ تماسِ چسبانِ موبایل: این سایت برای «تماس» است */
.maix-callbar {
  display: none;
}
@media (max-width: 767px) {
  .maix-callbar {
    position: fixed;
    right: 12px;
    left: 12px;
    bottom: 12px;
    bottom: calc(12px + env(safe-area-inset-bottom));
    z-index: 990;
    display: flex;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(25, 34, 58, 0.35);
  }
  .maix-callbar a {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
  }
  .maix-callbar a i {
    margin-inline-end: 8px;
  }
  .maix-callbar__call {
    color: var(--procounsel-primary, #19223a);
    background: var(--procounsel-base, #c7954a);
  }
  .maix-callbar__alt {
    color: #fff;
    background: var(--procounsel-primary, #19223a);
  }
  /* جای دکمهٔ «بازگشت به بالا» و پایینِ صفحه برای نوار */
  .store-template-lawyer .scroll-to-top {
    bottom: 80px;
  }
  .store-template-lawyer .main-footer__bottom {
    padding-bottom: 76px;
  }
}

/* پیش از hydrate (کلاسِ js-reveal را RevealObserver بعد از mount می‌گذارد): فقط وقتی JS روشن است پنهان، تا پرشِ نمایش نباشد؛
   بی‌JS همه‌چیز دیده می‌شود. مرورگرِ بی‌پشتیبانیِ `scripting` ⇒ مثلِ قبل (اول دیده، بعد انیمیشن). */
@media (scripting: enabled) {
  html:not(.js-reveal) .store-template-lawyer .wow,
  html:not(.js-reveal) .store-template-lawyer .split .w,
  html:not(.js-reveal) .store-template-lawyer .split-fade {
    opacity: 0;
  }
}
@media (scripting: enabled) and (prefers-reduced-motion: reduce) {
  html:not(.js-reveal) .store-template-lawyer .wow,
  html:not(.js-reveal) .store-template-lawyer .split .w,
  html:not(.js-reveal) .store-template-lawyer .split-fade {
    opacity: 1;
  }
}