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

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

a:hover {
    color: var(--color-accent);
}

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

/*button:hover,*/
/*.btn:hover,*/
.red-btn:hover {
    background-color: var(--color-accent) !important;
    border-color: var(--color-accent) !important;
}

button:disabled,
.btn:disabled,
.red-btn:disabled {
    opacity: 0.85;
}

.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;
}

/* Бейджи количества в шапке */
.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;
}

/* Сообщения/алерты: базовый и ошибка — основной цвет; успех — зелёный (не перекрывать .success) */
/*.messages:not(.success),*/
/*.messages.danger {*/
/*    background: var(--color-primary) !important;*/
/*    color: var(--color-button-text) !important;*/
/*}*/

/*.messages.success {*/
/*    background: #0AC006 !important;*/
/*    color: #ffffff !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;
}