/* =========================================================
   MOBILE H1 PRODUCTLIST V6 FROZEN
   V6-FROZEN: Produktlisten-Header final 1px tiefer
   =========================================================
   Gilt nur für:
   - show_updates.php
   - show_bestseller.php
   - search_result.php

   Struktur dieser Seiten:
   - echtes h1 ist visually-hidden
   - sichtbare Headline ist h2
   - Header ist .product-list-page-header

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

@media (max-width: 760px) {

    /*
       Produktlisten-Header:
       bewusst nur page-product-list.
       show_category und show_subcategory bleiben getrennt.
    */
    body.page-product-list main#page-content-wrapper header.product-list-page-header {
        margin-top: 8px !important;
        margin-left: -2px !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    /*
       Sichtbare Headline ist h2, nicht h1.
    */
    body.page-product-list main#page-content-wrapper header.product-list-page-header > h2 {
        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-product-list main#page-content-wrapper header.product-list-page-header > .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-product-list main#page-content-wrapper header.product-list-page-header > .subtitle strong {
        font-size: inherit !important;
        line-height: inherit !important;
        font-weight: 400 !important;
        color: #555 !important;
    }

    body.page-product-list main#page-content-wrapper header.product-list-page-header + hr.dotted,
    body.page-product-list main#page-content-wrapper header.product-list-page-header + hr.dotted.red {
        margin: 0 0 16px 0 !important;
        padding: 0 !important;
        border-top: 1px solid #e6e6e6 !important;
        background: none !important;
    }

    /*
       search_result kann je nach Template zusätzlich .row-h1 nutzen.
       Nur Header-/Headline-Bereich, keine Produktliste.
    */
    body.page-product-list.page-search-results main#page-content-wrapper .row-h1 {
        margin-top: 8px !important;
        margin-left: -2px !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    body.page-product-list.page-search-results main#page-content-wrapper .row-h1 > h2 {
        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-product-list.page-search-results main#page-content-wrapper .row-h1 > .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;
    }

    /*
       SEO-H1 bleibt sicher versteckt.
    */
    body.page-product-list 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;
    }
}


/* =========================================================
   BESTSELLER DESKTOP H1 SECTION V11 DIRECT
   Referenz: show_category V61
   Fix:
   - H1-CSS wird in show_bestseller.php nach Header/Sidebar-CSS geladen
   - Verschiebung direkt auf h2 und p.subtitle, nicht nur auf Container
   - keine Grid-/Sidebar-/Produktkarten-Regeln
   ========================================================= */
@media (min-width: 1024px) {
    body.page-bestseller.page-product-list main#page-content-wrapper.product-list-page header.subcategory-page-header.product-list-page-header,
    body.page-bestseller.page-product-list .category-page.product-list-content > header.subcategory-page-header.product-list-page-header,
    body.page-bestseller.page-product-list header.subcategory-page-header.product-list-page-header {
        margin: 0 0 34px 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        max-width: 760px !important;
        text-align: left !important;
        position: relative !important;
        transform: translate(-60px, -7px) !important;
    }

    body.page-bestseller.page-product-list header.subcategory-page-header.product-list-page-header > h2 {
        display: block !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        color: #111 !important;
        font-size: 32px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
        letter-spacing: -0.3px !important;
        text-transform: uppercase !important;
        border: 0 !important;
        background: transparent !important;
        position: relative !important;
        left: 9px !important;
        top: 6px !important;
        transform: none !important;
    }

    body.page-bestseller.page-product-list header.subcategory-page-header.product-list-page-header > p.subtitle {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #666 !important;
        font-size: 16px !important;
        line-height: 1.5 !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
        background: transparent !important;
        border: 0 !important;
        position: relative !important;
        left: 9px !important;
        top: 13px !important;
        transform: none !important;
    }

    body.page-bestseller.page-product-list main#page-content-wrapper.product-list-page 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;
    }
}


/* =========================================================
   UPDATES DESKTOP H1 SECTION V12 DIRECT
   Referenz: show_category V61 + Bestseller V11
   Fix:
   - H1-CSS wird in show_updates.php nach Header/Sidebar-CSS geladen
   - Verschiebung direkt auf h2 und p.subtitle
   - keine Grid-/Sidebar-/Produktkarten-Regeln
   ========================================================= */
@media (min-width: 1024px) {
    body.page-updates.page-product-list main#page-content-wrapper.product-list-page header.subcategory-page-header.product-list-page-header,
    body.page-updates.page-product-list .category-page.product-list-content > header.subcategory-page-header.product-list-page-header,
    body.page-updates.page-product-list header.subcategory-page-header.product-list-page-header {
        margin: 0 0 34px 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        max-width: 760px !important;
        text-align: left !important;
        position: relative !important;
        transform: translate(-60px, -7px) !important;
    }

    body.page-updates.page-product-list header.subcategory-page-header.product-list-page-header > h2 {
        display: block !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        color: #111 !important;
        font-size: 32px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
        letter-spacing: -0.3px !important;
        text-transform: uppercase !important;
        border: 0 !important;
        background: transparent !important;
        position: relative !important;
        left: 9px !important;
        top: 6px !important;
        transform: none !important;
    }

    body.page-updates.page-product-list header.subcategory-page-header.product-list-page-header > p.subtitle {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #666 !important;
        font-size: 16px !important;
        line-height: 1.5 !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
        background: transparent !important;
        border: 0 !important;
        position: relative !important;
        left: 9px !important;
        top: 13px !important;
        transform: none !important;
    }

    body.page-updates.page-product-list main#page-content-wrapper.product-list-page 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;
    }
}


/* =========================================
   PRODUCTLIST DESKTOP BOTTOM PAGER LINE FIX V14
   Nur Ergänzung auf finaler H1-Basis:
   - Linie vor dem unteren Pager ausblenden
   - Abstand oberhalb des unteren Pagers wie search_result
   - H1-Regeln bleiben aus finaler Basis erhalten
   ========================================= */
@media (min-width: 1024px) {
    body.page-bestseller .product-list-bottom-toolbar,
    body.page-bestseller .subcategory-toolbar-bottom,
    body.page-bestseller .subcategory-toolbar.product-list-bottom-toolbar,
    body.page-updates .product-list-bottom-toolbar,
    body.page-updates .subcategory-toolbar-bottom,
    body.page-updates .subcategory-toolbar.product-list-bottom-toolbar {
        border-top: 0 !important;
        box-shadow: none !important;
        background-image: none !important;
        margin-top: 54px !important;
        padding-top: 0 !important;
    }

    body.page-bestseller .category-product-grid + .subcategory-toolbar,
    body.page-bestseller .category-product-grid + .subcategory-toolbar-bottom,
    body.page-bestseller .category-product-grid + .product-list-bottom-toolbar,
    body.page-updates .category-product-grid + .subcategory-toolbar,
    body.page-updates .category-product-grid + .subcategory-toolbar-bottom,
    body.page-updates .category-product-grid + .product-list-bottom-toolbar {
        border-top: 0 !important;
        margin-top: 54px !important;
        padding-top: 0 !important;
    }

    body.page-bestseller .product-list-bottom-toolbar::before,
    body.page-bestseller .subcategory-toolbar-bottom::before,
    body.page-updates .product-list-bottom-toolbar::before,
    body.page-updates .subcategory-toolbar-bottom::before {
        display: none !important;
        content: none !important;
        border: 0 !important;
        background: transparent !important;
    }

    body.page-bestseller .product-list-bottom-toolbar .subcategory-pager,
    body.page-bestseller .subcategory-toolbar-bottom .subcategory-pager,
    body.page-updates .product-list-bottom-toolbar .subcategory-pager,
    body.page-updates .subcategory-toolbar-bottom .subcategory-pager {
        border-top: 0 !important;
        padding-top: 0 !important;
    }
}


/* =========================================
   SHOW UPDATES DESKTOP ALERT CONTACT STYLE V15
   Eingefrorenes Alert-Design wie search_result/contact_form:
   rechte Kante 29px nach links.
   ========================================= */
@media (min-width: 1024px) {
    body.page-updates main#page-content-wrapper.product-list-page .alert.alert-danger,
    body.page-updates .product-list-page .alert.alert-danger {
        width: calc(100% - 29px) !important;
        max-width: calc(100% - 29px) !important;
        margin: 34px 29px 52px 0 !important;
        padding: 20px 22px 20px 22px !important;
        border: 1px solid #dcdcdc !important;
        border-left: 4px solid #e30613 !important;
        background: #fff !important;
        box-sizing: border-box !important;
        color: #111 !important;
        min-height: 0 !important;
    }

    body.page-updates main#page-content-wrapper.product-list-page .alert.alert-danger p,
    body.page-updates .product-list-page .alert.alert-danger p {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        color: #e30613 !important;
        font-size: 14px !important;
        line-height: 1.45 !important;
    }
}


/* =========================================
   SHOW BESTSELLER DESKTOP ALERT CONTACT STYLE V16
   Eingefrorenes Alert-Design wie search_result/contact_form:
   rechte Kante 29px nach links.
   ========================================= */
@media (min-width: 1024px) {
    body.page-bestseller main#page-content-wrapper.product-list-page .alert.alert-danger,
    body.page-bestseller .product-list-page .alert.alert-danger {
        width: calc(100% - 29px) !important;
        max-width: calc(100% - 29px) !important;
        margin: 34px 29px 52px 0 !important;
        padding: 20px 22px 20px 22px !important;
        border: 1px solid #dcdcdc !important;
        border-left: 4px solid #e30613 !important;
        background: #fff !important;
        box-sizing: border-box !important;
        color: #111 !important;
        min-height: 0 !important;
    }

    body.page-bestseller main#page-content-wrapper.product-list-page .alert.alert-danger p,
    body.page-bestseller .product-list-page .alert.alert-danger p {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        color: #e30613 !important;
        font-size: 14px !important;
        line-height: 1.45 !important;
    }
}