/*
 * Light theme overrides for the temporary MODX static homepage.
 * The base project CSS is minified and dark-themed, so we override
 * the visible homepage surfaces here to keep changes isolated.
 */

:root {
  --light-bg: #f2f4f5;
  --light-surface: #ffffff;
  --light-header: #eceff1;
  --light-text: #444a50;
  --light-muted: #69727b;
  --light-border: #d9dee2;
  --light-shadow: rgba(68, 74, 80, 0.08);
  --light-button: #444a50;
  --light-button-hover: #34393e;
}

body.mainpage {
  background: var(--light-bg) !important;
  color: var(--light-text) !important;
}

body.mainpage,
body.mainpage p,
body.mainpage span,
body.mainpage li,
body.mainpage td,
body.mainpage th,
body.mainpage label,
body.mainpage a,
body.mainpage h1,
body.mainpage h2,
body.mainpage h3,
body.mainpage h4,
body.mainpage ul {
  color: var(--light-text);
}

body.mainpage a:hover {
  color: var(--light-button-hover);
}

body.mainpage .header__top-nav a,
body.mainpage .header__top-nav span,
body.mainpage .header__top-list-item > a,
body.mainpage .header__top-list-item > span,
body.mainpage .header__top-sublist a,
body.mainpage .header__bottom-info,
body.mainpage .header__bottom-info a,
body.mainpage .header__bottom-info span,
body.mainpage .header__bottom-info-title,
body.mainpage .header__bottom-info-address,
body.mainpage .header__bottom-info-contacts,
body.mainpage .mobilemenu__contacts a,
body.mainpage .mobilemenu__contacts span,
body.mainpage .sidemenu__list-item a,
body.mainpage .footer a,
body.mainpage .footer span {
  color: var(--light-text) !important;
}

body.mainpage .header,
body.mainpage .header-mobile__top,
body.mainpage .header__top-nav,
body.mainpage .mobilemenu,
body.mainpage .footer {
  background: var(--light-header) !important;
}

body.mainpage .header__top-nav,
body.mainpage .header__bottom,
body.mainpage .header-mobile__top,
body.mainpage .mobilemenu__contacts,
body.mainpage .footer__top,
body.mainpage .footer__bottom,
body.mainpage .footer__bottom-list,
body.mainpage .header-dummy {
  border-color: var(--light-border) !important;
}

body.mainpage .header__bottom-info,
body.mainpage .banner__prices-item,
body.mainpage .autopark__delivery,
body.mainpage .footer__top-contacts,
body.mainpage .regions__controls,
body.mainpage .header__icon-btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.mainpage .banner__title,
body.mainpage .header1,
body.mainpage .header2,
body.mainpage .header3,
body.mainpage .pricetable-caption,
body.mainpage .reviews__title,
body.mainpage .popular__title,
body.mainpage .licenses__title,
body.mainpage .regions__title {
  color: var(--light-text) !important;
}

body.mainpage .banner__subtitle,
body.mainpage .header__bottom-info-content,
body.mainpage .footer__top-contacts p,
body.mainpage .footer__bottom-text span,
body.mainpage .razvod-cards__card-price,
body.mainpage .reviews__card-text,
body.mainpage .faq__item-answer,
body.mainpage .text-block p,
body.mainpage .text-block li {
  color: var(--light-muted) !important;
}

body.mainpage .default-table,
body.mainpage .default-table a,
body.mainpage .text-block table,
body.mainpage .text-block table a,
body.mainpage .calculator-price table,
body.mainpage .pricetable {
  color: var(--light-text) !important;
  background: var(--light-surface) !important;
}

body.mainpage .default-table caption,
body.mainpage .default-table th,
body.mainpage .text-block table th,
body.mainpage .calculator-price th,
body.mainpage .pricetable thead th {
  color: var(--light-text) !important;
  background: var(--light-header) !important;
}

body.mainpage .default-table td,
body.mainpage .default-table th,
body.mainpage .text-block table td,
body.mainpage .text-block table th,
body.mainpage .calculator-price td,
body.mainpage .calculator-price th,
body.mainpage .pricetable td,
body.mainpage .pricetable th {
  border-color: var(--light-border) !important;
}

body.mainpage .default-table tr:nth-of-type(odd),
body.mainpage .text-block table tbody tr:nth-of-type(odd),
body.mainpage .calculator-price tbody tr:nth-of-type(odd),
body.mainpage .pricetable tbody tr:nth-of-type(odd) {
  background: #f8fafb !important;
}

body.mainpage .default-table tr:hover,
body.mainpage .text-block table tbody tr:hover,
body.mainpage .calculator-price tbody tr:hover,
body.mainpage .pricetable tbody tr:hover {
  background: #eef2f4 !important;
}

body.mainpage input,
body.mainpage select,
body.mainpage textarea {
  background: var(--light-surface) !important;
  color: var(--light-text) !important;
  border: 1px solid var(--light-border) !important;
  box-shadow: none !important;
}

body.mainpage input::placeholder,
body.mainpage textarea::placeholder {
  color: var(--light-muted) !important;
}

body.mainpage .header__top-nav-button,
body.mainpage .header__bottom-button,
body.mainpage .mobilemenu__callback,
body.mainpage .callback-form__button,
body.mainpage .cart-form__button,
body.mainpage .review-form__button,
body.mainpage .calculator__bottom-button,
body.mainpage .autopark__button,
body.mainpage .reviews__button,
body.mainpage .footer__top-form-button,
body.mainpage .sect-autopark__button {
  background: var(--light-button) !important;
  color: #ffffff !important;
  border: 1px solid var(--light-button) !important;
  box-shadow: none !important;
}

body.mainpage .header__top-nav-button:hover,
body.mainpage .header__bottom-button:hover,
body.mainpage .mobilemenu__callback:hover,
body.mainpage .callback-form__button:hover,
body.mainpage .cart-form__button:hover,
body.mainpage .review-form__button:hover,
body.mainpage .calculator__bottom-button:hover,
body.mainpage .autopark__button:hover,
body.mainpage .reviews__button:hover,
body.mainpage .footer__top-form-button:hover,
body.mainpage .sect-autopark__button:hover {
  background: var(--light-button-hover) !important;
  border-color: var(--light-button-hover) !important;
}

body.mainpage .popular__controls-all,
body.mainpage .popular__controls-more,
body.mainpage .popular__controls-close,
body.mainpage .popular__controls,
body.mainpage .popular__controls *,
body.mainpage .reviews__controls-all,
body.mainpage .reviews__controls-more,
body.mainpage .reviews__controls-close,
body.mainpage .js-mobile-catalog-all,
body.mainpage .js-mobile-catalog-close {
  color: var(--light-text) !important;
}

body.mainpage .popular__link,
body.mainpage .similar__link {
  background: var(--light-header) !important;
  border: 1px solid var(--light-border) !important;
  box-shadow: none !important;
}

body.mainpage .popular__link:hover,
body.mainpage .similar__link:hover {
  background: var(--light-surface) !important;
}

body.mainpage .popular__link span,
body.mainpage .similar__link span {
  color: var(--light-text) !important;
  border-bottom-color: var(--light-border) !important;
}

body.mainpage .popular__link:hover span,
body.mainpage .similar__link:hover span {
  border-bottom-color: transparent !important;
}

body.mainpage .blue-link,
body.mainpage .razvod-cards__card-title,
body.mainpage .razvod-cards__card-title a,
body.mainpage .working-scheme__header,
body.mainpage .working-scheme__text,
body.mainpage .working-scheme__counter,
body.mainpage .popular__link,
body.mainpage .popular__link span,
body.mainpage .table__info,
body.mainpage .table__info-quantity,
body.mainpage .table__info-quantity *,
body.mainpage .table__info-summ,
body.mainpage .table__info-summ *,
body.mainpage .banner__links a,
body.mainpage .footer__bottom-list a {
  color: var(--light-text) !important;
  border-color: var(--light-border) !important;
}

body.mainpage .table__info-quantity,
body.mainpage .table__info-summ {
  background: var(--light-surface) !important;
  box-shadow: none !important;
  border: 1px solid var(--light-border) !important;
}

body.mainpage .table__info-summ {
  margin-left: 0 !important;
  border-left: 0 !important;
}

body.mainpage .table__info-quantity-result,
body.mainpage .table__info-summ-result {
  color: var(--light-text) !important;
}

body.mainpage .banner__right-circle,
body.mainpage .faq__item-question-btn {
  background: transparent !important;
  border: none !important;
}

body.mainpage .banner__bg-rocks,
body.mainpage .banner__bg-rocks2,
body.mainpage .banner__bg-rocks3,
body.mainpage .text-block__rocks,
body.mainpage .text-block__rocks2,
body.mainpage .popular-rocks1,
body.mainpage .popular-rocks2 {
  opacity: 1 !important;
}

body.mainpage .banner__bg {
  opacity: 1 !important;
}

body.mainpage .working-scheme__stick {
  background-color: var(--light-border) !important;
}

body.mainpage .working-scheme__stick::before,
body.mainpage .working-scheme__stick::after,
body.mainpage .working-scheme__item::before,
body.mainpage .working-scheme__item::after {
  background-color: var(--light-border) !important;
  border-color: var(--light-border) !important;
}

body.mainpage .footer__top,
body.mainpage .footer__bottom {
  background: transparent !important;
}

body.mainpage .footer__top,
body.mainpage .footer__bottom,
body.mainpage .header__bottom {
  box-shadow: none !important;
}

body.mainpage .header__to-cart,
body.mainpage .header__to-favorites {
  color: var(--light-text) !important;
}

body.mainpage .header__bottom-info,
body.mainpage .banner .wrapper,
body.mainpage .text-block,
body.mainpage .pricetable-wrapper,
body.mainpage .calculator-price__container,
body.mainpage .calculator__content,
body.mainpage .razvod-cards__card,
body.mainpage .advantages__card,
body.mainpage .autopark__content,
body.mainpage .faq__item,
body.mainpage .reviews__card,
body.mainpage .licenses__card,
body.mainpage .regions__block,
body.mainpage .callback-form,
body.mainpage .review-form,
body.mainpage .cart-form,
body.mainpage .sidemenu__block {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body.mainpage .header__bottom-info {
  padding: 0 !important;
}

body.mainpage .banner .wrapper {
  padding-bottom: 0 !important;
}

body.mainpage .text-block {
  padding: 0 !important;
}

body.mainpage .faq__item {
  background: var(--light-surface) !important;
  border: 1px solid var(--light-border) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

body.mainpage .faq__item-question {
  color: var(--light-text) !important;
}

body.mainpage .faq__item-question-text {
  color: var(--light-text) !important;
}

body.mainpage .faq__item-answer {
  color: var(--light-muted) !important;
  border-top: 1px solid var(--light-border) !important;
  padding-top: 1rem !important;
}

body.mainpage .faq__item-answer *,
body.mainpage .faq__item-answer p,
body.mainpage .faq__item-answer span,
body.mainpage .faq__item-answer li {
  color: var(--light-muted) !important;
}

body.mainpage .faq__item-question-btn {
  background: var(--light-header) !important;
  border: 1px solid var(--light-border) !important;
  border-radius: 6px !important;
}

body.mainpage .faq__item-question-btn::before {
  border-color: var(--light-text) transparent transparent !important;
}

body.mainpage .faq__item:hover {
  background: #f8fafb !important;
}

@media (max-width: 1024px) {
  body.mainpage .banner .wrapper {
    padding-bottom: 0 !important;
  }
}