/* =========================================================
   MOBILE H1 CATEGORY V52
   V52-Finetuning: weitere 2px höher, Header-Block 2px nach links
   =========================================================
   Gilt nur für:
   - show_category.php

   Basis:
   - Grid/Badges bleiben in deiner finalen V43.
   - Diese Datei enthält NUR die mobile Header/H1-Section
     für show_category.
   - Keine Grid-Regeln.
   - Keine Badge-Regeln.
   - Keine Produktkarten-Regeln.
   - Keine Preis-Regeln.
   ========================================================= */

@media (max-width: 760px) {

    /*
       Top-Align zu show_subcategory:
       V43 setzt category-page-main mobil auf padding-top: 28px.
       show_subcategory landet durch seinen Page-Patch bei ca. 18px.
       Deshalb stand show_category optisch ca. 10-15px tiefer.
       Nur Header-Bühne, kein Grid/Badge.
    */
    body.page-category:not(.page-subcategory):not(.page-item) #page-content-wrapper.category-page-main {
        padding-top: 13px !important;
    }


    /*
       show_category hat ein sichtbares echtes H1 im Header:
       <header class="service-page-header category-page-header">
           <h1>...</h1>
           <p class="service-page-subtitle">...</p>
       </header>

       Zusätzlich kann später ein h1.visually-hidden kommen.
       Dieses bleibt unangetastet/versteckt.
    */

    body.page-category:not(.page-subcategory):not(.page-item) main#page-content-wrapper .category-page-header,
    body.page-category:not(.page-subcategory):not(.page-item) main#page-content-wrapper .service-page-header.category-page-header {
        margin-top: 7px !important;
        margin-left: -2px !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    body.page-category:not(.page-subcategory):not(.page-item) main#page-content-wrapper .category-page-header > h1:not(.visually-hidden),
    body.page-category:not(.page-subcategory):not(.page-item) main#page-content-wrapper .service-page-header.category-page-header > h1:not(.visually-hidden) {
        display: block !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !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;
        border: 0 !important;
        background: transparent !important;
    }

    body.page-category:not(.page-subcategory):not(.page-item) main#page-content-wrapper .category-page-header > .service-page-subtitle,
    body.page-category:not(.page-subcategory):not(.page-item) main#page-content-wrapper .category-page-header > .category-page-subtitle,
    body.page-category:not(.page-subcategory):not(.page-item) main#page-content-wrapper .service-page-header.category-page-header > .service-page-subtitle,
    body.page-category:not(.page-subcategory):not(.page-item) main#page-content-wrapper .service-page-header.category-page-header > .category-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:not(.page-subcategory):not(.page-item) main#page-content-wrapper .category-page-header > .service-page-subtitle strong,
    body.page-category:not(.page-subcategory):not(.page-item) main#page-content-wrapper .category-page-header > .category-page-subtitle strong,
    body.page-category:not(.page-subcategory):not(.page-item) main#page-content-wrapper .service-page-header.category-page-header > .service-page-subtitle strong,
    body.page-category:not(.page-subcategory):not(.page-item) main#page-content-wrapper .service-page-header.category-page-header > .category-page-subtitle strong {
        font-size: inherit !important;
        line-height: inherit !important;
        font-weight: 400 !important;
        color: #555 !important;
    }

    body.page-category:not(.page-subcategory):not(.page-item) main#page-content-wrapper .category-page-header + hr.dotted,
    body.page-category:not(.page-subcategory):not(.page-item) main#page-content-wrapper .category-page-header + hr.dotted.red,
    body.page-category:not(.page-subcategory):not(.page-item) main#page-content-wrapper .service-page-header.category-page-header + hr.dotted,
    body.page-category:not(.page-subcategory):not(.page-item) main#page-content-wrapper .service-page-header.category-page-header + hr.dotted.red {
        margin: 0 0 16px 0 !important;
        padding: 0 !important;
        border-top: 1px solid #e6e6e6 !important;
        background: none !important;
    }

    /* SEO-H1 bleibt sicher versteckt */
    body.page-category:not(.page-subcategory):not(.page-item) 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;
    }
}