/**
 * Локальная копия стилей Kassa.cc
 * Подключение: /kassa-styles/base.css
 * При наличии оригинальных CSS с kassa.cc можно заменить содержимое этого файла.
 */

/* Дополнительные переменные и утилиты под верстку Kassa */
:root {
  --variable-e118a8: initial;
  /* Цвета шапки/футера как на исходнике kassa.cc */
  --kassa-foreground: #171717;
  --kassa-foreground-text: #fff;
}

/* Шапка: тёмный фон и светлый текст как на исходнике kassa.cc */
[data-site-header] .bg-foreground {
  background-color: var(--kassa-foreground) !important;
  color: var(--kassa-foreground-text);
}

/* Футер: блок меню — классы из footer.txt (bg-foreground), белая тема */
#footer-menus.bg-foreground {
  background-color: #f5f5f5 !important;
}
#footer-menus .bg-background {
  background-color: #fff;
}

.__variable_e118a8 {
  font-feature-settings: var(--variable-e118a8);
}

/* Scrollbar для списков в компонентах */
.scrollbar-thin {
  scrollbar-width: thin;
}

.scrollbar-track-\[\#f0f0f0\] {
  scrollbar-color: #ecf0f6 #f0f0f0;
}

.scrollbar-thumb-\[\#ecf0f6\] {
  scrollbar-color: #ecf0f6 #f0f0f0;
}

/* Prose для контента из CMS */
.prose {
  max-width: 65ch;
}

.prose-gray a {
  color: var(--link);
}

.prose-gray a:hover {
  color: var(--link-hover);
}

.prose p {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose h2 {
  font-size: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  font-weight: 600;
}

.prose ul, .prose ol {
  padding-left: 1.5em;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose img {
  max-width: 100%;
  height: auto;
}