/* Sepahan 2.2.3 — critical Elementor widget containment/editor fixes */

/* Mobile square slider: navigation must always stay inside the image frame. */
.sepahan-mobile-square-slider {
  position: relative !important;
  overflow: hidden !important;
}
.sepahan-mobile-square-slider .sepahan-mobile-slider-arrow {
  position: absolute !important;
  top: 50% !important;
  z-index: 30 !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  background-color: rgba(15, 23, 42, .78);
  box-shadow: 0 6px 18px rgba(15, 23, 42, .24);
}
.sepahan-mobile-square-slider .swiper-button-prev {
  left: clamp(6px, var(--sepahan-mobile-arrow-offset, 12px), 40px) !important;
  right: auto !important;
}
.sepahan-mobile-square-slider .swiper-button-next {
  right: clamp(6px, var(--sepahan-mobile-arrow-offset, 12px), 40px) !important;
  left: auto !important;
}

/* Visual Layout: the Elementor control variables are the single source of
   truth, so changes appear inside the editor as well as on the frontend. */
.elementor-widget-sepahan_layout_builder,
.elementor-widget-sepahan_layout_builder > .elementor-widget-container,
.elementor-widget-sepahan_layout_builder .sepahan-layout-builder-section,
.elementor-widget-sepahan_layout_builder .sepahan-layout-builder-full,
.elementor-widget-sepahan_layout_builder .sepahan-layout-builder-grid {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.elementor-widget-sepahan_layout_builder .sepahan-layout-builder-grid {
  column-gap: var(--sepahan-layout-column-gap, 8px) !important;
  row-gap: var(--sepahan-layout-row-gap, 8px) !important;
}
.elementor-widget-sepahan_layout_builder .sepahan-layout-builder-item,
.elementor-widget-sepahan_layout_builder .sepahan-layout-builder-item > img,
.elementor-widget-sepahan_layout_builder .sepahan-layout-builder-item::before,
.elementor-widget-sepahan_layout_builder .sepahan-layout-builder-item::after {
  border-radius: var(--sepahan-layout-radius, 18px) !important;
}
.elementor-widget-sepahan_layout_builder .sepahan-layout-builder-item {
  overflow: hidden !important;
  isolation: isolate;
}
.elementor-widget-sepahan_layout_builder .sepahan-layout-builder-item > img {
  clip-path: inset(0 round var(--sepahan-layout-radius, 18px));
}
.elementor-widget-sepahan_layout_builder .sepahan-preserve-image .sepahan-layout-builder-item > img {
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}
.elementor-editor-active .elementor-widget-sepahan_layout_builder .sepahan-layout-builder-item,
.elementor-editor-preview .elementor-widget-sepahan_layout_builder .sepahan-layout-builder-item {
  border-radius: var(--sepahan-layout-radius, 18px) !important;
  overflow: hidden !important;
}

/* Amazing Products: prevent the widget from closing/expanding an Elementor
   parent, and let Swiper size only its own track. */
.elementor-widget-sepahan_amazing_products,
.elementor-widget-sepahan_amazing_products > .elementor-widget-container,
.elementor-widget-sepahan_amazing_products .sepahan-amazing-products-section,
.elementor-widget-sepahan_amazing_products .sepahan-amazing-products-section > .container,
.elementor-widget-sepahan_amazing_products .sepahan-amazing-products-box,
.elementor-widget-sepahan_amazing_products .sepahan-amazing-products-grid,
.elementor-widget-sepahan_amazing_products .sepahan-amazing-products-sidebar,
.elementor-widget-sepahan_amazing_products .sepahan-amazing-products-carousel-column,
.elementor-widget-sepahan_amazing_products .sepahan-amazing-products-slider-shell,
.elementor-widget-sepahan_amazing_products .sepahan-amazing-products-slider {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  float: none !important;
  box-sizing: border-box !important;
}
.elementor-widget-sepahan_amazing_products,
.elementor-widget-sepahan_amazing_products > .elementor-widget-container,
.elementor-widget-sepahan_amazing_products .sepahan-amazing-products-section {
  position: relative !important;
  display: block !important;
  clear: both !important;
  isolation: isolate !important;
}
.elementor-widget-sepahan_amazing_products .sepahan-amazing-products-section {
  overflow: clip !important;
  contain: layout paint !important;
}
@supports not (overflow: clip) {
  .elementor-widget-sepahan_amazing_products .sepahan-amazing-products-section {
    overflow: hidden !important;
  }
}
.elementor-widget-sepahan_amazing_products .sepahan-amazing-products-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  overflow: visible !important;
}
.elementor-widget-sepahan_amazing_products .sepahan-amazing-products-slider-shell,
.elementor-widget-sepahan_amazing_products .sepahan-amazing-products-slider {
  overflow: hidden !important;
}
.elementor-widget-sepahan_amazing_products .sepahan-amazing-products-slider > .swiper-wrapper {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: content-box !important;
}
.elementor-widget-sepahan_amazing_products .sepahan-amazing-products-slide {
  flex-shrink: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
.elementor-widget-sepahan_amazing_products .sepahan-amazing-products-card {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.elementor-widget-sepahan_amazing_products + .elementor-element {
  clear: both !important;
}

/* Mobile square slider: Swiper reverses every SVG inside RTL navigation.
   These buttons already contain physical left/right icons, so do not rotate
   them a second time. */
.sepahan-mobile-square-slider.swiper-rtl .sepahan-mobile-slider-arrow svg,
.sepahan-mobile-square-slider[dir="rtl"] .sepahan-mobile-slider-arrow svg {
  transform: none !important;
}

/* Products 15: restore the stable legacy mobile structure and let the browser
   own the touch gesture. No custom pointer-drag controller is used on mobile. */
@media (max-width: 767px) {
  body .sepahan-products-15-section,
  body .sepahan-products-15-section .container,
  body .sepahan-products-15-wrap,
  body .sepahan-products-15-carousel,
  body .sepahan-products-15-viewport {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body .sepahan-products-15-carousel {
    position: relative !important;
    overflow: hidden !important;
  }

  body .sepahan-products-15-viewport {
    display: block !important;
    width: 100% !important;
    direction: ltr !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    scroll-snap-type: x proximity !important;
    scroll-behavior: auto !important;
    touch-action: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    cursor: grab !important;
  }

  body .sepahan-products-15-viewport::-webkit-scrollbar,
  body .sepahan-products-15-track::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
  }

  body .sepahan-products-15-track {
    display: flex !important;
    flex-flow: row nowrap !important;
    direction: ltr !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    transition: none !important;
    box-sizing: border-box !important;
  }

  body .sepahan-products-15-slide {
    display: block !important;
    direction: rtl !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: normal !important;
    box-sizing: border-box !important;
  }

  body .sepahan-products-15-grid {
    direction: rtl !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body .sepahan-products-15-card {
    direction: rtl !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}