/* ==========================================
   1. ОБЩИЕ ФОНЫ И КОНТЕЙНЕРЫ (ТЕМНАЯ ТЕМА)
   ========================================== */
main, 
#content, 
.container, 
.uni-wrapper, 
#product,
.product-page-tabs, 
.tab-content, 
.tab-pane,
.owl-item,
.product-banner {
    background-color: #1a1a1a !important;
    background: #1a1a1a !important;
}

.menu__banner > div {display:flex;flex-direction:column;justify-content:center;padding:20px 15px;text-align:center;background:rgba(0,0,0, .03);border-radius:4px}
.menu__banner div img {margin:20px 0;padding:15px}
.menu__banner span {color:#fe7200;font-size:1.5em;font-weight:500}
.menu__banner span:last-of-type{font-size:1.3em}

.article_description h3.heading{font-weight:700}
.article_description .heading:before{padding:0 5px 0 0;content:'#';color:#f00}

/* ==========================================
   2. КАРТОЧКИ ТОВАРОВ И КАТЕГОРИИ
   ========================================== */
.product-thumb, 
.product-thumb__caption {
    background-color: #1a1a1a !important;
    background: #1a1a1a !important;
}

.product-thumb__name, 
.product-thumb__name a,
.product-thumb__price,
.product-thumb__description {
    color: #ffffff !important;
}

.product-thumb__model,
.product-thumb__attribute {
    color: #b0b0b0 !important;
}

h1, h2, h3, h4,
.product-info,
.tab-content {
    color: #ffffff !important;
}

.breadcrumb li a {
    color: #b0b0b0 !important;
}

.category-wall__item,
.review-module__item,
.category-list__item,
.category-list__name {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

/* ==========================================
   3. ФИЛЬТР ТОВАРОВ (OCFILTER) И СЕО-ТЕКСТ
   ========================================== */
.ocfilter-option,
#ocfilter,
.category-info {
    background-color: #1a1a1a !important;
    color: #b0b0b0 !important;
}

.ocfilter-option .badge {
    background-color: #2e2e2e !important;
    color: #ffffff !important;
}

.category-info__description::after {
    background: linear-gradient(180deg, rgba(26, 26, 26, 0) 0%, #1a1a1a 100%) !important;
    box-shadow: none !important;
}

.category-page.category-info,
.category-info-bottom {
    background-color: transparent !important;
    background: transparent !important;
}

span.category-info__btn,
.category-info__btn {
    color: #ff6600 !important;
}

span.category-info__btn:hover {
    color: #ff8533 !important;
}

h1, 
.breadcrumb-h1 h1 {
    color: #ff6600 !important;
}

.ocf-option-name,
#ocfilter .ocf-option-name,
.pull-left.text-left,
#ocfilter .pull-left.text-left {
    color: #ff6600 !important;
}

.selected-options .ocfilter-option span,
.selected-options .ocfilter-option button.btn-default,
#ocfilter .selected-options .btn {
    color: #ff6600 !important;
}

#ocfilter .dropdown-menu label.input,
#ocfilter .dropdown-menu label.input span,
#ocfilter .dropdown-menu label.input small.badge {
    color: #ff6600 !important;
}

#ocfilter .dropdown-menu label.input input[type="checkbox"] {
    accent-color: #ff6600 !important;
}

/* ==========================================
   4. ЦВЕТА ЦЕН, КНОПОК И ИКОНОК
   ========================================== */
.product-thumb__price,
.product-page__price,
.product-page__price-new,
#fly-menu .product-page__price-new,
.price,
.price-new {
    color: #ff6600 !important;
}

.product-thumb__price-old,
.product-page__price-old,
.price-old {
    color: #888888 !important;
}

.rating i,
.rating .fa-star,
.rating .uni-icon,
.rating-star,
.review-module__rating i {
    color: #ff9900 !important;
}

.product-thumb__cart-btn,
.product-page__add-to-cart,
.btn-primary,
#fly-menu .btn {
    background-color: #ff6600 !important;
    border-color: #ff6600 !important;
    color: #ffffff !important;
}

.product-thumb__cart-btn:hover,
.product-page__add-to-cart:hover,
.btn-primary:hover {
    background-color: #e65c00 !important;
    border-color: #e65c00 !important;
}

#fly-menu,
#fly-menu.fly-menu.show {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-bottom: 1px solid #333333 !important;
}

#fly-menu .product-page__name {
    color: #ffffff !important;
}

.product-page__wishlist-btn,
.product-page__compare-btn,
.product-thumb__wishlist-btn,
.product-thumb__compare-btn {
    background-color: #2a2a2a !important;
    border: 1px solid #444444 !important;
    color: #ffffff !important;
}

.product-page__wishlist-btn i,
.product-page__compare-btn i,
.product-thumb__wishlist-btn i,
.product-thumb__compare-btn i {
    color: #ff6600 !important;
}

.product-tag__item,
a.product-tag__item {
    background-color: #2a2a2a !important;
    border: 1px solid #444444 !important;
    color: #cccccc !important;
}

.product-tag__item:hover,
a.product-tag__item:hover {
    background-color: #ff6600 !important;
    color: #ffffff !important;
    border-color: #ff6600 !important;
}

.qty-switch__btn,
.qty-switch__input,
.product-page__qty-btn,
.product-page__qty-input {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
}

.product-thumb__quick-order,
.product-thumb__wishlist,
.product-thumb__compare,
.uni-action-btn {
    background-color: #2a2a2a !important;
    border: 1px solid #444444 !important;
}

.product-thumb__quick-order i,
.product-thumb__wishlist i,
.product-thumb__compare i,
.uni-action-btn i {
    color: #ffffff !important;
}

.stock,
.instock,
.product-thumb__stock,
.product-page__stock {
    color: #2ecc71 !important;
}

/* ==========================================
   5. ПОИСК И ПОИСКОВЫЕ ВЫПАДАЮЩИЕ СПИСКИ
   ========================================== */
.header-search__input,
input.header-search__input.form-control {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
}

.header-search__input::-webkit-input-placeholder { color: #888888 !important; }

.header-search__btn,
.header-search__btn i {
    background-color: #2a2a2a !important;
    color: #ff6600 !important;
    border-color: #444444 !important;
}

.live-search__ul,
.live-search {
    background-color: #1a1a1a !important;
    border: 1px solid #444444 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.7) !important;
}

.live-search__item {
    background-color: #1a1a1a !important;
    border-bottom: 1px solid #333333 !important;
}

.live-search__item:hover,
.live-search__item.active {
    background-color: #2a2a2a !important;
}

.live-search__name,
.live-search__item a {
    color: #ffffff !important;
}

.live-search__price,
.live-search__price-new {
    color: #ff6600 !important;
}

.live-search__price-old {
    color: #888888 !important;
}

.product-category-list {
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    padding: 15px !important;
    border-radius: 4px !important;
}

.product-category-list a,
.product-category-list__item {
    background-color: #2a2a2a !important;
    color: #cccccc !important;
    border: 1px solid #444444 !important;
    display: inline-block !important;
    padding: 5px 12px !important;
    margin: 4px !important;
    border-radius: 3px !important;
    text-decoration: none !important;
}

.product-category-list a:hover {
    background-color: #ff6600 !important;
    color: #ffffff !important;
}

/* ==========================================
   6. ФОРМЫ, ИНПУТЫ, 404 И БЛОГ
   ========================================== */
input.form-control,
textarea.form-control,
select.form-control,
#content input[type='text'],
#content input[type='password'],
#content input[type='email'],
#content input[type='tel'],
#content textarea {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
}

input.form-control:focus,
textarea.form-control:focus {
    background-color: #333333 !important;
    border-color: #ff6600 !important;
}

.account-login__wrapper,
.uni-form {
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    color: #ffffff !important;
}

.error-not-found,
.error-not-found__404 {
    background: #2a2a2a !important;
    border: 2px solid #ff6600 !important;
    color: #ff6600 !important;
}

button.product-thumb__add-to-cart,
.product-thumb__add-to-cart {
    color: #000000 !important;
}

button.compare-page__delete,
.compare-page__delete {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
    border-radius: 4px !important;
}

.div-text-empty {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
    padding: 15px !important;
}

footer,
.footer {
    background-color: #1a1a1a !important;
    background-image: none !important;
}

.news-list__item,
.news-thumb__item {
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
}

.news-thumb__name a,
.news-list__title a {
    color: #ffffff !important;
}

/* ==========================================
   7. КОРЗИНА И ОФОРМЛЕНИЕ ЗАКАЗА (ПК И АДАПТИВ)
   ========================================== */
#modal-cart .modal-title,
#modal-cart .header-cart__name a,
#modal-cart .header-cart__price,
#modal-cart .header-cart__total,
#modal-cart .header-cart__quantity,
#modal-cart .modal-body,
#modal-cart .modal-header .close {
    color: #ff6600 !important;
    text-shadow: none !important;
}

.unicheckout-sticky__wrapper,
.unicheckout-sticky__heading,
.unicheckout-sticky label {
    color: #ffffff !important;
}

.unicheckout-sticky__total-price,
.unicheckout-sticky span[class*="price"] {
    color: #ff6600 !important;
    font-weight: bold !important;
}

#modal-cart .btn,
.unicheckout-sticky__confirm .btn {
    background-color: #ff6600 !important;
    border-color: #ff6600 !important;
    color: #ffffff !important;
}

#modal-cart .modal-content,
#modal-cart .modal-body,
#modal-cart .modal-header,
#modal-cart .header-cart__wrapper,
#modal-cart .header-cart__item {
    background-color: #222222 !important; 
    border-color: #333 !important;
}

/* Ограничение ширины корзины на ПК (чтобы не растягивалось на весь экран) */
@media (min-width: 992px) {
    #modal-cart .modal-dialog {
        max-width: 950px !important;
        margin: 30px auto !important;
    }
    .unicheckout-sticky,
    .unicheckout-sticky__wrapper {
        background-color: #222222 !important;
        border: 1px solid #333 !important;
        border-radius: 5px !important;
    }
}

.unicheckout-sticky {
    float: right !important;
    clear: right !important;
    position: relative !important;
    z-index: 10 !important;
}

@media (max-width: 991px) {
    .unicheckout-sticky {
        float: none !important;
        clear: both !important;
        width: 100% !important;
    }
}

/* МОБИЛЬНАЯ ВЕРСИЯ КОРЗИНЫ (строго для смартфонов до 767px) */
@media (max-width: 767px) {
    .modal-backdrop { 
        display: none !important; 
        opacity: 0 !important; 
    }
    body.modal-open { 
        overflow: auto !important; 
        padding-right: 0 !important; 
    }
    #modal-cart.modal { 
        pointer-events: none !important; 
        background: transparent !important; 
    }
    #modal-cart .modal-dialog { 
        pointer-events: auto !important; 
        margin: 0 !important; 
        width: 100% !important; 
        max-width: 100% !important; 
        transform: none !important; 
    }
    
    #modal-cart, 
    .modal-cart, 
    div[id*="modal-cart"] { 
        display: flex !important; 
        flex-direction: column !important; 
        justify-content: flex-end !important; 
        padding: 0 10px calc(20px + env(safe-area-inset-bottom)) 10px !important; 
        margin: 0 !important; 
        pointer-events: none !important; 
    }

    #modal-cart .modal-header,
    #modal-cart .header-cart__wrapper,
    #modal-cart .header-cart__items,
    #modal-cart .header-cart__empty {
        display: none !important;
    }

    #modal-cart .modal-content,
    .modal-cart .modal-content {
        background: #1a1a1a !important; 
        border: none !important;
        border-top: 2px solid #ff6600 !important;
        border-radius: 16px !important;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.9) !important;
        padding: 12px 16px !important;
        height: auto !important;
        pointer-events: auto !important;
    }

    #modal-cart .modal-body {
        padding: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        background: transparent !important;
        width: 100% !important;
    }

    #modal-cart .header-cart__totals-title,
    #modal-cart .header-cart__totals-text {
        color: #ff6600 !important;
    }

    #modal-cart .header-cart__totals {
        display: flex !important;
        align-items: center !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #modal-cart .header-cart__totals span {
        color: #ff6600 !important;
        margin-left: 6px !important;
    }

    #modal-cart .header-cart__buttons {
        display: flex !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    #modal-cart .header-cart__buttons *:first-child {
        display: none !important; 
    }
    
    #modal-cart .header-cart__buttons *:last-child {
        display: flex !important;
        font-size: 0 !important;
        padding: 0 !important;
        width: 48px !important;
        height: 40px !important;
        min-width: 48px !important;
        align-items: center !important;
        justify-content: center !important;
        background-color: #ff6600 !important;
        border-color: #ff6600 !important;
        border-radius: 8px !important;
        box-shadow: 0 2px 8px rgba(255, 102, 0, 0.4) !important;
        text-decoration: none !important;
    }
    
    #modal-cart .header-cart__buttons *:last-child::before {
        content: "🛒" !important;
        font-size: 20px !important;
        line-height: 1 !important;
    }
}

/* ==========================================
   ФИЛЬТР ТОВАРОВ (OCFILTER / UNIFILTER)
   ========================================== */
.ocfilter-option,
.ocfilter-option *,
.list-group-item.ocfilter-option,
#ocfilter,
#ocfilter * {
    background-color: #1a1a1a !important;
    color: #b0b0b0 !important;
}

.ocfilter-option .badge {
    background-color: #2e2e2e !important;
    color: #ffffff !important;
}

/* ==========================================
   КОРЗИНА И ОФОРМЛЕНИЕ ЗАКАЗА (ИСПРАВЛЕНО ДЛЯ МОБИЛЬНЫХ)
   ========================================== */

/* 1. Текст во всплывающей корзине */
#modal-cart .modal-title,
#modal-cart .header-cart__name a,
#modal-cart .header-cart__price,
#modal-cart .header-cart__total,
#modal-cart .header-cart__quantity,
#modal-cart .modal-body,
#modal-cart .modal-header .close {
    color: #ff6600 !important;
    text-shadow: none !important;
}

/* 2. Текст в блоке "Ваш заказ" */
.unicheckout-sticky__wrapper,
.unicheckout-sticky__wrapper div,
.unicheckout-sticky__wrapper span,
.unicheckout-sticky__wrapper label,
.unicheckout-sticky__heading,
.unicheckout-sticky__total-text,
.unicheckout-sticky__total-price {
    color: #ff6600 !important;
}

/* 3. Кнопки в корзине и оформлении заказа */
#modal-cart .btn,
.unicheckout-sticky__confirm .btn {
    background-color: #ff6600 !important;
    background: #ff6600 !important;
    border-color: #ff6600 !important;
    color: #ffffff !important;
}
#modal-cart .btn:hover,
.unicheckout-sticky__confirm .btn:hover {
    background-color: #ff8533 !important;
    background: #ff8533 !important;
    border-color: #ff8533 !important;
}

/* 4. Темный фон для корзины (для всех устройств) */
#modal-cart .modal-content,
#modal-cart .modal-body,
#modal-cart .modal-header,
#modal-cart .header-cart__wrapper,
#modal-cart .header-cart__item {
    background-color: #222222 !important; 
    background: #222222 !important; 
    border-color: #333 !important;
}
#modal-cart .header-cart__item {
    border-bottom: 1px solid #333 !important;
}

/* 5. Темный фон для заказа (СТРОГО ТОЛЬКО ДЛЯ ПК) */
@media (min-width: 992px) {
    .unicheckout-sticky,
    .unicheckout-sticky__wrapper,
    .unicheckout-sticky.header-is-fixed .unicheckout-sticky__wrapper {
        background-color: #222222 !important;
        background: #222222 !important;
        border: 1px solid #333 !important;
        border-radius: 5px !important;
    }
    
    .unicheckout-sticky__wrapper > div {
        background-color: transparent !important;
        background: transparent !important;
    }
}