/* Huberth brand refresh, 2026-10-28. Load AFTER site.css and page CSS.
   Screen approximations of supplied artwork: blue #005da8, grey #d9d9d9.
   Layout, product photos and promotional artwork retain their original colors. */
a { color: #005da8; }
a:hover, a:focus { color: #004786; }

.header, .header-menu-search, .slider-caption,
.catalog-panel > .panel-heading { background: #005da8; }

.header-menu, .slider-catalog-caption,
.prod-item-header, .prod-details-header, .news-panel > .panel-heading {
    background: #d9d9d9;
    color: #1d1d1b;
}
.header-menu ul li a, .slider-catalog-caption a,
.prod-item-header a { color: #1d1d1b; }
.header-menu ul li a:hover, .header-menu ul li a:focus,
.slider-catalog-caption a:hover, .slider-catalog-caption a:focus {
    color: #005da8;
    text-decoration: underline;
}
.home-cat-item-header { background: #005da8; }
.home-cat-item-header a { color: #fff; }

.download-cat-btn, .btn-primary {
    background: #005da8;
    border-color: #005da8;
    color: #fff;
}
.download-cat-btn:hover, .download-cat-btn:focus, .download-cat-btn:active,
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus,
.btn-primary:active, .btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background: #004786;
    border-color: #004786;
    color: #fff;
}
.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover, .pagination > .active > span:hover,
.pagination > .active > a:focus, .pagination > .active > span:focus {
    background: #005da8 !important;
    border-color: #005da8 !important;
    color: #fff;
}

/* Preserve the existing logo silhouette; approved monochrome variant. */
.logo img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

/* Replace the yellow background icon without changing the image file. */
#ask-btn {
    background-image: none;
    position: relative;
    padding-right: 40px;
}
#ask-btn:after {
    content: "?";
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    background: #fff;
    color: #005da8;
    font-weight: bold;
    text-align: center;
}

/* Only legacy interface icons, never product photos or whole map tiles.
   Yandex Maps may render placemark icons as IMG or inline backgrounds. */
img[src*="/Content/images/video-file.png"],
img[src*="/Content/images/balloon-dealer"],
#ymaps-map [style*="balloon-dealer"] {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
