/**
 * Styles for content position integration
 * Стили для интеграции баннеров в позиции контента
 */

/* Styles for ads displayed before content */
/* Стили для баннеров, отображаемых перед контентом */
.iba-before-content {
    margin-bottom: 30px;
    clear: both;
    display: block;
    width: 100%;
    position: relative;
    z-index: 10;
    overflow: hidden;
    text-align: center;
}

/* Styles for ads displayed after content */
/* Стили для баннеров, отображаемых после контента */
.iba-after-content {
    margin-top: 30px;
    clear: both;
    display: block;
    width: 100%;
    position: relative;
    z-index: 10;
    overflow: hidden;
    text-align: center;
}

/* Common styles for both positions */
/* Общие стили для обеих позиций */
.iba-before-content img, .iba-after-content img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

/* Responsive styles */
/* Адаптивные стили */
@media screen and (max-width: 768px) {
    .iba-before-content, .iba-after-content {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

/* Make sure images and videos are responsive */
/* Убедимся, что изображения и видео адаптивны */
.iba-before-content img,
.iba-after-content img,
.iba-before-content video,
.iba-after-content video {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Style for shortcode backgrounds in content */
.iba-before-content .iba-shortcode-background-ad,
.iba-after-content .iba-shortcode-background-ad {
    min-height: 200px;
    position: relative;
    margin-bottom: 20px;
    border-radius: 4px;
    overflow: hidden;
}