/**
Theme Name: Astra Child
Author: Advisory
Author URI: https://advisoryab.se
Description: Astra child theme by Advisory
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* ==========================================
   Typografi – rubriker (desktop + mobil)
   Desktop: H1 70px, H2 60px, H3 30px
   Mobil:   H1 ~37px, H2 ~31px, H3 ~23px
   ========================================== */

h1, .entry-content :where(h1) {
    font-size: clamp(37px, 9vw, 70px);
    font-weight: 700;
    font-family: 'Work Sans', sans-serif;
    line-height: 1.1 !important;
}

h2, .entry-content :where(h2) {
    font-size: clamp(31px, 7.5vw, 60px);
    font-weight: 700;
    font-family: 'Work Sans', sans-serif;
    line-height: 1.15 !important;
}

h3, .entry-content :where(h3) {
    font-size: clamp(23px, 4vw, 30px);
    font-weight: 700;
    font-family: 'Work Sans', sans-serif;
    line-height: 1.25 !important;
}

h4, .entry-content :where(h4) {
    font-size: clamp(19px, 3vw, 24px);
    font-weight: 700;
    font-family: 'Work Sans', sans-serif;
    line-height: 1.3 !important;
}

/* ==========================================
   Kicker / heading-span
   Desktop: 26px → Mobil: 15px
   OBS: .heading-span sitter på Elementor-wrappern,
   texten ligger i .elementor-heading-title inuti
   ========================================== */

.heading-span .elementor-heading-title {
    display: block;
    font-size: clamp(18px, 3vw, 26px) !important;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    line-height: 1.3;
    color: var(--e-global-color-secondary);
}

/* Avstånd ner till rubriken styrs på wrappern */
.heading-span {
    margin-bottom: 6px;
}

/* ==========================================
   Extra finjustering för små mobiler (≤400px)
   ========================================== */

@media (max-width: 400px) {
    h1, .entry-content :where(h1) {
        font-size: 34px;
    }

    .heading-span .elementor-heading-title {
        letter-spacing: 1px;
    }

    .heading-span {
        margin-bottom: 4px;
    }
}