/* ВЗГКО — кастомная палитра по vzgro_site.html
 * navy #1A2F4A | orange #E8701A | teal #0D7377 | green #1B8C5E | dark #0D1F30
 * подменяет акцентный цвет шаблона intec.universe (#116afc → #E8701A)
 * Подключается через parts/custom/header.end.php
 */

:root {
  --vzg-navy: #1A2F4A;
  --vzg-orange: #E8701A;
  --vzg-orange-hover: #d4611a;
  --vzg-teal: #0D7377;
  --vzg-green: #1B8C5E;
  --vzg-dark: #0D1F30;
}

/* === Текст с акцентным цветом === */
.intec-cl-text { color: var(--vzg-orange) !important; }
.intec-cl-text-active:active,
.intec-cl-text-active.active,
.intec-cl-text-focus:focus,
.intec-cl-text-hover:hover { color: var(--vzg-orange) !important; }

/* === Заливка / SVG fill === */
.intec-cl-background,
.intec-cl-background-active:active,
.intec-cl-background-focus:focus,
.intec-cl-background-hover:hover {
  background-color: var(--vzg-orange) !important;
  fill: var(--vzg-orange) !important;
}

/* === Границы === */
.intec-cl-border,
.intec-cl-border-active:active,
.intec-cl-border-focus:focus,
.intec-cl-border-hover:hover {
  border-color: var(--vzg-orange) !important;
}

/* === Тёмные акценты (футер, header strip) === */
.intec-cl-text-dark { color: var(--vzg-navy) !important; }
.intec-cl-background-dark { background-color: var(--vzg-navy) !important; }
.intec-cl-border-dark { border-color: var(--vzg-navy) !important; }

/* === Светлые варианты на 40% светлее === */
.intec-cl-text-light-hover:hover { color: var(--vzg-orange-hover) !important; }
.intec-cl-background-light-hover:hover { background-color: rgba(232, 112, 26, 0.08) !important; }

/* === Кнопки с акцентом — общие классы intec === */
.intec-ui-button-color,
.intec-ui-button-color:active,
.intec-ui-button-color:hover,
button.intec-ui-button-color,
a.intec-ui-button-color {
  background-color: var(--vzg-orange) !important;
  border-color: var(--vzg-orange) !important;
  color: #fff !important;
}
.intec-ui-button-color:hover { background-color: var(--vzg-orange-hover) !important; }

/* === Цены и акценты в карточках === */
.widget .widget-title,
.widget-header .widget-title { color: var(--vzg-navy) !important; }

/* === Логотип-текст === */
.c-main-header .logo-text,
.c-main-header [class*=logo]:not(img) { color: var(--vzg-orange); }

/* === Подменяем растровый логотип на SVG === */
.c-main-header img[src$="logotype.png"],
img[src$="/include/logotype.png"] {
  content: url('/include/logotype.svg');
  width: 280px; height: 70px; max-width: 100%;
}

/* === Header (sticky) — более тёмный navy === */
.c-main-header,
.c-main-header-fixed { background-color: var(--vzg-navy) !important; }

/* === Footer === */
.c-main-footer { background-color: var(--vzg-dark) !important; }

/* === Hero-блок (главный баннер) === */
.c-main-slider .slider-slide-content,
.c-main-slider .slide-content,
.slider-slide-content h1,
.slider-slide-content h2 { color: #fff; }

/* === Бейджи акций (трейд-ин, выкуп, склад) — раскрасить === */
[data-code="trade-in"] .widget-header,
.shares-item[data-code="trade-in"] .shares-item-header { background-color: var(--vzg-teal) !important; }
[data-code="buyback-guarantee"] .widget-header,
.shares-item[data-code="buyback-guarantee"] .shares-item-header { background-color: var(--vzg-orange) !important; }
[data-code="in-stock"] .widget-header,
.shares-item[data-code="in-stock"] .shares-item-header { background-color: var(--vzg-green) !important; }

/* === Тег "Хит/Новинка/Рекомендуем" === */
.products-item-mark-hit { background-color: var(--vzg-orange) !important; color: #fff !important; }
.products-item-mark-new { background-color: var(--vzg-green) !important; color: #fff !important; }
.products-item-mark-recommend { background-color: var(--vzg-teal) !important; color: #fff !important; }