:root {
    --wk-brand: #00263D;
    accent-color: var(--wk-brand);
}

.b-header-container .b-logo__item {
    display: block;
    width: 180px;
    max-width: 100%;
    height: auto;
}

.l-footer .b-company-info .b-logo__item {
    display: block;
    width: 156px;
    max-width: 100%;
    height: auto;
}

.b-catalog-menu__icon {
    flex: 0 0 30px;
}

.b-menu-wrapper .b-catalog-menu-toggle {
    box-shadow: inset -1px 0 rgb(255 255 255 / 20%);
}

.b-menu-wrapper .b-menu__item > a:hover,
.b-menu-wrapper .b-menu__item > a:focus-visible {
    text-decoration: underline;
    text-underline-offset: .22em;
}

.b-catalog-menu__item:hover .b-catalog-menu__icon,
.b-catalog-menu__item:focus-within .b-catalog-menu__icon {
    outline: 1px solid #fff;
    outline-offset: -1px;
    border-radius: 50%;
}

.b-search-button:hover,
header .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover {
    background-color: var(--wk-brand);
    opacity: .85;
}

.l-footer .header_social_block a img {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-st,
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-st strong,
.dgwt-wcas-suggestion-more .dgwt-wcas-st {
    color: var(--wk-brand);
}

.woof .irs-bar,
.woof .irs-from,
.woof .irs-to,
.woof .irs-single {
    background: var(--wk-brand);
}

.woof .irs-from::before,
.woof .irs-to::before,
.woof .irs-single::before {
    border-top-color: var(--wk-brand);
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: var(--wk-brand);
    color: #fff;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background: var(--wk-brand);
    color: #fff;
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background: var(--wk-brand);
    text-decoration: underline;
}

@media (max-width: 1024px) {
    .b-header-container .b-logo__item {
        width: 152px;
    }
}

@media (max-width: 767px) {
    .b-header-container .b-logo__item {
        width: 96px;
    }
}

@media (max-width: 480px) {
    .b-header-container .b-logo__item {
        width: 104px;
    }
}

:root {
    --wp--preset--color--cyan-bluish-gray: #aeb9bf;
    --wp--preset--color--pale-cyan-blue: #edf1f3;
    --wp--preset--color--vivid-cyan-blue: var(--wk-brand);
}

body .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit,
body .dgwt-wcas-om-bar .dgwt-wcas-om-return {
    background-color: var(--wk-brand);
}

body .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit::before {
    border-color: transparent var(--wk-brand);
}

body .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:focus::before {
    border-right-color: var(--wk-brand);
}

.slider-for.slick-slider .slick-arrow {
    background-size: 26px 26px;
    background-position: center;
}

/* These two existing promotional images have the old blue tint baked into the artwork. */
.b-main-slider img[src*="/smesy-i-dk_1500x1000_2-2.jpg"],
.b-main-slider img[src*="/du_1500x1000_1-580x280.jpg"] {
    filter: url("../img/brand/promo-palette.svg#blue-to-brand");
}

.b-call-center {
    background-position: center;
}

@media (min-width: 1231px) {
    .main__categories .left__banner--branded {
        vertical-align: bottom;
    }
}

:where(a:any-link) {
    color: var(--wk-brand);
}

.b-content-inner p a:any-link:not([class]) {
    color: var(--wk-brand);
    text-decoration: underline;
    text-underline-offset: .14em;
}

.woof a.woof_open_hidden_li_btn,
.woof a.woof_front_toggle {
    color: var(--wk-brand);
}

.woof a.woof_open_hidden_li_btn:hover {
    text-decoration: underline;
}

.wk-category-icon,
.wk-category-mini {
    border-radius: 50%;
    background-color: var(--wk-brand);
    background-image: radial-gradient(ellipse at 35% 20%, rgb(255 255 255 / 14%), transparent 68%);
}

.b-category-item .wk-category-icon {
    display: grid;
    place-items: center;
    width: min(150px, 100%);
    aspect-ratio: 1;
    margin-inline: auto;
}

.b-category-item .wk-category-icon > img {
    display: block;
    width: auto;
    height: auto;
    max-width: 78%;
    max-height: 78%;
    object-fit: contain;
}

.wk-category-mini::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("../img/brand/catalog-menu.png") var(--wk-mini-x, 0%) var(--wk-mini-y, 0%) / 400% 300% no-repeat;
}

.wk-category-mini--grid::before {
    background: url("../img/brand/categories/grid.png") center / 68% no-repeat;
}

.b-info-icon {
    position: relative;
}

.b-info-icon::before {
    position: absolute;
    inset: 0;
    width: 31px;
    height: 31px;
    margin: auto;
    background: url("../img/brand/services.png") var(--wk-service-x, 0%) var(--wk-service-y, 0%) / 300% 200% no-repeat;
}

.wk-category-mini--faucet { --wk-mini-x: 0.000000%; --wk-mini-y: 0%; }
.wk-category-mini--shower { --wk-mini-x: 33.333333%; --wk-mini-y: 0%; }
.wk-category-mini--enclosure { --wk-mini-x: 66.666667%; --wk-mini-y: 0%; }
.wk-category-mini--tray { --wk-mini-x: 100.000000%; --wk-mini-y: 0%; }
.wk-category-mini--accessories { --wk-mini-x: 0.000000%; --wk-mini-y: 50%; }
.wk-category-mini--decor { --wk-mini-x: 33.333333%; --wk-mini-y: 50%; }
.wk-category-mini--drain { --wk-mini-x: 66.666667%; --wk-mini-y: 50%; }
.wk-category-mini--spares { --wk-mini-x: 100.000000%; --wk-mini-y: 50%; }
.wk-category-mini--toilet { --wk-mini-x: 0.000000%; --wk-mini-y: 100%; }
.wk-category-mini--warmer { --wk-mini-x: 33.333333%; --wk-mini-y: 100%; }
.wk-category-mini--installation { --wk-mini-x: 66.666667%; --wk-mini-y: 100%; }
.wk-category-mini--screen { --wk-mini-x: 100.000000%; --wk-mini-y: 100%; }

.m-info-icon_support { --wk-service-x: 0%; --wk-service-y: 0%; }
.m-info-icon_delivery { --wk-service-x: 50%; --wk-service-y: 0%; }
.m-info-icon_pay { --wk-service-x: 100%; --wk-service-y: 0%; }
.m-info-icon_repair { --wk-service-x: 0%; --wk-service-y: 100%; }
.m-info-icon_medal { --wk-service-x: 50%; --wk-service-y: 100%; }
.m-info-icon_country { --wk-service-x: 100%; --wk-service-y: 100%; }