/* =========================================
   СТИЛИ ДЛЯ HERO SLIDER (Исправленные)
   ========================================= */

.adev-hero-slider {
    position: relative;
    width: 100%;
    overflow: hidden; /* <-- ДОБАВИТЬ ЭТУ СТРОКУ */
}

.adev-hero-slider .swiper {
    width: 100%;
    height: 100%;
    overflow: hidden; /* Важно для работы Swiper */
}

.adev-hero-slider .swiper-slide {
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    flex-shrink: 0; /* <-- ДОБАВИТЬ ЭТУ СТРОКУ */
}

.adev-hero-slider .hero-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.adev-hero-slider .hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* 1. Глобальный контейнер (выравнивается по центру экрана) */
.adev-hero-slider .hero-container {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 10px;
}

/* 2. Текстовый блок (внутри глобального контейнера) */
.adev-hero-slider .hero-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

/* 3. Гарантируем перенос слов для заголовков и описания */
.adev-hero-slider .hero-title,
.adev-hero-slider .hero-subtitle,
.adev-hero-slider .hero-desc {
    white-space: normal !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Кнопка */
.adev-hero-slider .hero-btn {
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    align-self: flex-start;
}

/* =========================================
   ПАГИНАЦИЯ (Исправлено перекрытие)
   ========================================= */

.adev-hero-slider .swiper-pagination {
    position: absolute;
    bottom: 20px;
    z-index: 10 !important; /* Важно: Вытягиваем пагинацию поверх Overlay */
    padding: 0 25px;
}

/* Перебиваем дефолтную прозрачность Swiper, чтобы работали наши настройки цвета */
.adev-hero-slider .swiper-pagination-bullet {
    transition: all 0.3s ease;
}

/* Формы пагинации (классы от префикса Elementor) */
.pag-shape-circle .swiper-pagination-bullet {
    border-radius: 50%;
}
.pag-shape-square .swiper-pagination-bullet {
    border-radius: 0;
}
.pag-shape-rect .swiper-pagination-bullet {
    border-radius: 4px;
    width: 24px;
}