@import './add-to-cart-success.css';
@import './cart.css';
@import './catalog.css';
@import './catalog_filters.css';
@import './cms_page.css';
@import './consumer_homepage.css';
@import './content_block.css';
@import './footer.css';
@import './price_calculator.css';
@import './product-grid-section.css';
@import './product.css';
@import './product_card.css';
@import './product_card_v2.css';
@import './product_grid.css';
@import './product_info.css';
@import './product_layout.css';
@import './product_price.css';
@import './stock_modal.css';
@import './welcome-section.css';

/* ─── Consumer heading font ──────────────────────────────────────────────────
   Single place to change the heading font for the entire consumer website.
   Do not edit admin fonts here — admin uses variables.css separately.       */
:root {
    --font-heading: 'Rammetto One', sans-serif;
}

h1, h2 {
    font-family: var(--font-heading);
    text-transform: uppercase;
}

/* ── Page section wrapper — section margins between CMS sections only ── */
.page-section {
    margin-top: var(--section-margin-top, 40px);
    margin-bottom: var(--section-margin-bottom, 40px);
}

.page-section:first-child {
    margin-top: 0;
}

.page-section:last-of-type {
    margin-bottom: 0;
}

/* Hide page-sections that rendered no element content (e.g. section enabled but data empty) */
.page-section:not(:has(> *)) {
    display: none;
    margin: 0;
}

/* Hide page-sections that rendered no element content (e.g. section enabled but data empty) */
.page-section:not(:has(> *)) {
    display: none;
    margin: 0;
}