/*
 * Hero side ads — position: absolute внутри .header-hero.
 *
 * .header-hero уже position:relative (parent + child theme CSS).
 * overflow:hidden на hero убираем — ads выходят за .container.
 *
 * Структура:
 *   section.header-hero                       — positioning parent
 *     .header-hero__content > .container      — центральный контент
 *     .iam-hero-side.iam-hero-side--left      — left column
 *     .iam-hero-side.iam-hero-side--right     — right column
 *
 * CSS vars (--iam-hero-*) инжектируются через wp_head.
 */

/* Hero section должен позволять overflow для боковых баннеров */
.header-hero {
    overflow: visible !important;
}

/* Колонки */
.iam-hero-side {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 30;
    pointer-events: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--iam-hero-vgap, 8px);
}

.iam-hero-side--left {
    left: calc(
        50%
        - var(--iam-container-half, 602px)
        - var(--iam-hero-gap, 24px)
    );
    transform: translateY(-50%) translateX(-100%);
}

.iam-hero-side--right {
    left: calc(
        50%
        + var(--iam-container-half, 602px)
        + var(--iam-hero-gap, 24px)
    );
    transform: translateY(-50%);
}

.iam-hero-side .widget,
.iam-hero-side .widget > * {
    max-width: 100%;
}

.iam-hero-side .iam-ad-slot-placeholder {
    margin: 0;
}