/**
 * PBN Wakacje - the slot around the partner's widget, nothing more.
 *
 * The widget itself arrives fully styled by Wakacje.pl (every rule `!important`,
 * own webfonts), and that is the point: readers recognise and trust that
 * branding. We deliberately do not restyle it.
 *
 * The min-height values are the important part of this file. Each widget mounts
 * asynchronously, so without reserved space it would push the rest of the
 * article down as it appears - a layout shift on every article view. The values
 * approximate the rendered widgets; being slightly generous is much cheaper
 * than being short.
 */

.pbn-wakacje {
    margin: 2rem 0;
    clear: both;
}

.pbn-wakacje__label {
    margin: 0 0 .5rem;
    font-size: .85rem;
    line-height: 1.4;
    letter-spacing: .02em;
    text-transform: uppercase;
    opacity: .7;
}

/* The partner's widgets stop being usable below 375px; keep the slot from
   forcing the page narrower than the viewport on small phones. */
.pbn-wakacje > div[id] {
    min-width: 0;
    overflow-x: auto;
}

.pbn-wakacje--listing > div[id] {
    min-height: 420px;
}

.pbn-wakacje--search > div[id] {
    min-height: 320px;
}

@media (min-width: 768px) {
    .pbn-wakacje--listing > div[id] {
        min-height: 460px;
    }

    .pbn-wakacje--search > div[id] {
        min-height: 220px;
    }
}

/* A slot whose bundle failed to load is hidden by wakacje.js; make sure it
   also stops reserving height for a widget that will never arrive. */
.pbn-wakacje[style*="display: none"] > div[id] {
    min-height: 0;
}