/*
Theme Name: Bricks Child
Theme URI: https://bricksbuilder.io/
Description: Дочерняя тема для Bricks.
Author: [Ваше Имя или Компания]
Template: bricks
Version: 1.0
*/

/* Можно добавить свои стили ниже */

body:has(#wpadminbar) {
    padding-top: 32px;
}

body:has(#wpadminbar) .header {
    top: 32px;
}

body main {
    margin-top: 80px;
}

.brxe-container {
    width: var(--container-width);
    max-width: var(--container-width);
    margin-right: auto;
    margin-left: auto;
    padding-right: 12px;
    padding-left: 12px;
}

/* ≥576px */
@media (min-width: 576px) {
    :root {
        --container-width: 540px;
    }
}

/* ≥768px */
@media (min-width: 768px) {
    :root {
        --container-width: 720px;
    }
}

/* ≥992px */
@media (min-width: 992px) {
    :root {
        --container-width: 960px;
    }
}

/* ≥1200px */
@media (min-width: 1200px) {
    :root {
        --container-width: 1140px;
    }
}

/* ≥1400px */
@media (min-width: 1400px) {
    :root {
        --container-width: 1320px;
    }
}


.brxe-carousel .swiper-slide {
    /* Обеспечение одинаковой высоты для всех слайдов */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0;
    height: 100%;
    /* Фоновый цвет по умолчанию */
}

.brxe-carousel .swiper-slide img {
    cursor: pointer;
}

/* Контейнер для двухслойного изображения в слайде */
.slide-image-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Размытый фон */
.slide-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    filter: blur(3px);
    transform: scale(1.1);
    /* Скрыть размытые края */
}

/* Основное изображение */
.slide-image-container>img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* Сохранение пропорций */
}

/*
      * SI: Полностью отключается обводка фокуса для контейнера карусели.
      * Это сделано для устранения визуальных артефактов, вызываемых Swiper.js.
      * Данное правило влияет на доступность (keyboard navigation).
      */
.brxe-carousel.fancybox:focus {
    outline: none;
    transition: none;
}

.offer ul {
    margin-block-start: 0;
    margin-block-end: 0;
}