/*
 * GWC Mobile Menu Cleanup R1
 * - mobile Login/Registrieren werden im Blade-Layout entfernt (Installer)
 * - Serverseiten-Accordion bekommt im mobilen Menü dieselbe Kartenlogik wie die Hauptpunkte
 * - Desktop/Widescreen-Header-Login bleibt unberührt
 */

@media (max-width: 1050px) {
    body.gwc-modern-r6 #gwc-modern-mobile-nav details {
        display: block !important;
        grid-column: 1 / -1 !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    body.gwc-modern-r6 #gwc-modern-mobile-nav details > summary {
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        width: 100% !important;
        min-height: 54px !important;
        margin: 0 !important;
        padding: 14px 18px !important;
        list-style: none !important;
        border: 1px solid #2b4f76 !important;
        border-radius: 10px !important;
        background: linear-gradient(135deg, rgba(8,23,48,.98), rgba(3,12,30,.98)) !important;
        color: #f1f4fb !important;
        font: 800 15px/1.25 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        cursor: pointer !important;
        user-select: none !important;
        touch-action: manipulation !important;
        box-shadow: inset 0 0 0 1px rgba(74,157,231,.035), 0 6px 18px rgba(0,0,0,.16) !important;
        transition: border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
    }

    body.gwc-modern-r6 #gwc-modern-mobile-nav details > summary::-webkit-details-marker {
        display: none !important;
    }

    body.gwc-modern-r6 #gwc-modern-mobile-nav details > summary::marker {
        content: "" !important;
    }

    /* Dezentes Server-Symbol – ohne Emoji/Font-Abhängigkeit. */
    body.gwc-modern-r6 #gwc-modern-mobile-nav details > summary::before {
        content: "" !important;
        flex: 0 0 19px !important;
        width: 19px !important;
        height: 15px !important;
        border: 1.5px solid #57b9ff !important;
        border-radius: 4px !important;
        background:
            radial-gradient(circle at 4px 4px, #f0a51b 0 1.4px, transparent 1.7px),
            linear-gradient(to bottom, transparent 0 6px, rgba(87,185,255,.34) 6px 7px, transparent 7px 100%) !important;
        box-shadow: 0 0 12px rgba(56,166,255,.20) !important;
    }

    /* Eigener Chevron – der alte Textpfeil wird per kleinem JS entfernt. */
    body.gwc-modern-r6 #gwc-modern-mobile-nav details > summary::after {
        content: "" !important;
        flex: 0 0 9px !important;
        width: 9px !important;
        height: 9px !important;
        margin-left: auto !important;
        border-right: 2px solid #a9c6e4 !important;
        border-bottom: 2px solid #a9c6e4 !important;
        transform: rotate(45deg) translate(-2px, 2px) !important;
        transform-origin: center !important;
        transition: transform .18s ease, border-color .18s ease !important;
    }

    body.gwc-modern-r6 #gwc-modern-mobile-nav details[open] > summary {
        border-color: #3385bd !important;
        background: linear-gradient(135deg, rgba(12,38,72,.98), rgba(4,18,39,.98)) !important;
        box-shadow: inset 0 0 0 1px rgba(76,177,255,.08), 0 8px 22px rgba(0,0,0,.22) !important;
    }

    body.gwc-modern-r6 #gwc-modern-mobile-nav details[open] > summary::after {
        border-color: #66c6ff !important;
        transform: rotate(225deg) translate(-1px, 1px) !important;
    }

    body.gwc-modern-r6 #gwc-modern-mobile-nav details > summary:focus-visible {
        outline: 3px solid rgba(103,204,255,.78) !important;
        outline-offset: 2px !important;
    }

    /* Unterpunkte bewusst kompakter und eingerückt. */
    body.gwc-modern-r6 #gwc-modern-mobile-nav details > a,
    body.gwc-modern-r6 #gwc-modern-mobile-nav details > div > a,
    body.gwc-modern-r6 #gwc-modern-mobile-nav details > nav > a,
    body.gwc-modern-r6 #gwc-modern-mobile-nav details > ul a {
        box-sizing: border-box !important;
        width: calc(100% - 14px) !important;
        min-height: 44px !important;
        margin: 6px 0 0 14px !important;
        padding: 11px 14px !important;
        border: 1px solid rgba(46,91,132,.82) !important;
        border-radius: 9px !important;
        background: linear-gradient(135deg, rgba(7,23,43,.96), rgba(4,13,28,.96)) !important;
        color: #dfe9f5 !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
        text-transform: none !important;
        box-shadow: none !important;
    }

    body.gwc-modern-r6 #gwc-modern-mobile-nav details > a:first-of-type,
    body.gwc-modern-r6 #gwc-modern-mobile-nav details > div > a:first-child,
    body.gwc-modern-r6 #gwc-modern-mobile-nav details > nav > a:first-child {
        margin-top: 8px !important;
    }

    body.gwc-modern-r6 #gwc-modern-mobile-nav details a:hover,
    body.gwc-modern-r6 #gwc-modern-mobile-nav details a:focus-visible {
        border-color: rgba(70,163,226,.95) !important;
        background: linear-gradient(135deg, rgba(10,39,69,.98), rgba(5,21,40,.98)) !important;
        color: #fff !important;
    }

    body.gwc-modern-r6 #gwc-modern-mobile-nav details[open] {
        padding-bottom: 2px !important;
    }
}