:root {
  --color-primary: #1954d4;
  --color-text: #2D2727;
  --color-bg: #ffffff;
  --color-accent: #3b79ff;
  --color-price: #FE3650;
  --color-border: #f2f2f2;
  --color-button-text: #ffffff;
}

/* Базовые цвета страницы */
body {
  color: var(--color-text);
  background-color: var(--color-bg);
}

/* Ссылки */
a {
  color: var(--color-primary);
}
a:hover {
  color: var(--color-accent);
}

/* Кнопки (общие классы проекта) */
button, .btn, .reb-btn {
  background-color: var(--color-primary) !important;
  color: var(--color-button-text) !important;
  border-color: var(--color-primary) !important;
}
button:hover, .btn:hover, .reb-btn:hover {
  background-color: var(--color-accent) !important;
  border-color: var(--color-accent) !important;
}
button:disabled, .btn:disabled, .reb-btn:disabled {
  opacity: .85;
}

/* Явные правила под макет */
/* Основной цвет */
.product-item .red-btn,
.product-item .red-btn:hover,
.product-detail .product-info .btn-cart {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: var(--color-button-text) !important;
}
/* Убираем тень у кнопки в карточке товара */
.product-detail .product-info .btn-cart {
  box-shadow: none !important;
}

/* Второй основной цвет (акцент/hover) */
.product-detail .product-info .btn-cart:hover {
  background-color: var(--color-accent) !important;
  border-color: var(--color-accent) !important;
  color: var(--color-button-text) !important;
  box-shadow: none !important;
}
.accordionjs li.acc_active h2,
.accordionjs li h2:hover {
  color: var(--color-accent) !important;
}

/* Активные/hover элементы внутри flex-category */
.accordionjs li .flex-category a.active,
.accordionjs li .flex-category .second-item:hover {
  color: var(--color-accent) !important;
}

/* Инфо-блоки магазина: цвет текста при ховере */
.info-shop .info-shop-items .info-shop-item a:hover .text {
  color: var(--color-accent) !important;
}

/* Меню категорий: активный и hover — второй основной цвет */
.menu-category .menu-category_content .category-first .category-first_list .category-first_item > a.active,
.menu-category .menu-category_content .category-first .category-first_list .category-first_item > a:hover {
  color: var(--color-accent) !important;
}

/* Меню категорий: ссылки последнего уровня — hover/active вторым основным цветом */
.menu-category .menu-category_content .category-first .category-last_list .category-last a:hover,
.menu-category .menu-category_content .category-first .category-last_list .category-last a.active {
  color: var(--color-accent) !important;
}

/* Сортировка: активный — основной, hover — второй основной */
.sorting li.active a {
  color: var(--color-primary) !important;
}
.sorting li.active a:hover {
  color: var(--color-accent) !important;
}

/* Кнопка корзины в карточке товара */
.product-item .btn-cart {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: var(--color-button-text) !important;
  box-shadow: none !important;
}
.product-item .btn-cart:hover {
  background-color: var(--color-accent) !important;
  border-color: var(--color-accent) !important;
  color: var(--color-button-text) !important;
  box-shadow: none !important;
}

/* Бейджи количества в шапке */
.header .header-links .header-links-item a .count,
.header .header-links .header-links-item.cart .quantity {
  background-color: var(--color-primary) !important;
  color: var(--color-button-text) !important;
  border-color: var(--color-primary) !important;
}

/* Мобильные бейджи/счетчики в шапке */
.mobile-header .flex .navigation .cart .quantity,
.mobile-profile-icon .count {
  background-color: var(--color-primary) !important;
  color: var(--color-button-text) !important;
  border-color: var(--color-primary) !important;
}

/* Активные элементы в мобильном дропдауне */
.dropdown .dropdown-content .shops.active {
  color: var(--color-primary) !important;
}

/* Кнопки в корзине */
.cart-dropdown a.red-btn,
.total-cart .shop-btn {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: var(--color-button-text) !important;
}

/* Итог в дропдауне корзины — сумма основным цветом */
.cart-dropdown .cart-dropdown-content .total p span {
  color: var(--color-primary) !important;
}

/* Сообщения/алерты */
.messages,
.messages.danger {
  background: var(--color-primary) !important;
  color: var(--color-button-text) !important;
}

/* Фильтр цвета */
.filter form .color-filter .text {
  color: var(--color-primary) !important;
}

/* Навигация магазина: hover */
.shop-nav .flex a:hover,
.shop-nav .flex a.shop-products:hover {
  color: var(--color-primary) !important;
}

/* Активные точки слайдеров (owl) */
.owl-dots .owl-dot.active {
  background: var(--color-primary) !important;
}

/* Элементы заказов (мобильные списки) */
.shop-order-item .grid .right-side a.title.is_read {
  color: var(--color-primary) !important;
}
.shop-order-item .grid .left-side .btn.confirm {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: var(--color-button-text) !important;
}
.shop-order-item .grid .right-side .info .item li span.total-sum {
  color: var(--color-primary) !important;
}

/* Кастомный чекбокс с градиентом */
.global-other-checkbox label input:checked + .indicator:before {
  background: linear-gradient(0deg, var(--color-primary), var(--color-primary)), #EEEEEE !important;
}

/* Пагинация (включая компонент pagination_second.html) */
.pagination-page-active {
  background-color: var(--color-primary) !important;
  color: var(--color-button-text) !important;
  border-color: var(--color-primary) !important;
}
.pagination-page:hover {
  background-color: var(--color-primary) !important;
  color: var(--color-button-text) !important;
}
.pagination-arrow-start,
.pagination-arrow-end {
  color: var(--color-primary) !important;
  border-color: var(--color-border) !important;
}
.pagination-arrow-start:hover,
.pagination-arrow-end:hover {
  background-color: var(--color-primary) !important;
  color: var(--color-button-text) !important;
}

/* Общий hover для стрелок пагинации */
.pagination-arrow:hover {
  background-color: var(--color-primary) !important;
  color: var(--color-button-text) !important;
  border-color: var(--color-primary) !important;
}

/* Цена — основной цвет на списках и в карточке товара */
.price, .product-price,
.product-item .price,
.product-item .product-price,
.product-detail .product-price,
.product-detail .product-info .price {
  color: var(--color-primary) !important;
}
.product-item .info .price .flex .left .new-price {
  color: var(--color-primary) !important;
}