/* gavrik-olive.css — палитра B «Болотная олива», 2026-10-20, v=20261020
   Только цвета. Логотип не трогаем. Подключается ПОСЛЕ custom.css (см. README-nat.md).
   Откат: убрать строку <link ...gavrik-olive.css...> из header.tpl — сайт как был.
   Цвета: олива #4E5B3C (верх, подвал, цена) · меню #A9B48B, текст меню #22281A
          кнопка #B4532F (белый текст), наведение #96421F · скидка #C2410C
          фон #F6F5EE · текст #262A20 · светлая олива #E3E7D6 (подложки) */

/* ---------- 1. Основа: фон, текст, ссылки ---------- */
html body { background-color:#F6F5EE; color:#262A20; }
html body #all_document, html body .main-content { background-color:#F6F5EE; }
html body a { color:#262A20; }
html body a:hover, html body a:focus,
html body .dropdown-menu li > a:hover, html body .dropdown-menu li > a:hover i,
html body .list-group a:hover, html body .list-group a.active:hover,
html body .catalog_list .revlevel_1.open > .title a:hover,
html body .ul_block_home_catwalls h4.home_catwalls_all_href a:hover,
html body .wwicons a:hover, html body .owl-carousel .owl-buttons div i:hover { color:#4E5B3C; }
html body .text-danger, html body .text-danger-inproduct,
html body .has-error .help-block, html body .has-error .control-label,
html body .has-error .checkbox, html body .has-error .radio { color:#C2410C; }
html body .has-error .form-control, html body .has-error .form-control:focus {
  -webkit-box-shadow:0 0 1px 0 #C2410C; box-shadow:0 0 1px 0 #C2410C; }
html body .alert-danger { background:#FBEDE6; border-color:#C2410C; color:#7A2A0A; }
html body ::selection { background-color:#E3E7D6; }

/* ---------- 2. Верхняя строка (#top) ---------- */
html body #top { background:#4E5B3C; }
html body .top-links.verh a, html body #top .btn-link { color:#FFFFFF; }
html body .top-links.verh a:hover, html body .top-links.verh a:hover .fa,
html body .top-links.verh .span-a:hover .fa, html body .top-links.verh .span-a:hover:hover,
html body .top-links.verh.header-menu a[href="akcii"]:hover,
html body #top3_links .top-links a:hover { color:#D9DFC6; background-color:transparent; }
html body .top-links.verh a.call-order { background:#B4532F; color:#FFFFFF; }
html body .top-links.verh a.call-order:hover { background:#96421F; color:#FFFFFF; }
html body .top-links.verh .mob-media .fa,
html body .top-links.verh .mob-media .fal { color:#D9DFC6 !important; } /* было style="color:#70c25c" */

/* ---------- 3. Шапка с логотипом, поиском, телефонами (#top2) ---------- */
html body #top2 { background:#FFFFFF; }
html body #top2 .search input[type='text'] { color:#262A20; border-color:#A9B48B; }
html body .search .search_button, html body .search .search_button i { color:#4E5B3C; }
html body .search .search_button:hover, html body .search .change_category_button:hover,
html body #top2 .tel .s22:hover i { color:#B4532F; }

/* ---------- 4. Полоса меню (#top3, #menu) ---------- */
html body #top3 { background:#A9B48B; }
html body #menu .nav > li > a,
html body .menu-cart-user .user-menu > a,
html body #cart button.cart, html body #cart_mobi button.cart {
  background-color:#F6F5EE; color:#22281A; }
html body #menu .nav > li > a i { color:#22281A; }
html body #menu .nav > li > a:hover, html body #menu .nav > li.open > a {
  background-color:#FFFFFF; color:#4E5B3C; }
html body #menu .nav > li .dropdown-menu li .dropdown-menu ul li a:hover,
html body #menu .nav > li .dropdown-menu li .dropdown-menu ul li a:hover .fa,
html body #menu .nav > li > div > .dropdown-menu > div > ul > li > a:hover,
html body #menu2 a:hover, html body #menu2 li.glavli a:hover,
html body #menu2 ul.lastul li a:hover, html body #menu2 ul.child2-box > li > a:hover { color:#B4532F; }
html body #menu2_button .box-heading, html body a.mobil_mmenu_three { background-color:#4E5B3C; }
/* Значки животных в меню — чёрные. Без замены картинок: фильтр делает
   все непрозрачные точки чёрными, прозрачность сохраняется. Откат — вместе с файлом. */
html body #menu .nav > li > a > span > img,
html body #menu .nav > li > a > img,
html body #menu .nav > li > .without_a img { -webkit-filter:brightness(0); filter:brightness(0); opacity:.9; }

/* Счётчик корзины */
html body .ic-total { background:#C2410C; color:#FFFFFF; }

/* ---------- 5. Кнопки ---------- */
html body .btn-primary, html body .btn-danger,
html body .options-product-select .ors-row-col-4 a,                     /* «В корзину» в карточке списка */
html body .product-info #button-cart,                                   /* «В корзину» в товаре */
html body .popup_notification .popup-footer a,
html body #popup-order-okno .popup-footer a,                            /* «Купить в 1 клик» */
html body #popup-okno .popup-footer a,
html body #popup-view-wrapper .popup-footer a,
html body #revcheckout .btn-primary, html body #revcheckout button[type=submit],  /* оформление заказа */
html body .product-thumb .fa-border.fa-shopping-basket,
html body .options_buy .fa-border, html body .wwicons .fa-border.fa-shopping-basket {
  background-color:#B4532F; border-color:#B4532F; color:#FFFFFF; }
html body .btn-primary:hover, html body .btn-primary:focus, html body .btn-primary:active,
html body .btn-danger:hover,
html body .options-product-select .ors-row-col-4 a:hover,
html body .product-info #button-cart:hover,
html body .popup_notification .popup-footer a:hover,
html body #popup-order-okno .popup-footer a:hover, html body #popup-okno .popup-footer a:hover,
html body #popup-view-wrapper .popup-footer a:hover,
html body #revcheckout .btn-primary:hover,
html body .product-thumb .cart:hover .q_button,
html body .product-thumb .fa-border.fa-shopping-basket:hover,
html body .options_buy .fa-border:hover, html body .wwicons .fa-border.fa-shopping-basket:hover,
html body .cd-products-comparison-table .fa-border.fa-shopping-basket:hover {
  background-color:#96421F; border-color:#96421F; color:#FFFFFF; }
html body .product-thumb .cart:hover .q_chislo { border-color:#96421F; }

/* Плюс/минус, удалить, сердечки, сравнение */
html body .product-info .btn-plus button:hover, html body .product-info .btn-minus button:hover,
html body .table-revolution .btn-plus button:hover, html body .table-revolution .btn-minus button:hover,
html body .display-products-cart .btn-plus button:hover, html body .display-products-cart .btn-minus button:hover,
html body .mobile-products-cart .btn-plus button:hover, html body .mobile-products-cart .btn-minus button:hover,
html body #revcheckout .btn-plus button:hover, html body #revcheckout .btn-minus button:hover,
html body .table-revolution tr td.remove button:hover, html body .display-products-cart tr td.remove button:hover,
html body .mobile-products-cart .remove button:hover, html body #revcheckout .delete button:hover,
html body .product-thumb .fa-border:hover, html body .product-thumb .in_wishlist .fa-border,
html body .product-thumb .in_compare .fa-border,
html body .product-info .in_wishlist .fa, html body .product-info .in_compare .fa,
html body .product-info .pop_ico:hover, html body .product-info .wishlist .fa:hover,
html body .product-info .compare .fa:hover, html body .mobile_info button:hover,
html body .close:hover, html body .mfp-close:hover, html body label.remcom:hover { color:#B4532F; }

/* Звёзды рейтинга */
html body .rating .fa-star, html body .rat-star.active, html body .rat-star.checked { color:#C98A2B; }

/* Нумерация страниц */
html body .pagination > li > a, html body .pagination > li > span { color:#4E5B3C; }
html body .pagination > .active > a, html body .pagination > .active > a:hover,
html body .pagination > .active > a:focus, html body .pagination > .active > span,
html body .pagination > .active > span:hover, html body .pagination > .active > span:focus {
  background-color:#4E5B3C; border-color:#4E5B3C; color:#FFFFFF; }

/* ---------- 6. Цены ---------- */
html body .product-thumb .price-new, html body .table.table-revolution .price-new,
html body .compare-info .osnovtd .price-new,
html body .product-info .form-group .list-unstyled .update_price,
html body .display-products-cart #special-price, html body .mobile-products-cart #special-price,
html body .price-options span, html body .product-thumb .price { color:#4E5B3C; }
/* Цена со скидкой: в custom.css стоит color:red!important — перебиваем тем же способом */
html body .product-info .form-group .list-unstyled .update_price.oldprice,
html body .product-info .form-group .list-unstyled .update_special,
html body .product-thumb.prod-sale .options-product-select .ors-row:not(.head) .ors-row-col-3,
html body .price-options .spec_price { color:#C2410C !important; }
html body .price-old, html body .price-options .price_old { color:#8A8A80; }

/* ---------- 7. Наклейки ---------- */
html body .image .stiker_spec, html body .image .stiker_netu { background-color:#C2410C; color:#FFFFFF; }
html body .image .stiker_best { background-color:#4E5B3C; color:#FFFFFF; }
html body .image .stiker_last { background-color:#E3E7D6; color:#22281A; }

/* ---------- 8. Зелёные полосы главной (#top6, акции, подписка) ----------
   ВНИМАНИЕ: #top6 и .index-page-action имеют style="background:#5fd47b!important"
   прямо в разметке (из настроек модуля). Такой стиль файлом не перебить —
   см. README-nat.md п. «Что останется зелёным». Ниже — то, что перебивается. */
html body .index-page-action:before, html body .index-page-action:after,
html body #top6:before, html body #top6:after { background:#4E5B3C !important; }
html body #revsubscribe { background:#4E5B3C; }

/* ---------- 9. Слайдер ---------- */
html body .slick-dots button, html body #top4 .owl-controls .owl-page span { background:#4E5B3C; }
html body #revslideshow .owl-buttons div, html body .slick-arrow { color:#4E5B3C; }

/* ---------- 10. Подвал ---------- */
html body footer .footer { background-color:#4E5B3C; color:#EEF0E6; }
html body footer .footer a { color:#EEF0E6; }
html body footer .footer a:hover { color:#FFFFFF; text-decoration:underline; }

/* ---------- 11. Телефонная версия ---------- */
html body .mobilemenu .navbar-nav > li > .list-group-submenu li > .list-group-submenu a:hover { color:#B4532F; }
html body .mobileviewphone { background-color:#4E5B3C; }
@media (max-width:991px) {
  html body #top3 { background:#A9B48B; }
}
@media (max-width:767px) {
  html body #top, html body .mob-header, html body #top .container { background:#4E5B3C; }
}

/* ---------- 12. Остальные «вшитые» зелёные (#5cf5a3, #72c35c, #72c15c, #72c35a) ---------- */
html body #top2 .search { border-color:#A9B48B; }
html body #top2 .search .search_button { background-color:#4E5B3C; }  /* картинка-лупа остаётся */
html body .slick-dots .slick-active button { background:#B4532F !important; }  /* в теме стоит !important */
html body #top4 .owl-controls .owl-page.active span { background:#B4532F; }
html body .review-list .date, html body .date_added { color:#4E5B3C; }
html body .rating .fa-star, html body .rating .fa-star + .fa-star-o { color:#C98A2B; }
html body .footer-col-2 ul li span, html body .footer-col-3 ul li sup,
html body .footer-col-3 ul li span { color:#D9DFC6; }
html body footer .soc_s a { background:#6E7251; }

/* v20261020b дополнение */
/* Только цвета (color, background-color, background-цвет, border-color). Исключение — фильтр значков п.1. */

/* 1) Значки «Наши преимущества» — белые на оливковой полосе (правило Nat, без изменений) */
#top6 .home_block .image img { filter: brightness(0); }

/* 2) Боковое меню разделов (list-group) */
html body .list-group a.list-group-item:hover,
html body .list-group a.list-group-item:focus { background-color:#EEF0E6; }
html body .list-group a.list-group-item.active,
html body .list-group a.list-group-item.active:hover,
html body .list-group a.list-group-item.active:focus { background-color:#4E5B3C; border-color:#4E5B3C; color:#FFFFFF; }
html body .list-group a.list-group-item.active > .badge { color:#4E5B3C; }

/* 3) Подвал: «Заказы онлайн…» — цвет задан в разметке (style="color:#72c35c"), поэтому !important */
html body footer .footer-col-3 b > span[style*="72c35c"] { color:#D9DFC6 !important; }

/* 4) Даты новостей на главной (тема: #blog_mod .blog-list .date_added) */
html body #blog_mod .blog-list .date_added { color:#4E5B3C; }

/* 5) Стрелки каруселей товаров (белый круг остаётся, значок терракотовый) */
html body .rev_slider .owl-buttons div,
html body .rev_slider .owl-buttons div i { color:#B4532F; }

/* 6) Кнопка «Подписаться» */
html body #revsubscribe #revsubscribe_submit { background-color:#B4532F; border-color:#B4532F; color:#FFFFFF; }
html body #revsubscribe #revsubscribe_submit:hover,
html body #revsubscribe #revsubscribe_submit:focus { background-color:#9A4527; border-color:#9A4527; color:#FFFFFF; }

/* 7) Кнопка «Акция» в телефонной шапке (только цвет, анимация как была) */
html body .top-links.verh li.sale-btn-top > a { background-color:#B4532F; }

/* 8) Фильтр FilterVier */
/* 8.1 заголовки блоков и «Ваш выбор:» */
html body #block_filter_vier #filter_vier .title_filter { background-color:#4E5B3C; color:#FFFFFF; }
html body #block_filter_vier #filter_vier .title_filter .title_p_f { color:#FFFFFF; }
/* 8.2 заголовок узкой панели «Фильтр товаров» */
html body #block_filter_vier #head_filter { background-color:#4E5B3C; color:#FFFFFF; }
/* 8.3 флажки */
html body #block_filter_vier #filter_vier a.checkb:before { border-color:#6B7A52; }
html body #block_filter_vier #filter_vier a.checkb:hover:not(.curs_def):before { background-color:#E3E6D8; border-color:#4E5B3C; }
html body #block_filter_vier #filter_vier a.checka.actionis:before { background-color:#4E5B3C; border-color:#4E5B3C; }
/* галочка (:after) уже белая — не трогаем. [проверить Nat] если за галочкой виден зелёный квадрат,
   раскомментировать: html body #block_filter_vier #filter_vier a.checka.actionis:after { background-color:#4E5B3C; } */
/* 8.4 ссылки «очистить» / «Сбросить» в «Ваш выбор» — прозрачные, оливковый текст и рамка */
html body #block_filter_vier #filter_vier .tec_vibor a { background-color:transparent; color:#4E5B3C; border-color:#4E5B3C; }
/* 8.5 выбранные значения (чипы) */
html body #block_filter_vier #filter_vier .tec_vibor .botton_fv.btn_fv { background-color:#A9B48B; border-color:#A9B48B; color:#262A20; }
html body #block_filter_vier #filter_vier .tec_vibor .botton_fv.btn_fv .delis { color:#262A20; }
/* 8.6 счётчики товаров */
html body #block_filter_vier #filter_vier .total_product.btn_fv { color:#6B6B5A; }
/* 8.7 кнопки «Показать» / «Показать все» */
html body #block_filter_vier .bloc_aj_all,
html body #block_filter_vier .aj_bloc_btn a { background-color:#B4532F; border-color:#B4532F; color:#FFFFFF; }
/* 8.8 всплывающая подсказка с числом товаров */
html body #block_filter_vier .aj_bloc_btn { background-color:#4E5B3C; color:#FFFFFF; }
/* 8.9 ползунок цены */
html body #block_filter_vier .irs-line { background:#E3E6D8; border-color:#E3E6D8; }
html body #block_filter_vier .irs-bar,
html body #block_filter_vier .irs-bar-edge { background:#4E5B3C; border-color:#4E5B3C; }
html body #block_filter_vier .irs-slider { background-color:#4E5B3C; }
html body #block_filter_vier .irs-single,
html body #block_filter_vier .irs-from,
html body #block_filter_vier .irs-to { background-color:#4E5B3C; color:#FFFFFF; }
html body #block_filter_vier .attrtool:after { color:#4E5B3C; }
/* 8.10 полоса «Показать фильтры» (узкий экран) — фон задан в разметке, поэтому !important */
html body #mobil_mini2.button_mobile_filters > a { background-color:#A9B48B !important; color:#262A20; }

/* v20261020d дополнение */
/* Только цвета (color, background-color). Без !important. */

/* 1) FilterVier, галочка в отмеченном флажке. Галочка рисуется псевдоэлементом :after:
   белые правая и нижняя рамки (это сама «галочка») на собственном фоне #2bc244 (зелёный внутри «уголка»).
   Красим только фон :after в цвет квадрата, белые рамки не трогаем — галочка остаётся белой. */
html body #block_filter_vier #filter_vier a.checka.actionis:after,
html body #block_filter_vier #filter_vier a.checka:after { background-color:#4E5B3C; }

/* 2) «очистить» в шапке «Ваш выбор:» — светлый текст на оливковой полосе.
   Разметка: .tec_vibor > .title_filter > span.text_dia > a. Чипы выбора — это span.botton_fv (не ссылки), их не задеваем. */
html body #block_filter_vier #filter_vier .tec_vibor .title_filter .text_dia a { color:#F6F5EE; }
html body #block_filter_vier #filter_vier .tec_vibor .title_filter .text_dia a:hover,
html body #block_filter_vier #filter_vier .tec_vibor .title_filter .text_dia a:focus { color:#FFFFFF; }

/* 3) Левая колонка категорий: неактивные пункты (тема: .list-group a {color:#06811d}).
   Активный пункт не меняется: его правила в разделе v20261020b сильнее (.active и .active:hover). */
html body .list-group a.list-group-item { color:#4E5B3C; }
html body .list-group a.list-group-item:hover,
html body .list-group a.list-group-item:focus { color:#B4532F; }
body{height:auto;min-height:100%}
.scroll-top-wrapper{bottom:70px}
@media (max-width:767px){footer .footer-col-3{margin-bottom:15px} footer .text-footer{margin-top:15px}}
/* stock-labels 20261022: метка наличия в карточках списков */
.gv-stock{display:inline-block;margin:2px 0 4px;padding:1px 8px;border-radius:10px;font-size:12px;line-height:18px;font-weight:600;white-space:nowrap}
.gv-stock-in{color:#1b7a2e;background:#e3f3e5}
.gv-stock-out{color:#777;background:#efefef}