/**
 * CallmeBy Ads — Стили фронтенда
 */

/* ============================================
   Контейнер баннера
   ============================================ */

.cmby-ad-container {
    position: relative;
    overflow: hidden;
    line-height: 0;
    text-align: center;
    margin: 0 auto;
}

.cmby-ad-container * {
    box-sizing: border-box;
}

/* ============================================
   Banner Image
   ============================================ */

.cmby-ad-banner--image {
    display: block;
}

.cmby-ad-banner--image a {
    display: block;
    text-decoration: none;
    line-height: 0;
}

.cmby-ad-banner--image img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Режим contain */
.cmby-ad-banner--image.cmby-ad-mode-contain {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.cmby-ad-banner--image.cmby-ad-mode-contain img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

/* Режим cover */
.cmby-ad-banner--image.cmby-ad-mode-cover {
    background-size: cover;
    background-position: center;
}

.cmby-ad-banner--image.cmby-ad-mode-cover img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* ============================================
   Banner HTML5 (iframe)
   ============================================ */

.cmby-ad-banner--html5 {
    display: block;
    position: relative; /* Для оверлей-ссылки */
}

.cmby-ad-banner--html5 iframe {
    border: none;
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

/* Оверлей для клика поверх iframe */
.cmby-ad-html5-overlay {
    display: block;
    cursor: pointer;
}

/* ============================================
   Зоны на страницах
   ============================================ */

.cmby-ad-zone {
    margin: 15px 0;
    clear: both;
}

.cmby-ad-zone--header-top {
    margin: 0 0 10px;
}

.cmby-ad-zone--header-bottom {
    margin: 10px 0 15px;
}

.cmby-ad-zone--category-top,
.cmby-ad-zone--shop-top {
    margin: 0 0 20px;
}

.cmby-ad-zone--category-bottom,
.cmby-ad-zone--shop-bottom {
    margin: 20px 0 0;
}

.cmby-ad-zone--category-between {
    margin: 15px 0;
    grid-column: 1 / -1; /* Растягивается на всю ширину в CSS Grid */
    width: 100%;
}

.cmby-ad-zone--footer-above {
    margin: 20px 0 0;
}

/* ============================================
   АДАПТИВНАЯ ВИДИМОСТЬ БАННЕРОВ
   ============================================ */

/* Только десктоп (≥1025px): скрываем на планшетах и мобильных */
@media screen and (max-width: 1024px) {
    .cmby-ad-device--desktop { display: none !important; }
}

/* Только планшет (768–1024px): скрываем на десктопе и мобильных */
@media screen and (min-width: 1025px) {
    .cmby-ad-device--tablet { display: none !important; }
}
@media screen and (max-width: 767px) {
    .cmby-ad-device--tablet { display: none !important; }
}

/* Только мобильные (<768px): скрываем на десктопе и планшетах */
@media screen and (min-width: 768px) {
    .cmby-ad-device--mobile { display: none !important; }
}

/* Десктоп + планшет: скрываем только на мобильных */
@media screen and (max-width: 767px) {
    .cmby-ad-device--desktop_tablet { display: none !important; }
}

/* Планшет + мобильные: скрываем только на десктопе */
@media screen and (min-width: 1025px) {
    .cmby-ad-device--tablet_mobile { display: none !important; }
}

/* ============================================
   МЕТКА «РЕКЛАМА»
   ============================================ */

.cmby-ad-label {
    font-size: 11px;
    line-height: 1;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 2px 0;
    text-align: center;
}

/* ============================================
   БАННЕРЫ В САЙДБАРЕ
   ============================================ */

/* В сайдбаре баннеры адаптируются к ширине контейнера */
.wd-sidebar .cmby-ad-container,
.widget-area .cmby-ad-container,
.sidebar .cmby-ad-container {
    max-width: 100%;
}

/* Iframe HTML5-баннеров в сайдбаре: 100% ширины */
.wd-sidebar .cmby-ad-banner--html5 iframe,
.widget-area .cmby-ad-banner--html5 iframe,
.sidebar .cmby-ad-banner--html5 iframe {
    width: 100% !important;
    max-width: 100%;
}

/* Картинки-баннеры в сайдбаре */
.wd-sidebar .cmby-ad-banner--image img,
.widget-area .cmby-ad-banner--image img,
.sidebar .cmby-ad-banner--image img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

/* ============================================
   САЙДБАРНЫЙ БАННЕР: ДЕСКТОП vs МОБИЛЬНЫЙ
   На десктопе: .cmby-ad-sidebar-desktop виден,
                .cmby-ad-sidebar-mobile скрыт.
   На мобильных (≤1024px): наоборот — сайдбарный
   скрыт (Woodmart выносит его в off-canvas фильтр),
   а мобильный дубликат виден перед товарами.
   ============================================ */

/* Мобильный дубликат — по умолчанию скрыт */
.cmby-ad-sidebar-mobile {
    display: none;
    margin: 20px auto;
    text-align: center;
}

/* Десктопная обёртка сайдбарного баннера — по умолчанию видна */
.cmby-ad-sidebar-desktop {
    display: block;
}

@media screen and (max-width: 1024px) {
    /* Показываем мобильный дубликат */
    .cmby-ad-sidebar-mobile {
        display: block;
    }

    /* Скрываем сайдбарный (десктопный) экземпляр —
       он попадает в off-canvas панель фильтров Woodmart */
    .cmby-ad-sidebar-desktop {
        display: none !important;
    }
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media screen and (max-width: 768px) {
    .cmby-ad-container {
        margin: 10px auto;
    }

    .cmby-ad-banner--html5 iframe {
        max-width: 100%;
        height: auto;
    }
}