/* site-shell-light.css — светлая тема шапки и подвала (рукописный файл, подключается после site-shell.css).
   Тема задаётся на сервере: kcShellTheme() в include/shell-header.php → классы .site-header--light / .site-footer--light
   (вместо .theme-dark). Специфичность #id + 2 класса выше любых правил сборки site-shell.css. */

/* ---------- логотип: два варианта, показывается подходящий теме ---------- */
.kc-shell .shell-brand .shell-logo--on-light { display: none; }
.kc-shell.site-header--light .shell-brand .shell-logo--on-dark,
.kc-shell.site-footer--light .shell-brand .shell-logo--on-dark { display: none; }
.kc-shell.site-header--light .shell-brand .shell-logo--on-light,
.kc-shell.site-footer--light .shell-brand .shell-logo--on-light { display: block; }

/* ================= ШАПКА ================= */
#kcHeader.site-header--light.kc-shell {
  --sl-text: #1a1a1a;
  --sl-nav: #2d3748;
  --sl-muted: #4a5568;
  --sl-faint: #718096;
  --sl-line: rgba(0, 0, 0, 0.08);
  --sl-accent: #2471c8;
  --sl-accent-hover: #1a5aa3;
  --sl-surface: #ffffff;
  --sl-surface-2: #f8f9fa;
  background: transparent;
  color: var(--sl-text);
  border-bottom: 1px solid var(--sl-line);
}
#kcHeader.site-header--light.kc-shell .shell-head-phone { color: var(--sl-text); }
#kcHeader.site-header--light.kc-shell .shell-head-phone:hover { color: var(--sl-accent); }
#kcHeader.site-header--light.kc-shell .shell-head-messages a { color: var(--sl-muted); }
#kcHeader.site-header--light.kc-shell .shell-head-messages a:hover { color: var(--sl-accent); }

#kcHeader.site-header--light.kc-shell .shell-navigation { border-top-color: var(--sl-line); border-bottom-color: transparent; }
#kcHeader.site-header--light.kc-shell .shell-menu-item summary,
#kcHeader.site-header--light.kc-shell .shell-nav-contact { color: var(--sl-nav); }
#kcHeader.site-header--light.kc-shell .shell-menu-item[open] summary,
#kcHeader.site-header--light.kc-shell .shell-menu-item summary:hover,
#kcHeader.site-header--light.kc-shell .shell-nav-contact:hover,
#kcHeader.site-header--light.kc-shell .shell-menu-item.is-current summary { color: var(--sl-accent); }
#kcHeader.site-header--light.kc-shell .shell-menu-item.is-current summary::before { background: var(--sl-accent); }

/* выпадающие панели */
#kcHeader.site-header--light.kc-shell .shell-menu-panel {
  background: var(--sl-surface);
  border: 1px solid #e2e8f0;
  border-top: 2px solid var(--sl-accent);
  box-shadow: 0 18px 40px rgba(26, 32, 44, 0.12);
}
#kcHeader.site-header--light.kc-shell .shell-menu-intro > span { color: var(--sl-accent); }
#kcHeader.site-header--light.kc-shell .shell-menu-intro > p { color: var(--sl-text); }
#kcHeader.site-header--light.kc-shell .shell-menu-link { color: var(--sl-nav); border-bottom-color: #e2e8f0; }
#kcHeader.site-header--light.kc-shell .shell-menu-link::after { color: var(--sl-accent); }
#kcHeader.site-header--light.kc-shell .shell-menu-link:hover { color: var(--sl-accent); border-bottom-color: var(--sl-accent); }
#kcHeader.site-header--light.kc-shell .shell-menu-link small { color: var(--sl-faint); }
#kcHeader.site-header--light.kc-shell .shell-menu-measure,
#kcHeader.site-header--light.kc-shell .shell-menu-measure-cell { color: var(--sl-accent); border-bottom-color: rgba(36, 113, 200, 0.45); }
#kcHeader.site-header--light.kc-shell .shell-menu-measure:hover { color: var(--sl-accent-hover); border-bottom-color: var(--sl-accent-hover); }
#kcHeader.site-header--light.kc-shell .shell-blue { color: var(--sl-accent); }

/* мобильная версия и «бургер»-панель */
@media (max-width: 760px) {
  #kcHeader.site-header--light.kc-shell { background: var(--sl-surface); border-bottom: 1px solid var(--sl-line); }
  #kcHeader.site-header--light.kc-shell .shell-menu-toggle { color: var(--sl-text); }
  #kcHeader.site-header--light.kc-shell .shell-menu-toggle:hover { color: var(--sl-accent); }
  #kcHeader.site-header--light.kc-shell .shell-navigation { background: var(--sl-surface); border: 0; }
  #kcHeader.site-header--light.kc-shell .shell-menu-item summary,
  #kcHeader.site-header--light.kc-shell .shell-nav-contact { color: var(--sl-text); }
  #kcHeader.site-header--light.kc-shell .shell-menu-item summary::after { color: var(--sl-faint); }
  #kcHeader.site-header--light.kc-shell .shell-menu-item.is-current summary,
  #kcHeader.site-header--light.kc-shell .shell-menu-item[open] summary { color: var(--sl-accent); }
  #kcHeader.site-header--light.kc-shell .shell-menu-panel,
  #kcHeader.site-header--light.kc-shell .shell-menu-panel.has-intro-measure { background: var(--sl-surface-2); border: 0; box-shadow: none; }
  #kcHeader.site-header--light.kc-shell .shell-menu-link { color: var(--sl-nav); }
  #kcHeader.site-header--light.kc-shell .shell-menu-link::after { color: var(--sl-accent); }
  #kcHeader.site-header--light.kc-shell .shell-menu-link small { color: var(--sl-faint); }
  #kcHeader.site-header--light.kc-shell .shell-menu-measure,
  #kcHeader.site-header--light.kc-shell .shell-menu-measure-cell { color: var(--sl-accent); border-top-color: #e2e8f0; }
  #kcHeader.site-header--light.kc-shell .shell-mobile-services { border-top-color: #e2e8f0; }
  #kcHeader.site-header--light.kc-shell .shell-mobile-contact-label { color: var(--sl-faint); }
  #kcHeader.site-header--light.kc-shell .shell-mobile-contact-phone { color: var(--sl-text); }
  #kcHeader.site-header--light.kc-shell .shell-mobile-contact-email { color: var(--sl-muted); }
  #kcHeader.site-header--light.kc-shell .shell-mobile-messengers a { color: var(--sl-nav); border: 1px solid #e2e8f0; background: var(--sl-surface-2); }
  #kcHeader.site-header--light.kc-shell .shell-mobile-messengers a:hover { color: var(--sl-accent); border-color: var(--sl-accent); }
}

/* ================= ПОДВАЛ ================= */
#kcFooter.site-footer--light.kc-shell {
  --fl-text: #1a1a1a;
  --fl-nav: #2d3748;
  --fl-muted: #4a5568;
  --fl-faint: #718096;
  --fl-line: #e2e8f0;
  --fl-accent: #2471c8;
  background: #f8f9fa;
  color: var(--fl-muted);
  border-top: 1px solid var(--fl-line);
}
#kcFooter.site-footer--light.kc-shell .shell-footer-top { border-top-color: transparent; }
#kcFooter.site-footer--light.kc-shell .shell-footer-brand p { color: var(--fl-muted); }
#kcFooter.site-footer--light.kc-shell .shell-footer-col h3 { color: var(--fl-text); }
#kcFooter.site-footer--light.kc-shell .shell-footer-col a { color: var(--fl-nav); }
#kcFooter.site-footer--light.kc-shell .shell-footer-col a:hover { color: var(--fl-accent); }
#kcFooter.site-footer--light.kc-shell .shell-blue { color: var(--fl-accent); }
#kcFooter.site-footer--light.kc-shell .shell-foot-label,
#kcFooter.site-footer--light.kc-shell .shell-payment-intro .shell-foot-label,
#kcFooter.site-footer--light.kc-shell .shell-footer-social .shell-foot-label { color: var(--fl-faint); }
#kcFooter.site-footer--light.kc-shell .shell-payment-intro h2 { color: var(--fl-text); }
#kcFooter.site-footer--light.kc-shell .shell-payment-intro h2 span { color: var(--fl-accent); }
#kcFooter.site-footer--light.kc-shell .shell-payment-option { background: #ffffff; border: 1px solid var(--fl-line); }
#kcFooter.site-footer--light.kc-shell .shell-payment-title > svg { stroke: var(--fl-accent); }
#kcFooter.site-footer--light.kc-shell .shell-payment-title h3 { color: var(--fl-text); }
#kcFooter.site-footer--light.kc-shell .shell-payment-marks,
#kcFooter.site-footer--light.kc-shell .shell-payment-marks li { color: var(--fl-nav); }
#kcFooter.site-footer--light.kc-shell .shell-payment-cashback,
#kcFooter.site-footer--light.kc-shell .shell-plus-note { color: var(--fl-muted); }
#kcFooter.site-footer--light.kc-shell .shell-payment-cashback > span:first-child,
#kcFooter.site-footer--light.kc-shell .shell-plus-note > span:first-child { color: var(--fl-accent); border-color: var(--fl-accent); }
#kcFooter.site-footer--light.kc-shell .shell-ya-mark { background: #fc3f1d; color: #ffffff; }
#kcFooter.site-footer--light.kc-shell .shell-payment-option > .shell-split-benefit { color: var(--fl-text); }
#kcFooter.site-footer--light.kc-shell .shell-payment-option > .shell-split-benefit span { color: var(--fl-accent); }
#kcFooter.site-footer--light.kc-shell .shell-footer-social { border-top-color: var(--fl-line); border-bottom-color: var(--fl-line); }
#kcFooter.site-footer--light.kc-shell .shell-social-links a,
#kcFooter.site-footer--light.kc-shell .shell-social-links > a { color: var(--fl-nav); }
#kcFooter.site-footer--light.kc-shell .shell-social-links a:hover { color: var(--fl-accent); }
#kcFooter.site-footer--light.kc-shell .shell-footer-legal { color: var(--fl-faint); }
#kcFooter.site-footer--light.kc-shell .shell-policies a { color: var(--fl-muted); }
#kcFooter.site-footer--light.kc-shell .shell-policies a:hover { color: var(--fl-accent); }
#kcFooter.site-footer--light.kc-shell a:focus-visible { outline-color: var(--fl-accent); }
@media (max-width: 760px) {
  .mobile-compact-enabled #kcFooter.site-footer--light.kc-shell .mobile-fold-toggle { color: var(--fl-text); border-bottom-color: var(--fl-line); }
}

/* ================= СТРЕЛКИ ↗ (iOS) =================
   Символ ↗ в content/тексте на iOS рисуется цветным эмодзи (Apple Color Emoji) и игнорирует color.
   Вместо него — SVG-маска с background-color: currentColor: цвет берётся из темы (тёмной/светлой) и из :hover. */
.kc-shell .shell-menu-link::after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  font-size: 0;
  line-height: 0;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='12' x2='12' y2='4'/%3E%3Cpolyline points='5 4 12 4 12 11'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='12' x2='12' y2='4'/%3E%3Cpolyline points='5 4 12 4 12 11'/%3E%3C/svg%3E") center / contain no-repeat;
}
.kc-shell.nav-arrow-icon,
.kc-shell .nav-arrow-icon {
  flex-shrink: 0;
  vertical-align: -2px;
  stroke: currentColor;
}