/*
 * Vikkie public-header compatibility layer.
 *
 * The public header now uses Glamr's native PBMIT DOM contract. The original
 * theme owns layout, typography, desktop navigation, sticky behavior and
 * responsive menu presentation. This file is intentionally limited to
 * Vikkie-specific branding, solid inner-page mode and the compact booking
 * shell that also reuses the shared header.
 */

.vhl-shared-header {
    width: 100%;
}

.vhl-shared-header--solid .pbmit-header-overlay {
    position: relative;
    background: var(--pbmit-blackish-color, #111318);
}

.vhl-shared-header__logo {
    width: auto;
    max-width: 190px;
    object-fit: contain;
    object-position: left center;
}

.vhl-booking-chrome {
    position: relative;
    min-width: 0;
}

.vhl-booking-title-bar {
    background-color: var(--pbmit-blackish-color, #111318);
    background-image: none;
}

.vhl-booking-title-bar::before {
    background-color: rgba(var(--pbmit-blackish-color-rgb), 0.18);
}

.vhl-booking-title-bar,
.vhl-booking-title-bar .pbmit-title-bar-content {
    min-height: 280px;
}

.vhl-booking-title-bar .pbmit-title-bar-content {
    padding: 145px 0 42px;
}

.vhl-booking-title-bar .pbmit-tbar-title {
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    line-height: 1.08;
}

@media (max-width: 575.98px) {
    .vhl-shared-header__logo {
        max-width: 150px;
        max-height: 52px;
    }

    .vhl-booking-title-bar,
    .vhl-booking-title-bar .pbmit-title-bar-content {
        min-height: 230px;
    }

    .vhl-booking-title-bar .pbmit-title-bar-content {
        padding: 120px 0 30px;
    }
}