/*
 * Plugin / page leftovers.
 * Kept here when the selector is page-specific, plugin-specific,
 * or not confirmed in theme templates.
 */

/* ─── Ansicht wählen (not found on theme templates / current page markup) ─── */
.ansicht-waehlen{
    position: relative;
    z-index: 10;
    width: calc(100% - 60px);
    max-width: 1480px;
    margin: -105px auto 0;
    padding: 16px 24px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.075);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    box-shadow:
        0 4px 20px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
    color: #fff;
}
.ansicht-waehlen > .wp-block-columns{
    margin: 0;
    align-items: center;
}
.ansicht-waehlen > .wp-block-columns > .wp-block-column{
    text-align: center;
}
.ansicht-waehlen > .wp-block-columns > .wp-block-column img{
    display: inline-block;
    margin-bottom: 4px;
}
.ansicht-waehlen > .wp-block-columns > .wp-block-column p{
    margin: 0;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

@media (max-width: 700px){
    .ansicht-waehlen{
        width: calc(100% - 20px);
        margin-top: -40px;
        padding: 14px 12px;
    }
    .ansicht-waehlen > .wp-block-columns{
        gap: 10px;
    }
}

/* ─── WP navigation submenu (not confirmed on current header) ─────────────── */
@media (min-width: 782px){
    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.has-child{
        position: relative !important;
    }
    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container{
        position: absolute !important;
        top: calc(100% + 37px) !important;
        left: -15px !important;
        right: auto !important;
        margin: 0 !important;
        background: #ffffff !important;
        border: none !important;
        border-radius: 0 !important;
        width: max-content !important;
        max-width: 420px !important;
        padding: 12px 0 !important;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12) !important;
        z-index: 999999 !important;
    }
    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container::before{
        content: "";
        position: absolute;
        left: 0;
        top: -41px;
        width: 100%;
        height: 41px;
        background: transparent;
        display: block;
    }
    .wp-block-navigation .wp-block-navigation__submenu-container > .wp-block-navigation-item{
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
    }
    .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 14px 32px !important;
        background: transparent !important;
        color: #4a4f55 !important;
        font-family: inherit !important;
        font-size: 17px !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;
        letter-spacing: 0.04em !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        transition: color 0.15s ease, background-color 0.15s ease !important;
    }
    .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{
        background: transparent !important;
        color: #8A1E81 !important;
    }
    .wp-block-navigation .wp-block-navigation__submenu-container{
        outline: none !important;
    }
    .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item.has-child{
        position: relative !important;
    }
    .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container{
        position: absolute !important;
        top: 0 !important;
        left: 100% !important;
        right: auto !important;
        margin: 0 !important;
        background: #ffffff !important;
        padding: 10px 0 !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12) !important;
        z-index: 999999 !important;
    }
    .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle{
        color: #4a4f55 !important;
        margin-right: 12px !important;
    }
    .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:hover > .wp-block-navigation-submenu__toggle{
        color: #8A1E81 !important;
    }
}

@media (max-width: 781px){
    .wp-block-navigation .wp-block-navigation__submenu-container{
        position: static !important;
        width: 100% !important;
        margin: 0 !important;
        padding-left: 18px !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }
    .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item{
        width: 100% !important;
        margin: 0 !important;
        background: transparent !important;
    }
    .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
        display: block !important;
        width: 100% !important;
        padding: 8px 0 !important;
        background: transparent !important;
        font-size: 14px !important;
        color: inherit !important;
        text-decoration: none !important;
    }
    .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{
        color: #8A1E81 !important;
    }
}