/*
 * Infinity Ads Manager — адаптивные стили для баннерных слотов.
 *
 * Breakpoints:
 *   Desktop: ≥ 1024 px      → показывать .iam-bp--desktop
 *   Tablet:  768 – 1023 px  → показывать .iam-bp--tablet
 *   Mobile:  < 768 px       → показывать .iam-bp--mobile
 */

/* ====================================================================
 * 1. Responsive slot visibility — по умолчанию скрываем tablet/mobile
 * ==================================================================== */

/* Desktop-only (по умолчанию видим desktop) */
.iam-responsive-slot .iam-bp--tablet,
.iam-responsive-slot .iam-bp--mobile {
    display: none !important;
}

/* Tablet: 768 – 1023 */
@media screen and (max-width: 1023px) {
    .iam-responsive-slot .iam-bp--desktop {
        display: none !important;
    }
    .iam-responsive-slot .iam-bp--tablet {
        display: block !important;
    }
}

/* Mobile: < 768 */
@media screen and (max-width: 767px) {
    .iam-responsive-slot .iam-bp--tablet {
        display: none !important;
    }
    .iam-responsive-slot .iam-bp--mobile {
        display: block !important;
    }
}

/* ====================================================================
 * 2. Отступ перед баннером в шапке (hero) — чтобы не прижимался
 *    к строке «продать контент / реклама»
 * ==================================================================== */
.header-hero .iam-responsive-slot {
    margin-top: 2rem;
}

/* ====================================================================
 * 3. Хидер не расширяет страницу на узких экранах
 * ==================================================================== */
@media screen and (max-width: 1023px) {
    .site-header {
        overflow-x: hidden;
        max-width: 100vw;
    }

    .header-hero .execphpwidget {
        max-width: 100%;
        overflow: hidden;
    }
}