/* Upper main-header controls only. Keep the blue brand color unchanged elsewhere. */
#header .burger-menu > div,
#header .burger-menu .gub-menu-icon > div {
    background-color: #111;
}

#header .burger-menu .gub-menu-label,
#header #menu-search-icon .icon-color-primary,
#header #menu-search-icon .text-primary,
#header [x-ref="menuServices"] .icon-color-primary,
#header [x-ref="menuServices"] .text-primary,
#header #customer-menu .icon-color-primary,
#header #customer-menu .text-primary,
#header #menu-cart-icon .icon-color-primary,
#header #menu-cart-icon .text-primary {
    color: #111;
}

#header .searchbar--first-type .action.search,
#header .searchbar--second-type .action.search {
    background-color: #111;
    color: #fff;
}

#header .searchbar--first-type .action.search:hover,
#header .searchbar--second-type .action.search:hover {
    background-color: #2b2b2b;
}

#header .searchbar--first-type .action.search:focus-visible,
#header .searchbar--second-type .action.search:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}