/* ============================================================
   PROFI PARTNER AG — Mobile CSS
   Datei: profi_partner_mobile.css
   Version: 1.2.10 — TEST: nur Header-Höhe reduziert, Logo unverändert
   Stand: 16. Juni 2026
   ============================================================ */

/* ========================================
   OFF-CANVAS PANEL (v1.2.0)
   ======================================== */

/* Panel Hintergrund */
#astroid-offcanvas {
    background-color: #3c3c3c !important;
}

#astroid-offcanvas .astroid-offcanvas-inner {
    background-color: #3c3c3c !important;
    padding: 10px 20px !important;
}

/* ── GLOBAL: alle Links weiß — Bootstrap --bs-link-color Override ── */
#astroid-offcanvas a,
#astroid-offcanvas .mod-menu a {
    color: #ffffff !important;
    text-decoration: none !important;
}

#astroid-offcanvas a:hover,
#astroid-offcanvas .mod-menu a:hover {
    color: #DA203D !important;
}

/* ── Hauptpunkte (Ebene 1) ── */
#astroid-offcanvas .mod-menu > ul > li.nav-item > a {
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 300 !important;
    text-decoration: none !important;
    padding: 10px 0 !important;
    display: block !important;
}

#astroid-offcanvas .mod-menu > ul > li.nav-item > a:hover {
    color: #DA203D !important;
}

/* Aktiver Hauptpunkt */
#astroid-offcanvas .mod-menu > ul > li.active > a,
#astroid-offcanvas .mod-menu > ul > li.current > a {
    color: #DA203D !important;
}

/* Trennlinie zwischen Hauptpunkten */
#astroid-offcanvas .mod-menu > ul > li.nav-item {
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

/* ── Kategorie-Header (uk-nav-header / Denkmalimmobilien etc.) ── */
#astroid-offcanvas .mod-menu .uk-nav-header,
#astroid-offcanvas .mod-menu a.uk-nav-header {
    color: #999999 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 8px 0 4px 0 !important;
    pointer-events: none !important;
    display: block !important;
}

/* ── Untermenü-Punkte (Ebene 2) ── */
#astroid-offcanvas .mod-menu ul a {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    text-decoration: none !important;
    padding: 6px 0 6px 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

#astroid-offcanvas .mod-menu ul a:hover {
    color: #DA203D !important;
}

/* ── Gestrichelte Baum-Linien entfernen ── */
#astroid-offcanvas .mod-menu ul.mod-menu__sub {
    border-left: none !important;
}

#astroid-offcanvas .mod-menu ul.mod-menu__sub > li > a::before {
    display: none !important;
    content: none !important;
}

/* ── „verkauft" Badge sichtbar lassen + stylen ── */
#astroid-offcanvas .mod-menu .menu-img {
    display: inline-block !important;
    height: 18px !important;
    width: auto !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}

/* ── Dropdown Toggle-Buttons ausblenden ── */
#astroid-offcanvas .mod-menu button,
#astroid-offcanvas .mod-menu .nav-child-toggle {
    display: none !important;
}

/* ── Untermenüs immer anzeigen ── */
#astroid-offcanvas .mod-menu ul.mod-menu__sub,
#astroid-offcanvas .mod-menu ul.nav-child {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
}

/* ── Close-Button ── */
#astroid-offcanvas button.close-offcanvas {
    display: block !important;
    color: #ffffff !important;
    font-size: 20px !important;
    opacity: 0.8 !important;
    background: transparent !important;
    border: none !important;
}

#astroid-offcanvas button.close-offcanvas:hover {
    color: #DA203D !important;
    opacity: 1 !important;
}

/* ========================================
   ENDE OFF-CANVAS (v1.2.0)
   ======================================== */

/* ========================================
   MOBILE HEADER — LOGO + HAMBURGER (v1.2.10)
   ======================================== */

@media (max-width: 991px) {

    /* Header-Padding: Logo + Hamburger nicht am Rand kleben (v1.2.2)
       Astroid Mobile nutzt kein .container — direkt auf den Flex-Wrapper */
    #astroid-header > .d-flex,
    #astroid-header {
        padding-left: 7px !important;
        padding-right: 7px !important;
        box-sizing: border-box !important;
    }

    /* Sticky-Header Mobile: gleiche Transparenz wie Desktop (v1.2.4)
       Vorher (v1.2.3): solider #3c3c3c Hintergrund, da zwei rgba-Layer
       sich zu dunklem Doppel-Grau stapelten. Jetzt: nur EIN Overlay-Layer
       aktiv (das ::before unten) — Sticky-Header selbst bleibt transparent,
       exakt wie auf Desktop. */
    #astroid-header,
    #astroid-sticky-header,
    header.astroid-header-sticky.sticky-loaded {
        background: transparent !important;
        background-color: transparent !important;
    }

    /* Einziger Overlay-Layer: identische rgba-Transparenz wie Desktop.
       .tm-header/.tm-headerbar bewusst NICHT hier neutralisiert,
       nur falls sie zusätzlich zum .astroid-header::before greifen —
       würden sonst erneut zwei Layer stapeln. */
    .astroid-header::before {
        background: rgba(0, 0, 0, 0.3) !important;
        display: block !important;
    }

    .tm-header::before,
    .tm-headerbar::before {
        background: transparent !important;
        display: none !important;
    }

    /* Logo-Klassen Mobile (v1.2.2) — max-height kommt aus Template-Einstellungen */
    .astroid-logo img.astroid-logo-mobile,
    .astroid-logo img.astroid-logo-default {
        width: auto !important;
        margin-left: 0 !important;
    }

        /* Hamburger: kein Extra-Margin nötig, Container hat 7px padding */
    .header-offcanvas-trigger.burger-menu-button,
    .offcanvas-button {
        margin-right: 0 !important;
    }
}

/* ========================================
   ENDE MOBILE HEADER (v1.2.10)
   ======================================== */