/*
 * Home Banner layout fix.
 *
 * Swiper's base .swiper rule sets position: relative and can win over the
 * utility class .absolute. Keep this override scoped to the Home Banner
 * widget so other Swiper carousels remain unchanged.
 */

.elementor-widget-vezaconslt_home_banner .swiper-banner {
    position: absolute !important;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

/*
 * Plugin tagline uses Tailwind .font-accent → Caveat, which is not loaded
 * and has no Vietnamese glyphs, so VI text falls back to a system sans.
 * Heading font is iCiel Grandma (registered as Gelasio, weight 700).
 */
.elementor-widget-vezaconslt_home_banner h1,
.elementor-widget-vezaconslt_home_banner .js-char-reveal,
.elementor-widget-vezaconslt_home_banner .char-item {
    font-family: var(--font-heading), "Gelasio", serif !important;
    font-weight: 700 !important;
}

/* Full-width homepage bar under the hero. Height is a token so the
   small corner CTA can sit on the same row. */
.elementor-widget-vezaconslt_home_banner .home-banner-book-bar {
    --home-book-bar-height: 4.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: var(--home-book-bar-height);
    padding-top: 0;
    padding-bottom: 0;
    box-sizing: border-box;
}

body:has(.home-banner-book-bar) {
    --home-book-bar-height: 4.75rem;
}

body:has(.home-banner-book-bar) #floating-booking-btn {
    bottom: calc((var(--home-book-bar-height) - 2.625rem) / 2);
    transform: none !important;
}