/* Compatibility overrides for inherited Bitrix catalog pages (house/kitchen). */

body.catalog-compat {
  --main-bg-color: #191919;
  --main-text-color: #fff;
  --bg-color: #191919;
  --font-color: #fff;
  --bs-body-font-family: var(--font-family);
}

body.catalog-compat,
body.catalog-compat .page {
  background-color: #191919;
  color: #fff;
}

/* Prevent content (breadcrumbs, catalog) from going under the absolute header. */
body.catalog-compat .page {
  padding-top: 140px;
}
@media (max-width: 991.98px) {
  body.catalog-compat .page {
    padding-top: 110px;
  }
}

/* Keep header like on the main page (light text on dark background). */
body.catalog-compat header {
  position: absolute;
}
body.catalog-compat .rs-header a,
body.catalog-compat .rs-header__phone a,
body.catalog-compat .rs-header__actions a {
  color: #fff;
}
body.catalog-compat .rs-header {
  color: #fff;
}
body.catalog-compat .rs-header svg path[stroke] {
  stroke: #fff;
}
body.catalog-compat .rs-header svg path[fill="#191919"],
body.catalog-compat .rs-header svg path[fill="#000"] {
  fill: #fff;
}

/* Header dropdowns are on a light background — keep text dark and readable. */
body.catalog-compat .rs-header__menu .menu__dropdown_list,
body.catalog-compat .rs-header__menu .menu__dropdown_list li,
body.catalog-compat .rs-header__menu .menu__dropdown_list li > a {
  color: #191919;
}
body.catalog-compat .rs-header__menu .menu__dropdown_list li:hover > a {
  color: #fff;
  background-color: var(--primary-color);
}
body.catalog-compat .rs-header__menu .menu__search,
body.catalog-compat .rs-header__menu .menu__search a,
body.catalog-compat .rs-header__menu .menu__search .search__input {
  color: #191919;
}
body.catalog-compat .rs-header__menu .menu__search .search__input::placeholder {
  color: rgba(25, 25, 25, 0.65);
}

/* Prevent horizontal overflow from Bootstrap row gutters when row isn't inside a .container. */
.bx-site.row {
  margin-left: 0;
  margin-right: 0;
}

/* Banner (category title) on dark background. */
body.catalog-compat .rs-banner__desc {
  background: #191919;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
body.catalog-compat .rs-banner__desc h3 {
  color: #fff;
}

/* Catalog sidebar/text colors on dark background. */
body.catalog-compat .rs-catalog__opens_btn,
body.catalog-compat .rs-catalog__category,
body.catalog-compat .rs-catalog__filters,
body.catalog-compat .rs-catalog__content {
  color: #fff;
}
body.catalog-compat .rs-catalog__sidebar {
  background-color: #191919;
}
body.catalog-compat .rs-catalog__category {
  background: #191919;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
body.catalog-compat .rs-catalog__category > .rs-catalog__category_spollers > .rs-catalog__category_spollers_item > .rs-catalog__category_spollers_title {
  color: #fff;
  font-size: 18px;
  line-height: 130%;
}
@media (max-width: 1599.98px) {
  body.catalog-compat .rs-catalog__category > .rs-catalog__category_spollers > .rs-catalog__category_spollers_item > .rs-catalog__category_spollers_title {
    font-size: 16px;
  }
}
body.catalog-compat .rs-catalog__category > .rs-catalog__category_spollers > .rs-catalog__category_spollers_item > .rs-catalog__category_spollers_title > .rs-catalog__category_spollers_icon::before,
body.catalog-compat .rs-catalog__category > .rs-catalog__category_spollers > .rs-catalog__category_spollers_item > .rs-catalog__category_spollers_title > .rs-catalog__category_spollers_icon::after {
  background-color: #fff;
}
body.catalog-compat .rs-catalog__category a {
  color: rgba(255, 255, 255, 0.78);
}
body.catalog-compat .rs-catalog__category > .rs-catalog__category_spollers > .rs-catalog__category_spollers_item > .rs-catalog__category_spollers_body > .rs-catalog__category_spollers > .rs-catalog__category_spollers_item > .rs-catalog__category_spollers_title {
  color: rgba(255, 255, 255, 0.72);
}
body.catalog-compat .rs-catalog__category > .rs-catalog__category_spollers > .rs-catalog__category_spollers_item > .rs-catalog__category_spollers_body > .rs-catalog__category_spollers > .rs-catalog__category_spollers_item > .rs-catalog__category_spollers_title._spoller-active {
  color: #fff;
}
@media (any-hover: hover) {
  body.catalog-compat .rs-catalog__category a:hover {
    color: var(--primary-color);
  }
}

/* Bootstrap (loaded for catalog pages) makes links blue; keep breadcrumbs readable on dark. */
body.catalog-compat .rs-breadcrumbs {
  color: rgba(255, 255, 255, 0.65);
}
body.catalog-compat .rs-breadcrumbs__navigation::before {
  background-color: rgba(255, 255, 255, 0.18);
}
body.catalog-compat .rs-breadcrumbs__item,
body.catalog-compat .rs-breadcrumbs__item > a {
  color: inherit;
}

/* Footer dark variant is applied in rs-footer.css (loaded after content). */
body.catalog-compat .rs-catalog__filters h4,
body.catalog-compat .rs-catalog__filters h5,
body.catalog-compat .rs-catalog__category h4,
body.catalog-compat .rs-catalog__category h5 {
  color: #fff;
}
body.catalog-compat .rs-catalog__filters_item:not(:last-child) {
  border-bottom-color: rgba(255, 255, 255, 0.15);
}
body.catalog-compat .rs-catalog__filters .checkbox__label {
  color: rgba(255, 255, 255, 0.75);
}
body.catalog-compat .rs-catalog__filters .checkbox__emulator {
  border-color: rgba(255, 255, 255, 0.35);
}
body.catalog-compat .rs-catalog__filters .range__item {
  border-color: rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(255, 255, 255, 0.04);
}
body.catalog-compat .rs-catalog__filters .range__filter .noUi-target {
  background: rgba(255, 255, 255, 0.25);
}
body.catalog-compat .rs-catalog__filters .range__input {
  color: #fff;
  background: transparent;
}
body.catalog-compat .rs-catalog__content > p {
  color: rgba(255, 255, 255, 0.7);
}
body.catalog-compat .rs-catalog {
  background: #191919;
  color: #fff;
}
body.catalog-compat .rs-catalog__block {
  border-top-color: rgba(255, 255, 255, 0.15);
}

/* Hard guarantee: product list is a grid on house/kitchen even if other CSS didn't load/was overridden. */
body.catalog-compat .rs-catalog__block {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
@media (max-width: 991.98px) {
  body.catalog-compat .rs-catalog__block {
    padding-top: 15px;
    margin-top: 15px;
  }
}
body.catalog-compat .rs-catalog__list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 60px 30px;
}

/* A collection page has no sidebar, so its product grid uses the full width. */
@media (min-width: 991.98px) {
  body.catalog-compat .rs-collections-catalog .rs-catalog__wrapper {
    display: block;
  }
}

body.catalog-compat .rs-collections-catalog .goods-card__title,
body.catalog-compat .rs-collections-catalog .goods-card > a {
  color: #fff;
}
@media (max-width: 1599.98px) {
  body.catalog-compat .rs-catalog__list {
    gap: 40px 30px;
  }
}
@media (max-width: 1169.98px) {
  body.catalog-compat .rs-catalog__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 991.98px) {
  body.catalog-compat .rs-catalog__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }
}
@media (max-width: 767.98px) {
  body.catalog-compat .rs-catalog__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 539.98px) {
  body.catalog-compat .rs-catalog__list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

/* Ensure pagination shape matches the original layout (no circles). */
body.catalog-compat .pagging__arrow,
body.catalog-compat .pagging__item,
body.catalog-compat .pagging__more {
  border-radius: 4px;
}