/*
 * C4mulo5 Mega-Menü – Frontend CSS
 *
 * Hinweis: Der ::before/::after Fix wird dynamisch via Inline-CSS
 * aus PHP ausgegeben (steuerbar über Einstellungen → Kompatibilität).
 *
 * Autor: Nico Eberhardt – https://nico-eberhardt.de
 */

/* ── Untermenü: Grid nur wenn das Dropdown offen ist ────────
   Mesmerize setzt .hover auf das <li> wenn geöffnet.
   Bootstrap3: .open, Fallback: :hover ──────────────────── */
li.c4m5-mega-parent.hover     > ul,
li.c4m5-mega-parent.open      > ul,
li.c4m5-mega-parent:hover     > ul,
li.c4m5-mega-parent[data-selected-item] > ul {
    display:        grid !important;
    grid-auto-flow: column !important;
    box-shadow:     0 6px 24px rgba(0, 0, 0, .12);
    border-radius:  0 4px 4px 4px;
}

/* ── Links im Grid-Dropdown ─────────────────────────────── */
li.c4m5-mega-parent.hover     > ul > li > a,
li.c4m5-mega-parent.open      > ul > li > a,
li.c4m5-mega-parent:hover     > ul > li > a,
li.c4m5-mega-parent[data-selected-item] > ul > li > a {
    white-space:   nowrap;
    padding-left:  18px;
    padding-right: 18px;
}

/* ── Hauptmenü-Spalten (nur wenn explizit aktiviert) ─────── */
ul.c4m5-main-cols {
    box-sizing: border-box;
}
ul.c4m5-main-cols > li {
    box-sizing: border-box;
}

/* ── Mobil: alles zurücksetzen ───────────────────────────── */
@media (max-width: 991px) {
    li.c4m5-mega-parent.hover     > ul,
    li.c4m5-mega-parent.open      > ul,
    li.c4m5-mega-parent:hover     > ul {
        display:            block !important;
        grid-auto-flow:     unset !important;
        grid-template-rows: unset !important;
        min-width:          unset !important;
    }
    ul.c4m5-main-cols {
        display:            block !important;
        grid-auto-flow:     unset !important;
        grid-template-rows: unset !important;
    }
}