/**
 * Loaded after style.css and color.css.
 * The classic base stylesheet uses #navigation (id) and hardcoded #66676b in places;
 * color.css targets .navigation (class), so those rules never override.
 * All accent values here use :root variables from theme_color_root.blade.php only.
 */

#navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a:after,
#navigation ul ul.dropdown-nav li:hover a:after,
#navigation ul li:hover a:after {
    color: var(--theme-color-1) !important;
    background: var(--theme-color-0_13) !important;
    opacity: 0.8;
}

#navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a:after,
#navigation ul ul.dropdown-nav li:hover a:after {
    color: #fff !important;
    background-color: var(--theme-color-1) !important;
    opacity: 1;
}

#navigation ul li a.current {
    color: var(--theme-color-1) !important;
}

#navigation ul li a.current:after {
    color: var(--theme-color-1) !important;
    background: var(--theme-color-0_13) !important;
    opacity: 0.8;
}

#navigation ul li:hover a {
    color: var(--theme-color-1) !important;
}

.transparent-header #navigation > ul li:hover ul li:hover a:after,
.transparent-header #navigation > ul li:hover a:after,
.transparent-header #navigation > ul li a.current:after {
    color: #fff !important;
    background: var(--theme-color-1) !important;
}

.mm-menu em.mm-counter {
    background-color: var(--theme-color-1) !important;
}

.language-switcher.bootstrap-select.btn-group.open button,
.language-switcher.bootstrap-select.btn-group button:hover {
    background-color: var(--theme-color-1) !important;
    color: #fff !important;
}

table.basic-table th {
    background-color: var(--theme-color-1) !important;
}