/*
 Theme Name: Divi Madesoft Child Theme
 Description: Divi Child Theme
 Author: Madesoft - The Second Soft System
 Author URI: http://madesoft.de/
 Template: Divi
 Version: 1.0
*/

/*
You can start adding your own styles here. Use !important to overwrite styles if needed. */

/* ==============================
   DESKTOP: Submenüs immer sichtbar
   ============================== */

/* Untermenüs immer sichtbar unter den Oberpunkten */
#et-top-navigation #top-menu-nav > ul#top-menu > li.menu-item-has-children > ul.sub-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important;
    transform: none !important;
    box-shadow: none !important;
    margin-top: 10px !important;
    margin-left: 10px !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
    background: none !important;
}

/* Hover-/Show-/Hide-Logik komplett neutralisieren */
#et-top-navigation #top-menu-nav > ul#top-menu > li.menu-item-has-children:hover > ul.sub-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* Oberpunkte als reine Titel – kein Link, keine Fläche */
#et-top-navigation #top-menu-nav > ul#top-menu > li.menu-section-title > a {
    pointer-events: none !important;
    cursor: default !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    padding: 0 !important;
    margin: 0.5em 0 0.25em 0 !important;
    background: none !important;
    border: none !important;
}

/* Unterpunkte neutralisieren – keine Einrückung, kein Uppercase */
#et-top-navigation #top-menu-nav > ul#top-menu > li.menu-item-has-children > ul.sub-menu > li > a {
    padding: 0 !important;
    margin: 0 !important;
    font-weight: 400 !important;
    text-transform: none !important;   /* ← verhindert Uppercase */
}

/* Zusätzliche Sicherheitsregeln gegen Divi-Einrückungen */
#et-top-navigation #top-menu-nav ul.sub-menu li {
    margin: 0 !important;
    padding: 0 !important;
}
#et-top-navigation #top-menu-nav ul.sub-menu li a {
    margin: 0 !important;
    padding: 0 !important;
}

/* Pseudo-Elemente sicher killen */
#top-menu a::before,
#top-menu a::after {
    content: none !important;
}


/* ==============================
   MOBILE: Submenüs immer sichtbar
   ============================== */

/* Untermenüs im mobilen Menü immer sichtbar unter den Oberpunkten */
#et_mobile_nav_menu ul#mobile_menu.et_mobile_menu li.menu-item-has-children > ul.sub-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important;
    transform: none !important;
    box-shadow: none !important;
    margin-top: 10px !important;
    margin-left: 10px !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
    background: none !important;
}

/* Oberpunkte als reine Titel – kein Link, keine Fläche (Mobile) */
#et_mobile_nav_menu ul#mobile_menu.et_mobile_menu li.menu-section-title > a {
    pointer-events: none !important;
    cursor: default !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    padding: 0 !important;
    margin: 0.5em 0 0.25em 0 !important;
    background: none !important;
    border: none !important;
}

/* Unterpunkte neutral – keine Extra-Einrückung, kein Uppercase (Mobile) */
#et_mobile_nav_menu ul#mobile_menu.et_mobile_menu li.menu-item-has-children > ul.sub-menu li a {
    padding: 0 !important;
    margin: 0 !important;
    font-weight: 400 !important;
    text-transform: none !important;
}

/* Einrückungen der LI-Elemente im Submenü killen (Mobile) */
#et_mobile_nav_menu ul#mobile_menu.et_mobile_menu ul.sub-menu li {
    margin: 0 !important;
    padding: 0 !important;
}

/* Divi-Pfeil/Toggler im Mobile-Menü entfernen */
#et_mobile_nav_menu ul#mobile_menu.et_mobile_menu li.menu-item-has-children > a:after {
    content: none !important;
}