/*
 * ECS Pro – frontend fixes
 *
 * Problem: In the Elementor editor the Swiper base styles are present, so navigation arrows are
 * positioned correctly. On the frontend (Elementor >= 3.24/3.26) Swiper styles may be loaded
 * conditionally, so arrows can fall back to normal block layout (huge areas, wrong placement).
 *
 * This file provides safe, minimal positioning defaults scoped to the Posts widget only.
 */

/* Ensure Swiper containers used inside the Posts widget are positioning contexts */
.elementor-widget-posts .swiper,
.elementor-widget-posts .swiper-container {
  position: relative;
}

/* Navigation buttons: overlay controls */
.elementor-widget-posts .elementor-swiper-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  cursor: pointer;
}

.elementor-widget-posts .elementor-swiper-button-prev { left: 10px; }
.elementor-widget-posts .elementor-swiper-button-next { right: 10px; }

/* If a theme applies generic button/link styles, prevent full-width stretching */
.elementor-widget-posts .elementor-swiper-button,
.elementor-widget-posts .elementor-swiper-button * {
  box-sizing: border-box;
}

/* Pagination bullets area */
.elementor-widget-posts .swiper-pagination {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 10px;
  z-index: 10;
  text-align: center;
}