@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

/* ============================================================
   tor-prof.ru — фирменный стиль под eme54
   Заливать как  catalog/view/javascript/imgotop/site.css
   ТОЛЬКО на tor-prof.ru

   Палитра eme54:
     #0F8EC5  основной синий      #1993C7  светлее (наведение)
     #1889BA  темнее (нажатие)    #E74C24  акцент, призыв к действию
     #D2411C  акцент темнее       #27303E  графит, структура
     #55606F  графит светлее      #E5E7E9  рамки

   ВАЖНО — два источника цвета, они не пересекаются:

   1. Панель Unity Store (таблица oc_settemplate) печатает свои
      цвета инлайном в <style> шапки через common/settemplate.twig.
      Инлайн сильнее внешнего файла, поэтому те цвета отсюда НЕ
      переопределяются — они меняются скриптом
      Клиенты\РемТехСнаб\settemplate_eme_palette.sql
   2. Остальное захардкожено в stylesheet.css темы. Вот его
      этот файл и перекрывает: он подключается после темы.

   Разбор сделан по исходнику stylesheet.css: 87 правил,
   где стоят фирменные #ff3366 (розовый) и #3d5165 (тёмно-синий).
   Розовый в теме играл две роли сразу — интерактив и акцент,
   поэтому здесь он разошёлся на синий и оранжевый.
   ============================================================ */


/* --- Шрифт --------------------------------------------------- */

body,
.btn, button, input, select, textarea,
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}


/* ============================================================
   ГРАФИТ — структура, меню, заголовки
   (в теме было #3d5165)
   ============================================================ */

#menu .btn-navbar,
#menu-mobile,
#mobile-menu #menu,
.navbar_category .btn-navbar,
.btn-color-bg,
.stiker-module-new .trapezium10,
.product-thumb .image .cheapering a:before,
.border-center .swiper-pager svg,
.owl-carousel .owl-buttons svg,
.categorycarousel .checkbox-group-overflow > .scroll-element,
.categorycarousel .checkbox-group-overflow > .scroll-element .scroll-element_size,
.categorycarousel .checkbox-group-overflow > .scroll-element .scroll-element_track {
	background-color: #27303E;
}

.product-thumb .caption h4 a,
.product-thumb .chevron a + a,
.owl-carousel.reviews .owl-item > div .name a,
.news .owl-item > div .name,
.category .list-category_menu > ul.list-unstyled > li > span > a,
#mobile-menu li .dropdown-menu a,
#mobile-menu li .dropdown-menu li > span,
#top-links .fa,
.reviewsshop strong,
.input-group > h3 > span,
.product-thumb .countdown_amount,
.product-thumb .countdown_section,
.phone-mob a {
	color: #27303E;
}

.svg-book,
.header-contact svg,
.wishlist button,
.compare button,
.quantity-input svg,
.quantity-input-cart svg {
	fill: #27303E;
}

.line-border { border-top-color: #27303E; }
.sort .btn-group button { border-color: #27303E; }
.sort .btn-group button.active-view .fa { text-shadow: 0 0 0 #27303E; }


/* ============================================================
   СИНИЙ — то, что нажимают и наводят
   (в теме было #3d5165 на кнопках и #ff3366 на интерактиве)
   ============================================================ */

.btn-button,
.btn-primary,
#search .btn-default.btn-lg,
.sort .btn-group button.active-view,
.options:not(#home_filter) .option input[type="radio"]:checked + label,
.options:not(#home_filter) .radio input[type="radio"]:checked + label,
.options:not(#home_filter) input[type="checkbox"]:checked + label {
	background: #0F8EC5;
}

.btn-button:hover,
.btn-primary:hover,
.btn-button:focus,
.btn-primary:focus,
#search .btn-default.btn-lg:hover { background: #1993C7; }

.btn-button:active,
.btn-primary:active { background: #1889BA; }

#search,
.options .image-label input[type="radio"]:checked + label > img,
.options .image-label input[type="checkbox"]:checked + label > img {
	border-color: #0F8EC5;
}

/* ссылки и наведение */
a:hover,
#top button:hover,
#top-links a:hover,
#top-links .fa.fa-bars,
.product ul.list-unstyled > li a,
.category ul.list-unstyled > li > span > a,
a.name-podcategory,
.icons-header a:hover svg,
.icons-header a:hover strong,
.btn-border-turquoise,
.bg-header .phone button,
.bg-header .social,
.contacts-right-header,
.header-contact .fa,
.contacts-left-header a .fa-envelope-o,
.contacts-left-header a .fa-phone {
	color: #0F8EC5;
}

.list-a a:hover svg,
.btn-color-link,
.child__category svg,
.product-thumb .wishlist button:hover svg,
.product-thumb .compare button:hover svg {
	fill: #0F8EC5;
}

/* вкладки-переключатели: «Категории», «Производители», «Все / Новинки» */
.category .nav.nav-tabs > li.day-nav.active > a,
.category .nav.nav-tabs li.category-nav.active > a,
.nav-tabs.categorycarousel > li.active > a,
.nav-tabs.categorycarousel > li.active > a:focus,
.nav-tabs.categorycarousel > li.active > a:hover {
	background: #0F8EC5;
	border-color: #0F8EC5;
}

.category .nav.nav-tabs.category-nav-ul { border-color: #0F8EC5; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
	border-color: #0F8EC5;
	color: #0F8EC5;
}

.nav-tabs > li.active > a svg,
.nav-tabs > li.active > a:focus svg,
.nav-tabs > li.active > a:hover svg { fill: #0F8EC5; }

.nav-tabs > li.active .fa,
.nav-tabs > li.active .after-fa { color: #0F8EC5; }

/* точки каруселей — в теме стоят с !important, иначе не перебить */
.owl-controls .owl-page.active span,
.swiper-pagination-clickable .swiper-pagination-bullet {
	border-color: #0F8EC5 !important;
}

.swiper-pagination-clickable .swiper-pagination-bullet-active,
.quickpay-product .swiper-pagination-bullet {
	background: #0F8EC5 !important;
	border-color: #0F8EC5 !important;
}


/* ============================================================
   АКЦЕНТ — цены, корзина, призывы к действию
   (в теме было #ff3366)
   ============================================================ */

.btn-color,
.btn-bg,
.btn-warning,
.btn-warning-bg,
.btn-danger,
.btn-warning-border,
.product-thumb .price-block button,
.product-thumb .chevron a,
.stiker-module-special .trapezium10,
.pagination-image-product > span.red > strong,
#cart.btn-group.btn-block button span#cart-total {
	background: #E74C24;
}

.btn-warning,
.btn-warning-border { border-color: #E74C24; }

.btn-warning:hover,
.btn-danger:hover,
.btn-danger:active {
	background: #D2411C;
	background-color: #D2411C;
	border-color: #D2411C;
}

.product-thumb .price-new,
p.price,
.rating .fa-star,
.rating .fa-star + .fa-star-o,
.redcolor,
.text_p.red,
.text-danger,
.product .countdown-thumb .countdown_amount,
div.required .control-label:before,
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
	color: #E74C24;
}

.red,
.divshadow .text-danger,
.divcart .text-danger,
.product .options .text-danger { border-color: #E74C24; }


/* ============================================================
   Мягкость карточек, как у eme
   ============================================================ */

.product-thumb {
	border-color: #E5E7E9;
	transition: box-shadow .18s ease;
}

.product-thumb:hover {
	box-shadow: 0 8px 24px rgba(111, 128, 136, .18);
}