/*
 * Extracted from mu-plugins/kalon-welcome-rates-bridge.php on 2026-04-10
 * (Phase 4 of the kalon-theme refactor).
 *
 * Site-wide overrides: text-wrap balance on headings, Montserrat fix for
 * .kalon-serif headings, /welcome accommodation grid sizing, and rounded
 * corners on Kalon image components. The original implementation echoed
 * this from a wp_head action; it now ships as a normal external stylesheet
 * enqueued globally so FlyingPress can combine + critical-CSS it.
 */

    /* Balanced text wrapping */
    h1, h2, h3,
    .kalon-hero__title,
    .kalon-cta__title,
    .kalon-room-card__name,
    .kalon-section h1,
    .kalon-section h2,
    .kalon-section h3 {
        text-wrap: balance;
    }

    /* Override .kalon-serif on headings to use Montserrat (site standard).
       Keeps serif for subtitle/quote paragraphs. */
    h1.kalon-serif,
    h2.kalon-serif,
    h3.kalon-serif,
    .kalon-included__title.kalon-serif,
    .kalon-rooms__title.kalon-serif,
    .kalon-cta__title.kalon-serif,
    .kalon-room-card__name.kalon-serif {
        font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;
        font-weight: 300 !important;
    }

    /* Fix spacing on /welcome accommodation section */
    .kalon-rooms__title.kalon-heading-accent {
        margin-bottom: 40px !important;
    }

    /* Fix room card text size on /welcome */
    .kalon-room-card__features {
        font-size: 13.5px !important;
    }
    .kalon-room-card__price {
        font-size: 28px !important;
    }

    /* Rounded corners on all Kalon images */
    .kalon-room-card__image,
    .kalon-included__image img,
    .kr-room-img,
    .kr-intro-img {
        border-radius: 12px !important;
    }
    .kalon-room-card__image-wrap {
        position: relative;
        aspect-ratio: 16 / 10;
        border-radius: 12px !important;
        overflow: hidden !important;
        background: #ebe5dc;
    }
    /* The room card image is an <img> element with class kalon-room-card__image
       sitting directly inside the .kalon-room-card__image-wrap div. Without
       these rules the image renders at its natural resolution (e.g. 2560×1600)
       and stretches each card to ~1870px tall. */
    img.kalon-room-card__image,
    .kalon-room-card__image-wrap > img {
        display: block;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        object-fit: cover;
        transition: transform 0.6s ease;
    }
    .kalon-room-card:hover .kalon-room-card__image-wrap > img {
        transform: scale(1.04);
    }