/**
 * Accessibility Heading Hierarchy Styles for BFL-OL v2
 *
 * Maintains visual consistency after semantic heading changes for WCAG 2.2 compliance.
 * Uses exact computed values from original headings.
 *
 * @author BFL Accessibility Plugin
 * @version 2.0
 */

/* ============================================
   1. MAIN SECTION HEADINGS
   Changed: H1 → H2
   Elements: "ÜBER UNS", "UNSER TEAM", "NEWS", "KONTAKT"
   Original: 36px, 700 weight, 36px line-height
   ============================================ */

body .bt_bb_section .bt_bb_headline h2 {
    font-size: 36px !important;
    font-weight: 700 !important;
    line-height: 36px !important;
    letter-spacing: 1.8px !important;
    text-transform: none !important;
    margin-bottom: 0px !important;
}

/* ============================================
   2. TEASER CARD HEADINGS
   Changed: H4 → H3
   Elements: "Berufsbild", "Ausbildung", "Bewerbung", "Bildergalerie"
   Original: 21px, 700 weight, 29.4px line-height
   ============================================ */

body .bt_bb_column .bt_bb_headline.bt_bb_size_small h3 {
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 29.4px !important;
    letter-spacing: 1.05px !important;
    text-transform: uppercase !important;
    margin-bottom: 0px !important;
}

/* ============================================
   3. TESTIMONIAL HEADINGS
   Changed: H5 → H3
   Elements: "Emotionen unserer Schüler*innen", "Wir haben an der schule..."
   Original: 30px, 700 weight, 33px line-height
   Using #testimonial-section ID for highest specificity
   ============================================ */

#testimonial-section h3 {
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 33px !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
    margin-bottom: 0px !important;
    text-align: center !important;
}

/* ============================================
   4. TEAM MEMBER HEADINGS
   Changed: H4 → H3
   Elements: "Judith Janßen", "Hannah Stebel", etc.
   Original: 21px, 700 weight, 29.4px line-height
   ============================================ */

body .bt_bb_section .bt_bb_column .bt_bb_column_inner .bt_bb_headline h3 {
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 29.4px !important;
    letter-spacing: 1.05px !important;
    text-transform: uppercase !important;
    margin-bottom: 0px !important;
}

/* ============================================
   5. HERO SLIDER HEADINGS
   Main heading and optional subtitle styling
   ============================================ */

/* Main hero H2 heading */
body .bt_bb_content_slider_item .bt_bb_text.slidercontent h2 {
    font-size: 46px !important;
    font-weight: 700 !important;
    line-height: 46px !important;
    letter-spacing: 2.3px !important;
    text-transform: uppercase !important;
    margin-bottom: -18px !important;
}

/* Hero subtitle - add class "hero-subtitle" to H2 or span for thin font-weight */
body .bt_bb_content_slider_item .bt_bb_text.slidercontent h2.hero-subtitle,
body .bt_bb_content_slider_item .bt_bb_text.slidercontent h2 .hero-subtitle {
    font-weight: 100 !important;
    line-height: 50.6px !important;
    padding-bottom: 18.4px !important;
}

/* ============================================
   6. UTILITY CLASSES
   Screen reader only content
   ============================================ */

.sr-only,
.screen-reader-only {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}

/* ============================================
   7. BERUFSBILD PAGE HEADINGS
   Page-specific heading styles for /berufsbild/
   ============================================ */

/* Main page title - changed from H1 to H1 (stays same, but ensure consistency) */
.berufsbild-page .bt_bb_headline h1 {
    font-size: 36px !important;
    font-weight: 700 !important;
    line-height: 36px !important;
    letter-spacing: 1.8px !important;
}

/* Section headings - changed from H6 to H2 */
/* "Vielfältige Aufgaben und Möglichkeiten", "Klar definierte Indikationen" */
.berufsbild-page .bt_bb_text h2 {
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 26.4px !important;
    letter-spacing: 0.48px !important;
    text-transform: none !important;
    margin-bottom: 20px !important;
}

/* "Wo arbeiten Logopäd*innen?" heading - changed from H6 to H2 */
.berufsbild-page .bt_bb_column .bt_bb_text h2:first-of-type {
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 26.4px !important;
    letter-spacing: 0.48px !important;
}

/* Work field cards - H3 headings stay as H3 */
/* "Rehabilitationseinrichtungen", "Kliniken & Krankenhäuser", etc. */
/* These are inside .fadediv elements with .bt_bb_group_item_content_title wrapper */
.berufsbild-page .bt_bb_group_item_content_title h3,
.berufsbild-page .bt_bb_group_item_content_no_hover .bt_bb_group_item_content_title h3,
.berufsbild-page .bt_bb_group_item_content_hover_wrapper .bt_bb_group_item_content_title h3,
.berufsbild-page .fadediv .bt_bb_group_item_content_title h3 {
    font-size: 24px !important;
    font-weight: 100 !important;
    line-height: 26.4px !important;
    letter-spacing: 1.2px !important;
    text-transform: none !important;
    margin-bottom: 0px !important;
    padding-bottom: 9.6px !important;
    text-align: center !important;
}

/* Footer navigation headings - changed from H4 to H3 */
/* "Links", "Träger" */
.berufsbild-page footer .bt_bb_headline h3 {
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    letter-spacing: normal !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
}

/* ============================================
   8. AUSBILDUNG PAGE HEADINGS
   Page-specific heading styles for /ausbildung/
   ============================================ */

/* Regular section headings - changed from H6 to H2 */
/* "Was erwartet Sie inhaltlich...", "Wir unterrichten...", "Unser Netzwerk", "Weiterführende Links" */
.ausbildung-page .bt_bb_text h2 {
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 26.4px !important;
    letter-spacing: 0.48px !important;
    text-transform: none !important;
    margin-bottom: 20px !important;
}

/* "DIE AUSBILDUNG IM ÜBERBLICK" - changed from H1 to H2, keep large size */
.ausbildung-page #section-ausbildung h2 {
    font-size: 36px !important;
    font-weight: 700 !important;
    line-height: 36px !important;
    letter-spacing: 1.8px !important;
    text-transform: uppercase !important;
    margin-bottom: 0px !important;
}

/* Footer navigation headings - changed from H4 to H3 */
/* "Links", "Träger" */
.ausbildung-page footer .bt_bb_headline h3 {
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    letter-spacing: normal !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
}

/* ============================================
   9. TEAM PAGE HEADINGS
   Page-specific heading styles for /team/
   ============================================ */

/* Section headings - changed from H6 to H2 */
/* "Leitung", "Lehrkräfte", "Verwaltung", "Geschäftsführung" */
/* Using ID selectors for highest specificity to override global rule */
#section-leitung h2,
#section-lehrkraefte h2,
#section-verwaltung h2,
#section-geschaeftsfuehrung h2 {
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 26.4px !important;
    letter-spacing: 0.48px !important;
    text-transform: none !important;
    margin-bottom: 0 !important;
}

/* Footer section heading - changed from H1 to H2 */
/* "Sie möchten Teil des Teams werden?" */
.team-page .section-team-content-footer .bt_bb_headline h2 {
    font-size: 36px !important;
    font-weight: 700 !important;
    line-height: 36px !important;
    letter-spacing: 1.8px !important;
    text-transform: none !important;
    margin-bottom: 0px !important;
}

/* Team member names - changed from H4 to H3 */
/* Already handled by global rule in section 4 */
/* body .bt_bb_section .bt_bb_column .bt_bb_column_inner .bt_bb_headline h3 */

/* ============================================
   10. DATENSCHUTZ PAGE HEADINGS
   Page-specific heading styles for /datenschutz/
   ============================================ */

/* Main heading - changed from H6 to H2, keep H6 styling */
.page-datenschutz.section-datenschutz h2 {
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 26.4px !important;
    letter-spacing: 0.48px !important;
    text-transform: none !important;
    padding-bottom: 9.6px !important;
    margin-bottom: 20px !important;
}

/* ============================================
   11. IMPRESSUM PAGE HEADINGS
   Page-specific heading styles for /impressum/
   ============================================ */

/* Main heading - changed from H6 to H2, keep H6 styling */
.page-impressum.section-impressum h2 {
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 26.4px !important;
    letter-spacing: 0.48px !important;
    text-transform: none !important;
    padding-bottom: 9.6px !important;
    margin-bottom: 20px !important;
}

/* ============================================
   12. BEWERBUNGSFORMULAR PAGE HEADINGS
   Page-specific heading styles for /bewerbungsformular/
   ============================================ */

/* Form section headings - changed from H6 to H2, keep H6 styling */
/* "Berufstätigkeit" and similar section headings */
.section-bewerbungsformular h2 {
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 26.4px !important;
    letter-spacing: 0.48px !important;
    text-transform: none !important;
    padding-bottom: 9.6px !important;
    margin-bottom: 20px !important;
}
h2.headlines-bewerbung {
    font-size: 30px !important;
    line-height: 1.1em !important;
    margin-top: -20px !important;
    margin-bottom: 20px !important;
    text-transform: none !important;
    font-weight: 400 !important;
}

/* File upload text - changed from H3 to DIV, restore original H3 styling */
/* Target only the first div (upload instruction text) */
.section-bewerbungsformular .codedropz-upload-inner > div:first-child {
    font-size: 46px !important;
    font-weight: 100 !important;
    line-height: 32px !important;
    letter-spacing: 2.3px !important;
    text-transform: uppercase !important;
    padding-bottom: 18.4px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    text-align: center !important;
    word-break: break-word !important;
}

/* ============================================
   13. KARRIERE PAGE HEADINGS
   Page-specific heading styles for /karriere/
   ============================================ */

/* "Neue Herausforderung fällig?" - changed from H6 to H2 */
.page-karriere.section-herausforderung h2 {
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 26.4px !important;
    letter-spacing: 0.48px !important;
    text-transform: none !important;
    margin-bottom: 20px !important;
}

/* "Stellenangebote" - changed from H4 to H2, keep H4 styling */
.page-karriere.section-stellenangebote h2 {
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 29.4px !important;
    letter-spacing: 1.05px !important;
    text-transform: uppercase !important;
    padding-bottom: 8.4px !important;
    margin-bottom: 0px !important;
}

/* ============================================
   RESPONSIVE ADJUSTMENTS
   ============================================ */

/* Tablet and below (max-width: 991px) */
@media (max-width: 991px) {
    /* Main section headings - maintain size */
    body .bt_bb_section .bt_bb_headline h2 {
        font-size: 36px !important;
        line-height: 36px !important;
    }

    /* Testimonials - maintain size */
    #testimonial-section h3 {
        font-size: 30px !important;
        line-height: 33px !important;
        letter-spacing: 0.6px !important;
    }

    /* Teaser cards - maintain size */
    body .bt_bb_column .bt_bb_headline.bt_bb_size_small h3 {
        font-size: 21px !important;
        line-height: 29.4px !important;
    }

    /* Team members - maintain size */
    body .bt_bb_section .bt_bb_column .bt_bb_column_inner .bt_bb_headline h3 {
        font-size: 21px !important;
        line-height: 29.4px !important;
    }

    /* Berufsbild page - section headings */
    .berufsbild-page .bt_bb_text h2 {
        font-size: 24px !important;
        line-height: 26.4px !important;
    }

    /* Berufsbild page - work field cards */
    .berufsbild-page .bt_bb_group_item_content_title h3,
    .berufsbild-page .fadediv .bt_bb_group_item_content_title h3 {
        font-size: 24px !important;
        line-height: 26.4px !important;
    }

    /* Ausbildung page - section headings */
    .ausbildung-page .bt_bb_text h2 {
        font-size: 24px !important;
        line-height: 26.4px !important;
    }

    /* Ausbildung page - "DIE AUSBILDUNG IM ÜBERBLICK" */
    .ausbildung-page #section-ausbildung h2 {
        font-size: 36px !important;
        line-height: 36px !important;
    }
}

/* Mobile (max-width: 767px) */
@media (max-width: 767px) {
    /* Main section headings - scale down */
    body .bt_bb_section .bt_bb_headline h2 {
        font-size: 28px !important;
        line-height: 28px !important;
    }

    /* Testimonials - scale down */
    #testimonial-section h3 {
        font-size: 24px !important;
        line-height: 26.4px !important;
        letter-spacing: 0.48px !important;
    }

    /* Teaser cards - scale down */
    body .bt_bb_column .bt_bb_headline.bt_bb_size_small h3 {
        font-size: 18px !important;
        line-height: 25.2px !important;
    }

    /* Team members - scale down */
    body .bt_bb_section .bt_bb_column .bt_bb_column_inner .bt_bb_headline h3 {
        font-size: 18px !important;
        line-height: 25.2px !important;
    }

    /* Hero slider - scale down */
    body .bt_bb_content_slider_item .bt_bb_text.slidercontent h2 {
        font-size: 32px !important;
        line-height: 32px !important;
    }

    /* Berufsbild page - section headings scale down */
    .berufsbild-page .bt_bb_text h2 {
        font-size: 20px !important;
        line-height: 22px !important;
    }

    /* Berufsbild page - work field cards scale down */
    .berufsbild-page .bt_bb_group_item_content_title h3,
    .berufsbild-page .fadediv .bt_bb_group_item_content_title h3 {
        font-size: 20px !important;
        line-height: 22px !important;
    }

    /* Berufsbild page - footer headings scale down */
    .berufsbild-page footer .bt_bb_headline h3 {
        font-size: 18px !important;
        line-height: 25.2px !important;
    }

    /* Ausbildung page - section headings scale down */
    .ausbildung-page .bt_bb_text h2 {
        font-size: 20px !important;
        line-height: 22px !important;
    }

    /* Ausbildung page - "DIE AUSBILDUNG IM ÜBERBLICK" scale down */
    .ausbildung-page #section-ausbildung h2 {
        font-size: 32px !important;
        line-height: 32px !important;
    }

    /* Ausbildung page - footer headings scale down */
    .ausbildung-page footer .bt_bb_headline h3 {
        font-size: 18px !important;
        line-height: 25.2px !important;
    }

    /* Team page - section headings scale down */
    #section-leitung h2,
    #section-lehrkraefte h2,
    #section-verwaltung h2,
    #section-geschaeftsfuehrung h2 {
        font-size: 20px !important;
        line-height: 22px !important;
    }

    /* Team page - footer section heading scale down */
    .team-page .section-team-content-footer .bt_bb_headline h2 {
        font-size: 32px !important;
        line-height: 32px !important;
    }

    /* Karriere page - "Neue Herausforderung fällig?" scale down */
    .page-karriere.section-herausforderung h2 {
        font-size: 20px !important;
        line-height: 22px !important;
    }

    /* Karriere page - "Stellenangebote" scale down */
    .page-karriere.section-stellenangebote h2 {
        font-size: 18px !important;
        line-height: 25.2px !important;
    }

    /* Datenschutz page - main heading scale down */
    .page-datenschutz.section-datenschutz h2 {
        font-size: 20px !important;
        line-height: 22px !important;
    }

    /* Impressum page - main heading scale down */
    .page-impressum.section-impressum h2 {
        font-size: 20px !important;
        line-height: 22px !important;
    }

    /* Bewerbungsformular page - section headings scale down */
    .section-bewerbungsformular h2 {
        font-size: 20px !important;
        line-height: 22px !important;
    }

    /* Bewerbungsformular page - file upload text scale down */
    .section-bewerbungsformular .codedropz-upload-inner > div:first-child {
        font-size: 32px !important;
        line-height: 28px !important;
    }
}