/* КНОПКА НАВИГАЦИИ ВВЕРХ/ВНИЗ */
.btn-back-top,
button.btn-back-top {
    background: #f7f3ef !important; 
    border: 2px solid #B16E0A !important; 
}

/* ЦВЕТ ВНУТРЕННЕЙ СТРЕЛКИ */
.btn-back-top svg.icon-back-top-arrow,
.btn-back-top svg.icon-back-top-arrow * {
    stroke: #7c8f6c !important; 
    fill: none !important;
}
/* 1. ПЛОТНЫЙ ЦВЕТ ШАПКИ БЕЗ ПРОЗРАЧНОСТИ */
.light-theme {
    --up-header-bg: #faf6ee !important;
}
/* 2. ДЕЛАЕМ РАМКУ И ТЕНЬ ШАПКИ НА СМАРТФОНАХ ЧУТЬ ТЕМНЕЕ */
@media (max-width: 992px) {
    .light-theme .up-header {
        /* Нижняя рамка: делаем благородный кофейно-кремовый контур */
        border-bottom: 1px solid rgba(109, 86, 39, 0.25) !important;
        
        /* Парящая тень: делаем её чуть темнее и глубже для объема */
        box-shadow: 0 4px 12px rgba(109, 86, 39, 0.15) !important;
    }
}

#cart > .btn {
    background: #faf6ee !important;
    color: #845c19 !important;
    border-radius: 22px !important;
}
#cart .cart-total {
    background: #815b1c !important;
    color: #ffffff !important;
    font-size: 14px !important; /* Увеличили размер цифры для читаемости */
    line-height: 14px !important; /* Выравнивание увеличенной цифры по центру */
}

/* 1. УВЕЛИЧИВАЕМ ВСЕ ИКОНКИ ШАПКИ ДО ПРАВИЛЬНЫХ 24px */
.up-icon-22,
.up-header__btn-mobile-menu i,
.up-header .btn-open-contact i,
.up-header .btn-open-search i,
.box-account .btn-account i,
.btn-wishlist-top i,
.btn-compare-top i {
    font-size: 24px !important;
}

/* 2. КРАСИМ ТОЛЬКО НАВИГАЦИОННЫЕ ИКОНКИ (БЕЗ КОРЗИНЫ) */
.up-header__btn-mobile-menu,
.up-header .btn-open-contact, 
.up-header .btn-open-search, 
.box-account .btn-account, 
.btn-wishlist-top, 
.btn-compare-top {
    color: #83560a !important;
}


/* ==========================================================================
   ОБЩИЕ СТИЛИ ТАБОВ И КНОПОК НАВИГАЦИИ (ДЛЯ ВСЕХ ЭКРАНОВ)
   ========================================================================== */

/* 1. Стиль активной вкладки товара */
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:hover, 
.tabs__header .my-tabs.nav-tabs > li.active > a:focus, 
.tabs__header .my-tabs > li.active a {
    background-color: #ffffff !important;
    color: #B16E0A !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    position: relative !important;
    z-index: 5 !important;
}

/* 2. Стиль неактивных вкладок товара */
.my-tabs.nav-tabs > li > a {
    background-color: #f9f7f3 !important;
    color: #7a7a7a !important;
    border: 1px solid #f2e4d1 !important;
    border-radius: 8px !important;
    margin-right: 4px !important;
}

/* 3. Кнопки «Следующий», «Поделиться» */
.btn-share, 
.next-product, 
.prev-product {
    background: #ffffff !important;
    border: 1px solid #f2e4d1 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 12px rgba(40, 30, 15, 0.12) !important;
}

/* 4. Настройка подложки и липкой панели табов при скролле */
.my-tabs {
    background: #f9f7f3 !important;
    border-radius: 12px !important;
}

.tabs__header {
    background: #f9f7f3 !important;
    border: none !important;
}

/* ФИКС СРЕЗАННОЙ ТЕНИ И ИСЧЕЗНОВЕНИЯ: Безопасный слой для плавной прокрутки под шапкой */
.tabs__header.active-tab-sticky {
    position: sticky !important;
    z-index: 1005 !important; 
}

.tabs__header.active-tab-sticky:before {
    background: #f9f7f3 !important;
    box-shadow: 0px 8px 16px rgba(109, 86, 39, 0.15) !important;
}

/* 5. ФИКС НАЙДЕННОЙ ВНУТРЕННЕЙ БЕЛОЙ ПОЛОСЫ СИНХРОННО В КРЕМОВЫЙ ЦВЕТ */
.tabs__header .tabs__header__scroll {
    background: #f9f7f3 !important;
}

/* ГЛОБАЛЬНЫЙ ПЕРЕВОД СЕРЫХ ЗОН САЙТА В КРЕМОВЫЙ ЦВЕТ */
:root, html, body {
    --up-bg-gray: #f9f7f3 !important;
    --up-bg-light: #f9f7f3 !important;
}

/* Очистка жестко прописанных серых фонов OpenCart */
div[style*="background:#f5f5f7"],
div[style*="background: #f5f5f7"],
div[style*="background-color:#f5f5f7"],
div[style*="background-color: #f5f5f7"] {
    background: #f9f7f3 !important;
    background-color: #f9f7f3 !important;
}
/* ==========================================================================
   КОНТУРНАЯ СЕТКА САЙТА (ОБЩАЯ РАМКА ДЛЯ ПК И МОБИЛЬНОЙ ВЕРСИИ)
   ========================================================================== */
#product .image-block,
.p-block,
.tabs-product .tab-content .tab-pane {
    border: 1px solid #e9e4da !important;
}

/* ИСПРАВЛЕНИЕ НАПОЛЗАНИЯ КНОПОК НА НИЖНИЙ БЛОК */
.top-product-button {
    margin-bottom: 12px !important; 
}

/* ОБЪЕДИНЕННЫЙ ОЛИВКОВЫЙ ЦВЕТ ДЛЯ АКТИВНОЙ КНОПКИ И ПЛЮСИКОВ */
.light-theme .btn-general.is-active,
.related-products__action .btn-general .add-icon-plus:after,
.related-products__action .btn-general .add-icon-plus:before {
    background: #556B2F !important;
    background-color: #556B2F !important;
}



/* ==========================================================================
   ФИРМЕННЫЕ СТАТУСЫ НАЛИЧИЯ И АРТИКУЛ (ОБЩИЕ ДЛЯ ПК И МОБИЛЬНОЙ ВЕРСИИ)
   ========================================================================== */

/* 1. Плашка «В наличии» (зеленый текст и нежный 10% фоновый оттенок) */
.p-stock-status__label--in {
    color: #607050 !important;
    background-color: rgba(96, 112, 80, 0.10) !important;
}

/* 2. Плашка «Нет в наличии» (мягкий кораллово-красный текст и нежный 10% фон) */
.p-stock-status__label--out {
    color: #bc5a4b !important; /* Приятный глазу, некричащий красный */
    background-color: rgba(188, 90, 75, 0.10) !important;
}

/* 3. Код товара (артикул) — меняем только цвет */
.p-header__prop-text {
    color: #607050 !important;
}