/* ─── Barion banner – Foglalás popup ──────────────────────────────────────────
 * Scope: #vig1-booking-form
 * A h3 cím + banner együtt sticky-ként marad a popup tetején görgetésnél.
 * ─────────────────────────────────────────────────────────────────────────── */

/*
 * Sticky fejléc-wrapper: kihúzzuk a modal 24px padding-jából, hogy
 * top:-24px pontosan a belső border-hez tapadjon görgetéskor.
 */
#vig1-booking-form .vig1-popup-sticky-header {
    position: sticky;
    top: -24px;
    margin: -24px -24px 0;
    padding: 24px 24px 0;
    background: #ffffff;
    z-index: 1;
    border-radius: 14px 14px 0 0;
}

/* ── Banner konténer ─────────────────────────────────────────────────────── */
#vig1-booking-form .vig1-barion-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 16px 4px;
    margin: 0;
    background: transparent;
}

/* ── Banner kép – TILOS: recolor, filter, opacity, arány-torzítás ─────────── */
#vig1-booking-form .vig1-barion-banner img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 28px;
    width: auto;
    object-fit: contain;
}

@media (max-width: 480px) {
    #vig1-booking-form .vig1-barion-banner img {
        max-height: 22px;
    }
}

/* ── Barion banner – Purchase Flow (vp) modal ────────────────────────────── */
.vig1-vp-modal .vig1-vp-barion-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 16px 0;
    margin: -8px 0 4px 0;
    background: transparent;
}

.vig1-vp-modal .vig1-vp-barion-banner img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 28px;
    width: auto;
    object-fit: contain;
}

@media (max-width: 480px) {
    .vig1-vp-modal .vig1-vp-barion-banner img {
        max-height: 22px;
    }
}