/**
 * Block: Hotel Home Heritage — Scoped Stylesheet
 * Scopes layout and typography sizes under .hotel-heritage-block to override Gutenberg defaults.
 * Preserves all theme color variables without alteration.
 *
 * Author: ably Peru
 * Text Domain: ab_theme
 */

/* ─── Base block wrapper (Zero Section Padding & Flat Edges) ─── */
.hotel-heritage-block {
    font-family: 'Outfit', sans-serif !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-radius: 0 !important;
}

.hotel-heritage-block img,
.hotel-heritage-block div,
.hotel-heritage-block .hh-img-wrap,
.hotel-heritage-block .hh-image-col {
    border-radius: 0 !important;
}

/* ─── Typography & Sizing Overrides (No Color Alteration) ─── */

/* Subtitle */
.hotel-heritage-block span.text-\[11px\] {
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5em !important;
    font-weight: 700 !important;
    margin-bottom: 1.5rem !important;
    display: block !important;
}

/* Heading / Title */
.hotel-heritage-block h2 {
    font-size: 2.25rem !important; /* text-3xl / 4xl */
    font-weight: 800 !important;
    margin-bottom: 1.5rem !important;
    line-height: 1.2 !important;
    color: #1E1E1E !important;
}

@media (min-width: 768px) {
    .hotel-heritage-block h2 {
        font-size: 2.75rem !important;
    }
}

/* Description Paragraph */
.hotel-heritage-block p.text-stone-600 {
    font-size: 0.9375rem !important;
    line-height: 1.625 !important;
    font-weight: 400 !important;
    margin-bottom: 2rem !important;
}

/* Checklist: Item Title */
.hotel-heritage-block h4 {
    font-size: 0.75rem !important; /* text-xs */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    margin-bottom: 0.25rem !important;
}

/* Checklist: Item Description */
.hotel-heritage-block p.text-stone-500 {
    font-size: 0.75rem !important; /* text-xs */
    font-weight: 300 !important;
    line-height: 1.5 !important;
}

/* Link Button */
.hotel-heritage-block a.inline-flex {
    border-radius: 0 !important;
}