/**
 * Widget Headings & Container Margins - Global Styles
 *
 * Consistent heading styles and container margins for all Elementor widgets
 * Based on TYPO3 Original
 *
 * IMPORTANT CONVENTIONS:
 * - All main content containers use: margin-left/right: var(--margin-horizontal)
 * - Desktop: --margin-horizontal = 40px
 * - Mobile (≤750px): --margin-horizontal = 20px
 * - Headings: font-weight: 300, font-size: 1.6rem, uppercase
 *
 * @package Kurpfalz_Theme
 * @author Saad Badr
 * @copyright 2025 SawatzkiMühlenbruch GmbH
 */

/* ============================================
   WIDGET SECTION HEADINGS
   ============================================ */

/* All widget section headings (h2) */
.elementor-widget h2,
.services-heading,
.intro-heading,
.highlights-heading,
.shop-grid-heading,
.jobs-heading,
.call-to-action h2 {
    font-weight: 300;
    font-size: 1.6rem;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 22px;
    color: var(--text-color);
}

/* First heading in a section - no top margin */
.elementor-widget:first-child h2,
.elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget:first-child h2 {
    margin-top: 0;
}

/* ============================================
   SPECIFIC WIDGET OVERRIDES
   ============================================ */

/* Service Icons Widget */
.kurpfalz-service-icons-wrapper h2,
.services-heading {
    /* Uses global styles above */
}

/* Intro Widget */
.kurpfalz-intro-wrapper h2,
.intro-heading {
    /* Uses global styles above */
}

/* Highlights Widget */
.kurpfalz-highlights-wrapper h2,
.highlights-heading {
    /* Uses global styles above */
}

/* Shop Grid Widget */
.kurpfalz-shop-grid-wrapper h2,
.shop-grid-heading {
    /* Uses global styles above */
}

/* Call to Action Widget */
.kurpfalz-call-to-action-wrapper h2 {
    /* Uses global styles above */
}

/* Jobs Widget */
.kurpfalz-jobs-wrapper h2,
.jobs-heading {
    /* Uses global styles above */
}