/* Палитра вЯблочко: графит, слива, лайм.
   Роли: лайм = одно главное действие на экране, слива = фирменная поверхность,
   выгоды и активные состояния, графит = текст и кнопки второго плана.
   Все правила действуют, только когда у <html> есть класс wbx-pal. */

/* 1. Цвета */
html.wbx-pal{
  --wbx-ink:#17121C;
  --wbx-ink-2:#5E5767;
  --wbx-ink-3:#6E6779;
  --wbx-line:#E6E2EC;
  --wbx-line-2:#D9D3E1;
  --wbx-surface:#F4F2F7;
  --wbx-plum:#5C1B7C;
  --wbx-plum-hover:#4A1564;
  --wbx-plum-tint:#F3ECF7;
  --wbx-lime:#C2E300;
  --wbx-lime-hover:#B3D100;
  --wbx-ok:#3A7A12;
  --wbx-danger:#C62F45;
  /* плашка согласия на cookie берёт цвета из этих переменных */
  --cc-btn-bg:#17121C;
  --cc-btn-text:#fff;
  --cc-link:#5C1B7C;
}

/* 2. Шапка */
html.wbx-pal .menu-row .mega-menu .menu-item.dropdown .dropdown-toggle{
  background:var(--wbx-ink);
}
html.wbx-pal .menu-row .mega-menu .menu-item.dropdown:hover .dropdown-toggle,
html.wbx-pal .menu-row .mega-menu .menu-item.dropdown.hover .dropdown-toggle{
  background:var(--wbx-plum);
}
html.wbx-pal #header .gray-caption,
html.wbx-pal a.header__top-button{ color:var(--wbx-ink-3); }
html.wbx-pal a.header__top-button svg path{ fill:var(--wbx-ink-3); }
html.wbx-pal a.header__top-button:hover,
html.wbx-pal a.header__top-button:hover svg path{ color:var(--wbx-ink); fill:var(--wbx-ink); }
html.wbx-pal .apx-header-social ul li a svg path,
html.wbx-pal .mobile-pull-right .apx-header-social-pull > div a path{ fill:var(--wbx-ink-3); }
html.wbx-pal .apx-header-social ul li a:hover svg path{ fill:var(--wbx-plum); }
html.wbx-pal #header .search-input,
html.wbx-pal #headerfixed .search-input,
html.wbx-pal .header__top-item .search-input{
  background-color:var(--wbx-surface);
  border-color:var(--wbx-surface);
}
html.wbx-pal #header .search-input:focus,
html.wbx-pal #headerfixed .search-input:focus,
html.wbx-pal .header__top-item .search-input:focus{
  background-color:#fff;
  border-color:var(--wbx-ink);
}
html.wbx-pal .inline-search-block .search-input{ background-color:var(--wbx-surface); }
html.wbx-pal .search-input::placeholder{ color:var(--wbx-ink-3); opacity:1; }
html.wbx-pal .search-button-div .btn-search svg path{ fill:var(--wbx-ink-3); }

/* 3. Слайдер главной: лайм ровно как в логотипе, без фиолетовой обводки */
html.wbx-pal body .main-slider__item .banner_buttons a,
html.wbx-pal body .main-slider__item .banner_buttons a.btn{
  background:var(--wbx-lime);
  border-color:var(--wbx-lime);
  color:var(--wbx-ink);
}
html.wbx-pal body .main-slider__item .banner_buttons a:hover{
  background:var(--wbx-lime-hover);
  border-color:var(--wbx-lime-hover);
  color:var(--wbx-ink);
}
html.wbx-pal body .top_slider_wrapp .main-slider .swiper-pagination-bullet-active,
html.wbx-pal body .top_slider_wrapp .main-slider .swiper-pagination-bullet-active::before{
  background:var(--wbx-lime);
}
html.wbx-pal body .top_slider_wrapp .main-slider__item td.text .banner_title .section{
  color:rgba(255,255,255,.86);
}

/* 4. Кнопки второго плана: графит. Тема красит .btn-default базовым фиолетовым */
html.wbx-pal .btn.btn-default:not(.white){
  background-color:var(--wbx-ink);
  border-color:var(--wbx-ink);
  color:#fff;
}
html.wbx-pal .btn.btn-default:not(.white):hover,
html.wbx-pal .btn.btn-default:not(.white):focus,
html.wbx-pal .btn.btn-default:not(.white):active{
  background-color:var(--wbx-plum);
  border-color:var(--wbx-plum);
  color:#fff;
}
/* «В корзине» в плитках: оттенок сливы, товар уже выбран */
html.wbx-pal .catalog_block .btn.btn-default.in-cart,
html.wbx-pal .catalog_item .btn.btn-default.in-cart{
  background-color:var(--wbx-plum-tint);
  border-color:var(--wbx-plum-tint);
  color:var(--wbx-plum);
}
html.wbx-pal .catalog_block .btn.btn-default.in-cart svg path,
html.wbx-pal .catalog_item .btn.btn-default.in-cart svg path{ fill:var(--wbx-plum); }
html.wbx-pal .catalog_block .btn.btn-default.in-cart:hover,
html.wbx-pal .catalog_item .btn.btn-default.in-cart:hover{
  background-color:var(--wbx-plum);
  border-color:var(--wbx-plum);
  color:#fff;
}
html.wbx-pal .catalog_block .btn.btn-default.in-cart:hover svg path,
html.wbx-pal .catalog_item .btn.btn-default.in-cart:hover svg path{ fill:#fff; }
/* галочка «в корзине» у темы белая картинка: на светлой плашке красим её маской */
html.wbx-pal .catalog_block .btn.in-cart i:not(.svg-inline-prediction),
html.wbx-pal .catalog_item .btn.in-cart i:not(.svg-inline-prediction){
  background:var(--wbx-plum);
  -webkit-mask:url(/bitrix/templates/aspro_max/images/svg/catalog/check_inbasket.svg) 0 2px no-repeat;
  mask:url(/bitrix/templates/aspro_max/images/svg/catalog/check_inbasket.svg) 0 2px no-repeat;
}
html.wbx-pal .catalog_block .btn.in-cart:hover i:not(.svg-inline-prediction),
html.wbx-pal .catalog_item .btn.in-cart:hover i:not(.svg-inline-prediction){ background:#fff; }

/* Контурные кнопки («Загрузить ещё», «Работаем с 2008 года» и т.п.) */
html.wbx-pal .btn.btn-transparent-border-color{
  color:var(--wbx-ink);
  border-color:var(--wbx-line-2);
}
html.wbx-pal .btn.btn-transparent-border-color:hover{
  background-color:var(--wbx-ink);
  border-color:var(--wbx-ink);
  color:#fff;
}
html.wbx-pal .ajax_load_btn.rounded3:hover{ background:var(--wbx-ink); }

/* 5. Главное действие: лайм с графитовым текстом.
   Карточка товара, плавающая шапка карточки, корзина, оформление заказа */
html.wbx-pal .product-view--type2 .product-action .buy_block .btn-lg.to-cart,
html.wbx-pal .catalog_detail .buy_block .btn.to-cart,
html.wbx-pal .product-info-headnote .btn.to-cart,
html.wbx-pal #headerfixed .table-view .item-actions .item-buttons .btn.to-cart,
html.wbx-pal #basket-root .basket-checkout-section .btn-default.basket-btn-checkout,
html.wbx-pal #bx-soa-order-form .btn.btn-default.btn-order-save,
html.wbx-pal #bx-soa-order-form .bx-soa-cart-total .btn.btn-default,
html.wbx-pal #bx-soa-orderSave .btn.btn-default,
html.wbx-pal #bx-soa-order #bx-soa-orderSave a.btn{
  background:var(--wbx-lime);
  border-color:var(--wbx-lime);
  color:var(--wbx-ink);
}
html.wbx-pal .product-view--type2 .product-action .buy_block .btn-lg.to-cart:hover,
html.wbx-pal .catalog_detail .buy_block .btn.to-cart:hover,
html.wbx-pal .product-info-headnote .btn.to-cart:hover,
html.wbx-pal #headerfixed .table-view .item-actions .item-buttons .btn.to-cart:hover,
html.wbx-pal #basket-root .basket-checkout-section .btn-default.basket-btn-checkout:hover,
html.wbx-pal #bx-soa-order-form .btn.btn-default.btn-order-save:hover,
html.wbx-pal #bx-soa-order-form .bx-soa-cart-total .btn.btn-default:hover,
html.wbx-pal #bx-soa-orderSave .btn.btn-default:hover,
html.wbx-pal #bx-soa-order #bx-soa-orderSave a.btn:hover{
  background:var(--wbx-lime-hover);
  border-color:var(--wbx-lime-hover);
  color:var(--wbx-ink);
}
/* «В корзине» в карточке: графит (товар уже выбран, кнопка ведёт в корзину) */
html.wbx-pal .product-view--type2 .product-action .buy_block .btn-lg.in-cart,
html.wbx-pal .catalog_detail .buy_block .btn.in-cart,
html.wbx-pal .product-info-headnote .btn.in-cart,
html.wbx-pal #headerfixed .table-view .item-actions .item-buttons .btn.in-cart{
  background:var(--wbx-ink);
  border-color:var(--wbx-ink);
  color:#fff;
}
html.wbx-pal .product-view--type2 .product-action .buy_block .btn-lg.in-cart svg path,
html.wbx-pal .product-info-headnote .btn.in-cart svg path,
html.wbx-pal #headerfixed .table-view .item-actions .item-buttons .btn.in-cart svg path{ fill:#fff; }

/* 6. Карточка товара: вторичные кнопки одной системы */
html.wbx-pal .product-info.product-info--type2 .shadowed-block .buy_block .btn.one_click{
  background:#fff !important;
  border:1px solid var(--wbx-line-2);
  color:var(--wbx-ink);
}
/* тема при наведении ставит белый текст с !important, поэтому и цвет тут с !important */
html.wbx-pal .product-info.product-info--type2 .shadowed-block .buy_block .btn.one_click:hover,
html.wbx-pal .product-info.product-info--type2 .shadowed-block .buy_block .btn.one_click:focus{
  background:#fff !important;
  border-color:var(--wbx-ink);
  color:var(--wbx-ink) !important;
}
html.wbx-pal #TINKOFF_CREDIT_BTN.aprix-credit-button{
  border-color:var(--wbx-line-2);
  color:var(--wbx-ink);
}
/* скрипт банка при наведении заливает кнопку своим жёлтым */
html.wbx-pal #TINKOFF_CREDIT_BTN.aprix-credit-button:hover,
html.wbx-pal #TINKOFF_CREDIT_BTN.aprix-credit-button:focus{
  background-color:#fff !important;
  border-color:var(--wbx-ink) !important;
  color:var(--wbx-ink) !important;
  box-shadow:none !important;
}

/* Мессенджеры: один цвет для MAX и Telegram */
html.wbx-pal .info_item-messager__btn.btn--wa,
html.wbx-pal .info_item-messager__btn.btn--tg,
html.wbx-pal .product-view--type2 .product-action .info_item-messager__btn.btn--wa,
html.wbx-pal .product-view--type2 .product-action .info_item-messager__btn.btn--tg{
  background:var(--wbx-surface) !important;
  color:var(--wbx-ink);
  transition:background-color .2s ease;
}
html.wbx-pal .info_item-messager__btn.btn--tg{ border-left:1px solid #fff; }
html.wbx-pal .info_item-messager__btn svg path{ fill:var(--wbx-ink); transition:fill .2s ease; }
html.wbx-pal .info_item-messager__btn:hover,
html.wbx-pal .product-view--type2 .product-action .info_item-messager__btn:hover{
  background:var(--wbx-ink) !important;
}
html.wbx-pal .info_item-messager__btn:hover svg path{ fill:#fff; }

/* Выгоды (скидка при оплате наличными, кешбэк): плашка оттенка сливы */
html.wbx-pal .product-view--type2 .product-action .info_item-bonus__val{
  background:var(--wbx-plum-tint);
  color:var(--wbx-plum);
  margin-bottom:0; /* у темы 10px снизу, плашка висела выше подписи */
}
html.wbx-pal .sale_block .values_wrapper,
html.wbx-pal .product-view--type2 .product-action .sale_block .values_wrapper{ background:var(--wbx-plum-tint); color:var(--wbx-plum); }
html.wbx-pal .product-action .sale_block,
html.wbx-pal .product-action .sale_block *{ color:var(--wbx-plum); }

/* Иконки и мелочи карточки в сливе вместо второго фиолетового */
html.wbx-pal .product-advant__text{ color:var(--wbx-ink); }
html.wbx-pal .product-advant__photo svg path,
html.wbx-pal .catalog_item-advant__photo path{ fill:var(--wbx-ink); }

/* 7. Метки на фото товара: «Без RuStore» и подобные */
html.wbx-pal .sticker-item__image--desktop,
html.wbx-pal .sticker-item__image--mobile{
  background:var(--wbx-plum-tint);
  color:var(--wbx-plum);
}

/* 8. Наличие и кешбэк: плитки, корзина, «Ранее вы смотрели».
   Значок кешбэка был зелёной картинкой, красим маской по той же картинке */
html.wbx-pal .item-stock .icon.stock{ background-color:var(--wbx-ok); }
html.wbx-pal .item-stock .value{ color:var(--wbx-ok); }
html.wbx-pal .bonus-system-block::after,
html.wbx-pal .bonus_item_cart::after,
html.wbx-pal .lt_cart_bonus_all::after{
  background:var(--wbx-plum) !important;
  -webkit-mask:url(/bitrix/templates/aspro_max/images/svg/bonus_icon.svg) no-repeat center/contain;
  mask:url(/bitrix/templates/aspro_max/images/svg/bonus_icon.svg) no-repeat center/contain;
}
/* на крупных плитках поверх фото тема ставит белый значок, его оставляем белым */
html.wbx-pal .catalog_item.big .bonus-system-block:not(:empty)::after{ background:#fff !important; }

/* 9. Второй фиолетовый (#6D0C9B) в разных местах сводим к базовому */
html.wbx-pal .tags-list a{ color:var(--wbx-plum); }
html.wbx-pal .blue-line-shedule{ background:var(--wbx-plum); }
html.wbx-pal body#main .bottom-icons-panel__content-link--active{ color:var(--wbx-plum); }
html.wbx-pal .bottom-icons-panel__content-link--active .bottom-icons-panel__content-picture-wrapper{ background:var(--wbx-plum-tint); }

/* 10. Мелкий серый текст: контраст не ниже 4.5:1 */
html.wbx-pal .muted,
html.wbx-pal .breadcrumbs__item-name,
html.wbx-pal .product-view--type2 .char-side .properties__title,
html.wbx-pal .product-info.product-info--type2 .relinking-block .items-by-props span,
html.wbx-pal #bx-soa-order .bx-soa-reference,
html.wbx-pal #bx-soa-order .bx-soa-item-td-title,
html.wbx-pal #bx-soa-order #bx-soa-basket .bx-soa-item-td-title,
html.wbx-pal .licence_block label.license,
html.wbx-pal .licence_block label.license p,
html.wbx-pal #bx-soa-order .form .licence_block label,
html.wbx-pal #basket-root .basket-coupon-block-field-description,
html.wbx-pal #basket-root .basket-item-amount-field-description,
html.wbx-pal .item-views.tizers .mobile-list .item-wrapper > .item .inner-text .value{ color:var(--wbx-ink-3); }
html.wbx-pal body span.bx-authform-starrequired,
html.wbx-pal form .star{ color:var(--wbx-danger); }
html.wbx-pal .bx-soa-price-free{ color:var(--wbx-ok); }

/* 11. Подвал: графит вместо серого #333 */
html.wbx-pal footer.footer,
html.wbx-pal footer.footer .footer-inner{ background-color:var(--wbx-ink); }
html.wbx-pal footer.footer .gray-caption{ color:#A9A3B1; }
html.wbx-pal footer.footer .social-icons-custom a.icon-bg{
  background:rgba(255,255,255,.08);
  transition:background-color .2s ease;
}
html.wbx-pal footer.footer .social-icons-custom a.icon-bg:hover{ background:var(--wbx-plum); }
/* юридический текст был белым на 20% (контраст 2:1), стал читаемым */
html.wbx-pal footer.footer .copyright-custom{ opacity:.45; }

/* 12. Главная: значки преимуществ (градиент #6D0C9B → #941FCB), полоса блока «My Store»
   и выделение в заголовке */
html.wbx-pal .svg-inline-tizer_svg svg rect{ fill:var(--wbx-plum); }
html.wbx-pal .pabout__bottom::after{ background-color:var(--wbx-plum-tint); }
html.wbx-pal .sect__title marker{ color:var(--wbx-plum); }
/* табы «Лучших предложений» на телефоне у темы пилюлями во втором фиолетовом */
@media (max-width:600px){
  html.wbx-pal .specials .top_block ul.tabs li{ border-color:var(--wbx-line-2); }
  html.wbx-pal .specials .top_block ul.tabs li span{ color:var(--wbx-ink); }
  html.wbx-pal .specials .top_block ul.tabs li.cur{ background:var(--wbx-plum); border-color:var(--wbx-plum); }
  html.wbx-pal .specials .top_block ul.tabs li.cur span{ color:#fff; }
}

/* 13. Мобильное меню: его акцент тоже был вторым фиолетовым */
html.wbx-pal #mobilemenu{
  --accent:#5C1B7C;
  --accent-deep:#4A1564;
  --accent-soft:#F3ECF7;
}

/* 14. Галочка «Есть в наличии» в карточке: картинка зелёная, красим маской */
html.wbx-pal .product-action .item-stock .icon.stock,
html.wbx-pal .info_item .item-stock .icon.stock{
  background:var(--wbx-ok) !important;
  -webkit-mask:url(/images/stock.svg) no-repeat center/contain;
  mask:url(/images/stock.svg) no-repeat center/contain;
}

/* 15. Поиск Digi (окно поиска и выдача): кнопки как в каталоге, графит и слива при наведении.
   Слайдеры и переключатели фильтра остаются сливовыми, как фильтр раздела */
html.wbx-pal #digi-shield{
  --color-brand-hover:#6E6779;
  --color-font-secondary:#6E6779;
  --color-mobile-history:#5C1B7C;
  --color-price-main:#17121C;
}
html.wbx-pal #digi-shield .digi-product__button:not([disabled]),
html.wbx-pal #digi-shield .digi-product__cart-button:not([disabled]),
html.wbx-pal #digi-shield .digi-search-form__submit{
  background-color:var(--wbx-ink);
  border-color:var(--wbx-ink);
  color:#fff;
}
html.wbx-pal #digi-shield .digi-product__button:not([disabled]):hover,
html.wbx-pal #digi-shield .digi-product__cart-button:not([disabled]):hover,
html.wbx-pal #digi-shield .digi-search-form__submit:hover{
  background-color:var(--wbx-plum);
  border-color:var(--wbx-plum);
  opacity:1;
}
html.wbx-pal #digi-shield .digi-search-form-active .digi-search-form__input{ border-color:var(--wbx-ink); }
html.wbx-pal #digi-shield .digi-tip__cloud{ border-color:var(--wbx-line-2); }
html.wbx-pal #digi-shield .digi-product__discount{ background-color:var(--wbx-plum-tint); color:var(--wbx-plum); }