/* =========================================================
   MOBILE H1 SUBCATEGORY FROM V48
   =========================================================
   Basis:
   - Deine finale V43 bleibt für Grid/Badges aktiv.
   - Diese Datei ist NUR für die Header/H1-Section in show_subcategory.
   - Optik orientiert sich am besten Stand aus mobile_shop_patch_v48.css.

   Keine Badge-Regeln.
   Keine Grid-Regeln.
   Keine Produktkarten-Regeln.
   Keine Preis-Regeln.
   ========================================================= */

@media (max-width: 760px) {

    /* Header-Block show_subcategory */
    body.page-category.page-subcategory main#page-content-wrapper .subcategory-page-header,
    body.page-category.page-subcategory main#page-content-wrapper .service-page-header.subcategory-page-header,
    body.page-subcategory main#page-content-wrapper .subcategory-page-header,
    body.page-subcategory main#page-content-wrapper .service-page-header.subcategory-page-header {
        margin-top: 7px !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    /*
       Sichtbare Headline in show_subcategory ist NICHT h1,
       sondern .subcategory-breadcrumb.
       Das echte h1 bleibt für SEO versteckt.
    */
    body.page-category.page-subcategory main#page-content-wrapper .subcategory-breadcrumb,
    body.page-subcategory main#page-content-wrapper .subcategory-breadcrumb {
        display: block !important;
        font-size: 0 !important;
        line-height: 1.16 !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        color: #222 !important;
        text-transform: none !important;
        border: 0 !important;
        background: transparent !important;
    }

    body.page-category.page-subcategory main#page-content-wrapper .subcategory-breadcrumb a,
    body.page-subcategory main#page-content-wrapper .subcategory-breadcrumb a {
        display: inline-block !important;
        font-size: 22px !important;
        line-height: 1.15 !important;
        font-weight: 300 !important;
        letter-spacing: -0.035em !important;
        color: #222 !important;
        text-transform: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        text-decoration: none !important;
    }

    /*
       Unterkategorie nicht in der großen ersten Zeile.
       Sie bleibt unten im Subtitle erhalten.
    */
    body.page-category.page-subcategory main#page-content-wrapper .subcategory-breadcrumb span,
    body.page-subcategory main#page-content-wrapper .subcategory-breadcrumb span {
        display: none !important;
    }

    /*
       Falls im Template ein » als Text zwischen Link und Span steht:
       Der Parent hat font-size:0; nur der Link wird sichtbar.
       Kein extra Pfeil aus CSS, damit V48-Optik nicht doppelt wird.
    */
    body.page-category.page-subcategory main#page-content-wrapper .subcategory-breadcrumb::after,
    body.page-subcategory main#page-content-wrapper .subcategory-breadcrumb::after,
    body.page-category.page-subcategory main#page-content-wrapper .subcategory-breadcrumb a::after,
    body.page-subcategory main#page-content-wrapper .subcategory-breadcrumb a::after {
        display: none !important;
        content: none !important;
    }

    /* Subtitle show_subcategory */
    body.page-category.page-subcategory main#page-content-wrapper .subcategory-page-subtitle,
    body.page-category.page-subcategory main#page-content-wrapper .service-page-subtitle.subcategory-page-subtitle,
    body.page-subcategory main#page-content-wrapper .subcategory-page-subtitle,
    body.page-subcategory main#page-content-wrapper .service-page-subtitle.subcategory-page-subtitle {
        display: block !important;
        margin: 0 0 18px 0 !important;
        padding: 0 !important;
        font-size: 14px !important;
        line-height: 1.32 !important;
        font-weight: 300 !important;
        letter-spacing: -0.015em !important;
        color: #999 !important;
        background: transparent !important;
        border: 0 !important;
    }

    body.page-category.page-subcategory main#page-content-wrapper .subcategory-page-subtitle strong,
    body.page-category.page-subcategory main#page-content-wrapper .service-page-subtitle.subcategory-page-subtitle strong,
    body.page-subcategory main#page-content-wrapper .subcategory-page-subtitle strong,
    body.page-subcategory main#page-content-wrapper .service-page-subtitle.subcategory-page-subtitle strong {
        font-size: inherit !important;
        line-height: inherit !important;
        font-weight: 400 !important;
        color: #555 !important;
    }

    /* Trennlinie direkt unter Header */
    body.page-category.page-subcategory main#page-content-wrapper .subcategory-page-header + hr.dotted,
    body.page-category.page-subcategory main#page-content-wrapper .subcategory-page-header + hr.dotted.red,
    body.page-subcategory main#page-content-wrapper .subcategory-page-header + hr.dotted,
    body.page-subcategory main#page-content-wrapper .subcategory-page-header + hr.dotted.red {
        margin: 0 0 16px 0 !important;
        padding: 0 !important;
        border-top: 1px solid #e6e6e6 !important;
        background: none !important;
    }

    /* echtes SEO-h1 bleibt versteckt */
    body.page-category.page-subcategory main#page-content-wrapper h1.visually-hidden,
    body.page-subcategory main#page-content-wrapper h1.visually-hidden {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }
}