/*
 * ButtonsStandardDropdown — dropdown menu contrast
 *
 * The dropdown menu is a white box, but its links are <a> elements that inherit
 * their surrounding section's text colour. On a dark card that colour is light-blue
 * (#89d2ff), so the menu items render light-blue-on-white and are almost unreadable
 * — exactly the app-download dropdown on the dark app-warenwirtschaft / erp-app card.
 *
 * The card forces that light-blue through TWO !important theme rules that also match
 * the menu link: `.text-tertiary a:not(.btn):not(.readmore-button){color:inherit!important}`
 * and `section.product-support-section.orange .basic-card-widget …{color:#89d2ff!important}`.
 * A normal rule cannot win against !important, so this sheet uses !important and a
 * repeated `.dropdown-item` class to raise specificity above the card rule (0,4,2).
 *
 * Scope: `.btn-group > .dropdown-menu` targets ONLY this component's menu — the site
 * nav / mobile-menu dropdowns are `.nav-item.dropdown > .dropdown-menu` and are not
 * matched. Structural, language-neutral hooks (works on both DE and EN twins). The
 * item colour is dark-on-white so it stays readable whether the card behind the menu
 * is dark or light; the light-section dropdowns (releases, video-tutorials) only sharpen.
 */

.btn-group > .dropdown-menu a.dropdown-item.dropdown-item:not(.btn) {
    color: #0b1b45 !important;                 /* dark-blue — readable on the white menu */
    -webkit-text-fill-color: #0b1b45 !important;
    font-weight: 500;
}

.btn-group > .dropdown-menu a.dropdown-item.dropdown-item:not(.btn):hover,
.btn-group > .dropdown-menu a.dropdown-item.dropdown-item:not(.btn):focus,
.btn-group > .dropdown-menu a.dropdown-item.dropdown-item:not(.btn).active {
    background-color: #0b1b45 !important;      /* navy row on hover... */
    color: #fff !important;                    /* ...with white label */
    -webkit-text-fill-color: #fff !important;
}