/* public/css/adv.css */

/* Стиль для правых фиксированных баннеров */
.adv--right_fixed {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh; /* Полная высота экрана */
    width: 160px; /* Ширина баннера для right_160 */
    background-color: #ececec; /* Цвет фона */
    z-index: 999; /* Чтобы баннер был поверх всего */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px; /* Скругление углов, если нужно */
}

/* Для баннера с шириной 300px */
.adv--right_fixed--300 {
    width: 300px; /* Ширина баннера для right_300 */
}

/* Для изображений внутри баннера */
.adv--right_fixed img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Скрываем правые фиксированные баннеры на экранах меньше 992px */
@media (max-width: 992px) {
    .adv--right_fixed {
        display: none;
    }
}

/* Стиль для футерных баннеров (не фиксированных) */
.adv--footer_160,
.adv--footer_300 {
    position: relative; /* Обычное позиционирование для футерных баннеров */
    width: 100%;
    max-width: 160px; /* Ограничиваем максимальную ширину футерного баннера */
    margin: 0 auto; /* Центрируем внизу страницы */
    background-color: #ececec; /* Цвет фона */
    border-radius: 8px; /* Скругление углов, если нужно */
    overflow: hidden; /* Убираем лишние части */
}

/* Для футерного баннера с шириной 300px */
.adv--footer_300 {
    width: 300px;
    max-width: 300px; /* Ширина для footer_300 */
}

/* Ограничение по высоте для футерных баннеров */
.adv--footer_160 {
    width: 160px;
    max-height: 160px;
}

.adv--footer_300 {
    max-height: 300px;
}

/* Изображения для футерных баннеров */
.adv--footer_160 img,
.adv--footer_300 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Скрываем футерные баннеры на экранах меньше 992px */
@media (max-width: 992px) {
    .adv--footer_160,
    .adv--footer_300 {
        display: block;
    }
}

/* Стиль для баннера, который будет по центру экрана */
.adv--center {
    background-color: #ececec; /* Серый фон */
    margin: 0 auto; /* Центрируем баннер по горизонтали */
    padding: 20px; /* Добавляем отступы для контента внутри */
    text-align: center; /* Центрируем текст */
    border-radius: 8px; /* Скругляем углы, если нужно */
    box-sizing: border-box; /* Для учета паддингов в общей ширине */
}

/* Для изображений внутри баннера */
.adv--center img {
    max-width: 100%;
    height: auto;
    margin-top: 20px;
}

/* Для текста внутри баннера */
.adv--center .adv__text {
    font-size: 18px;
    color: #333;
    line-height: 1.5;
}