:root {
  --color-dark: #171719;
  --color-accent: #C01420;
  --color-dark-secondary: #171719;
}

/* Header */
.head_top,
.head_top .ht_head,
.head_top .ht_nav {
  background-color: var(--color-dark);
}

.header-search__input input:hover,
.header-search__input input:active,
.header-search__input input:focus {
  border-color: var(--color-accent);
}

.header-search__button {
  background-color: var(--color-accent);
}

.header-search__button:hover,
.header-search__button:active,
.header-search__button:focus {
  background-color: var(--color-dark-secondary);
}

.ht_nav_list li a {
  color: #fff;
}

.ht_nav_list li a:not(.act):hover,
.ht_nav_list li a:not(.act):focus,
.ht_nav_list li a:not(.act):active {
  color: #fff;
  background-color: var(--color-accent);
  box-shadow: 0 -2px 0 var(--color-accent);
  opacity: 1;
}

.ht_nav_list li.act a,
.ht_nav_list li a.act,
.ht_nav_list li a.act:hover,
.ht_nav_list li a.act:focus,
.ht_nav_list li a.act:active {
  background-color: #fff;
  color: var(--color-accent);
  box-shadow: none !important;
  opacity: 1;
}

/* Side catalog menu */
.ankona-side-menu {
  --ankona-side-menu-blue: color-mix(in srgb, var(--color-dark) 8%, white);
  --ankona-side-menu-black: var(--color-dark-secondary);
}

.ankona-side-menu__link:hover,
.ankona-side-menu__link:focus,
.ankona-side-menu__link.is-active {
  color: var(--color-dark-secondary);
}

.ankona-side-menu__icon,
.ankona-side-menu__link:hover .ankona-side-menu__icon,
.ankona-side-menu__link:focus .ankona-side-menu__icon,
.ankona-side-menu__link.is-active .ankona-side-menu__icon,
.ankona-mobile-catalog__icon,
.ankona-mobile-catalog__link:hover .ankona-mobile-catalog__icon,
.ankona-mobile-catalog__link:focus .ankona-mobile-catalog__icon,
.ankona-mobile-catalog__link.is-active .ankona-mobile-catalog__icon {
  filter: brightness(0) saturate(100%) invert(12%) sepia(99%) saturate(5076%) hue-rotate(351deg) brightness(92%) contrast(94%);
}

.ankona-mobile-catalog__title {
  color: var(--color-dark-secondary);
}

.ankona-mobile-catalog__close::before,
.ankona-mobile-catalog__close::after {
  background-color: var(--color-dark-secondary);
}

.ankona-mobile-catalog__link:hover,
.ankona-mobile-catalog__link:focus,
.ankona-mobile-catalog__link.is-active {
  color: var(--color-dark-secondary);
  background-color: color-mix(in srgb, var(--color-dark) 8%, white);
}

/* Catalog categories */
.catalog-item__details {
  background-color: var(--color-accent);
}

.catalog-item__link:hover .catalog-item__details {
  background-color: var(--color-dark-secondary);
}

/* Catalog product list */
.custom-catalog-list__to-back {
  color: var(--color-accent);
  border-color: var(--color-accent);
}

.custom-catalog-list__to-back svg,
.custom-catalog-list__to-back svg path {
  stroke: var(--color-accent);
}

.custom-catalog-list__title {
  color: var(--color-dark);
}

.jq-selectbox li.selected,
.jq-selectbox li.sel {
  background-color: var(--color-accent);
}

/* Catalog filter states */
.custom-catalog-filter [type="radio"]:checked + .custom-catalog-filter__label::before,
.custom-catalog-filter [type="checkbox"]:checked + .custom-catalog-filter__label::before {
  background-color: var(--color-accent);
}

.custom-catalog-filter__more-button:hover {
  color: var(--color-dark-secondary);
}

.custom-catalog-filter__more-button:hover::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath opacity='0.7' d='M1 1L5 5L9 1' stroke='%23171719' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e");
}

.custom-catalog-filter__price input:focus {
  border-color: var(--color-accent);
}

.custom-catalog-filter__select select {
  transition: border-color 0.3s;
}

.custom-catalog-filter__select select:hover {
  border-color: #828384;
}

.custom-catalog-filter__select select:focus,
.custom-catalog-filter__select select:focus-visible {
  border-color: var(--color-accent);
  outline: none;
}

.custom-catalog-filter__group-wrapper .simplebar-scrollbar::before {
  background-color: var(--color-accent);
}

.custom-tags-desktop__link {
  background-color: var(--color-dark-secondary);
  color: #fff;
}

.custom-tags-desktop__link:hover,
.custom-tags-desktop__link:focus,
.custom-tags-desktop__link:active {
  background-color: var(--color-accent);
  color: #fff;
}

.custom-tags-desktop__icon svg path {
  stroke: #fff;
}

.mobile-sidebar__close-btn:hover svg path,
.mobile-sidebar__close-btn:active svg path,
.mobile-sidebar__close-btn:focus svg path {
  stroke: var(--color-accent);
}

.mobile-sidebar_mobile-button {
  background-color: var(--color-accent);
  border-color: var(--color-accent);
}

.mobile-sidebar_mobile-button:hover {
  background-color: var(--color-dark-secondary);
  border-color: var(--color-dark-secondary);
}

.mobile-sidebar__title {
  color: var(--color-dark-secondary);
}

.custom-catalog-list .cml_name,
.cat_main_list .cml_name,
.cml_name {
  color: var(--color-accent);
}

.cmlc_char li .cmlc_price {
  color: var(--color-dark-secondary);
}

.cmlc_nav li a {
  color: var(--color-accent);
}

.cmlc_ico2,
.cmlc_ico3 {
  background-color: var(--color-accent) !important;
}

.scroll_top {
  background-color: var(--color-accent);
}

/* Product details */
.tovar_inner .ti,
.tovar_inner .ti span {
  color: var(--color-dark);
}

.preview .prev-item a.active::before {
  background-color: var(--color-accent);
}

.owl-carousel.owl-theme .owl-nav button.owl-prev,
.owl-carousel.owl-theme .owl-nav button.owl-next {
  background-color: color-mix(in srgb, var(--color-accent) 45%, white);
}

.owl-carousel.owl-theme .owl-nav button.owl-prev:hover,
.owl-carousel.owl-theme .owl-nav button.owl-next:hover {
  background-color: var(--color-accent);
}

.item-country {
  background-color: var(--color-accent);
}

.item-country i {
  background-color: var(--color-dark-secondary);
}

.item-country i::after {
  border-top-color: var(--color-dark-secondary);
}

/* Bottom navigation */
.ankona-bottom-menu__icon circle,
.ankona-bottom-menu__icon path {
  stroke: var(--color-dark-secondary);
}

.ankona-bottom-menu__status {
  color: var(--color-accent);
}

.ankona-bottom-menu__badge--red {
  background-color: var(--color-accent);
}
