/**
 * Components — reusable UI patterns
 * ─────────────────────────────────
 * This is the manifest. Each component lives in its own file under
 * css/components/. Edit individual files, not here.
 *
 * Load order matters: tokens and base must be enqueued before this file.
 */

@import url('components/hero.css');
@import url('components/buttons.css');
@import url('components/section.css');
@import url('components/pill.css');
@import url('components/card.css');
@import url('components/tile.css');
@import url('components/feature.css');
@import url('components/stats.css');
@import url('components/price-table.css');
@import url('components/cta-band.css');
@import url('components/faq.css');
@import url('components/cta.css');
@import url('components/map.css');
@import url('components/forms.css');

/* ── Mobile heading overrides (must come after all component imports) ──── */

@media (max-width: 767.98px) {
    .ba-hero__title,
    .ba-section__title,
    .ba-tile__title,
    .ba-dive-card__title,
    .ba-card__title { font-size: var(--font-size-h2-mobile, 1.35rem); }
}