/**
 * Mobile Header Fix - Konsistente Header-Darstellung auf allen Seiten
 * Healing Haven - Twenty Twenty-Three Theme
 *
 * Problem: buchung-haven Plugin überschreibt Header-Padding auf Mobile
 * Lösung: Sehr spezifische Selektoren mit hoher Priorität
 */

/* ============================================
   HEADER SCHUTZ VOR PLUGIN-OVERRIDES
   WICHTIG: Sehr hohe Spezifität um Plugin-CSS zu überschreiben!
   ============================================ */

@media (max-width: 768px) {
    /* Maximale Spezifität für User-Dashboard Seiten
     * Diese Regeln müssen das Plugin-CSS überschreiben!
     */
    body.hhc-has-user-dashboard header.site-header.wp-block-group,
    body.hhc-has-user-dashboard header[class*="site-header"],
    body.hhc-has-user-dashboard .wp-block-group.site-header.has-base-background-color,
    body.hhc-has-user-dashboard div.wp-block-group.site-header {
        padding-left: var(--wp--preset--spacing--40) !important;
        padding-right: var(--wp--preset--spacing--40) !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Allgemeine Regel für ALLE Seiten */
    html body header.site-header.wp-block-group,
    html body header.site-header,
    html body .wp-block-group.site-header,
    html body div.wp-block-group.site-header {
        padding-left: var(--wp--preset--spacing--40) !important;
        padding-right: var(--wp--preset--spacing--40) !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Zusätzliche Absicherung: Direktes Kind-Element im Header */
    body.hhc-has-user-dashboard header.site-header > .wp-block-group:first-child,
    body header.site-header > .wp-block-group:first-child {
        margin: 0 !important;
    }

    /* ============================================
       KONTO-BUTTON ANKLICKBAR MACHEN
       ============================================ */

    /* Konto-Button/Link - Immer anklickbar mit höchstem z-index */
    header .hh-user-menu-toggle,
    header .wp-block-navigation-item.hh-user-menu-toggle,
    button.hh-user-menu-toggle,
    a.hh-user-menu-toggle {
        z-index: 9999 !important;
        position: relative !important;
        pointer-events: auto !important;
        cursor: pointer !important;
    }

    /* SVG soll Klicks durchlassen */
    header .hh-user-menu-toggle svg,
    button.hh-user-menu-toggle svg,
    a.hh-user-menu-toggle svg {
        pointer-events: none !important;
    }

    /* Größere Klickfläche für bessere Usability */
    header .hh-user-menu-toggle::before,
    a.hh-user-menu-toggle::before {
        content: '' !important;
        position: absolute !important;
        inset: -8px !important;
        z-index: -1 !important;
        pointer-events: auto !important;
    }
}