/* =========================================================
   belisoft Navigation Overrides
   Submenüs auf Desktop automatisch per Mouseover öffnen
   ========================================================= */

@media (min-width: 992px) and (hover: hover) {

    .navbar .dropdown:hover > .dropdown-menu,
    .navbar .dropdown:focus-within > .dropdown-menu,
    #primary-nav .dropdown:hover > .dropdown-menu,
    #primary-nav .dropdown:focus-within > .dropdown-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
    }

    .navbar .dropdown > .dropdown-menu,
    #primary-nav .dropdown > .dropdown-menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        transform: translateY(7px);

        transition:
            opacity .16s ease,
            transform .16s ease,
            visibility .16s ease;
    }

    .navbar .dropdown > .dropdown-menu::before,
    #primary-nav .dropdown > .dropdown-menu::before {
        content: "";
        position: absolute;
        top: -8px;
        left: 0;
        width: 100%;
        height: 8px;
    }

    .navbar .dropdown-menu .dropdown-menu,
    #primary-nav .dropdown-menu .dropdown-menu {
        top: 0 !important;
        left: 100% !important;
        margin-top: 0 !important;
        margin-left: 2px !important;
    }

    .navbar .dropdown-menu .dropdown:hover > .dropdown-menu,
    .navbar .dropdown-menu .dropdown:focus-within > .dropdown-menu,
    #primary-nav .dropdown-menu .dropdown:hover > .dropdown-menu,
    #primary-nav .dropdown-menu .dropdown:focus-within > .dropdown-menu {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
    }
}

/* =========================================================
   Globaler WHMCS-Footer-Fix
   Leere Hilfsformulare nach dem Footer verursachen ansonsten
   einen sichtbaren Abstand unterhalb des Footers.
   ========================================================= */

body > #footer ~ form {
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
}

body > #footer ~ form:not(:has(input:not([type="hidden"]), button, textarea, select)) {
    display: none !important;
}