/*
 * kartina-dnja.ru — обновление дизайна, слой 1 (admin 08.11): шрифт, карточки, заголовки.
 * Подключается после css-min.css; отключение — убрать строку в main.tpl.
 */
:root {
  --kd-red: #c93037;
  --kd-ink: #15191e;
  --kd-muted: #6b7280;
  --kd-line: #e6e8ec;
  --kd-radius: 10px;
}

body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--kd-ink);
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, .side-bt, .sect-t > :first-child, .news-item-title, .main-item-link, .head-menu,
.row-item-link, .main .side-item-link, .ft-title, .btm-title, .bottom-nav, .rels-in-title {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Картинки: без белой рамки 5 px и серой обводки, со скруглением */
.news-item-img, .main-item-img, .side-item-img {
  border: 0;
  box-shadow: none;
  border-radius: var(--kd-radius);
  overflow: hidden;
}
.news-item-img img, .main-item-img img, .side-item-img img { border-radius: var(--kd-radius); }
.news-item-img:hover, .main-item-img:hover, .side-item-img:hover { opacity: .9; }

/* Заголовки новостей: жирнее, плотнее, подчёркивание только цветом */
.news-item-title, .main-item-link, .row-item-link, .side-item-link {
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.005em;
  color: var(--kd-ink);
}
.main-item-link:hover, .news-item-title:hover, .side-item-link:hover, .row-item a:hover {
  text-decoration: none;
  color: var(--kd-red);
}

/* Даты — спокойным серым */
.news-item-date, .row-item-date, .side-item-date { color: var(--kd-muted); font-size: 13px; }

/* Анонсы — мягче, с нормальным межстрочным */
.news-item-text, .main-item-text { color: #374151; line-height: 1.5; }

/* Разделители списков — тоньше и светлее */
.row-item { border-color: var(--kd-line); }

/* Слой 2 (08.11): компактная шапка на телефоне — высота по содержимому, логотип меньше, поиск в потоке */
@media screen and (max-width: 760px) {
  .header { height: auto; padding: 10px 0 12px; }
  .logo { width: 190px; padding-top: 0; }
  .header-right { position: static; margin-top: 10px; }
  .spec-link { display: none; }
}
@media screen and (max-width: 760px) {
  .header { padding-bottom: 10px !important; }
  .header-right .search-box { margin: 0; }
}
/* разрыв на телефоне: плавающий логотип высотой 100 px выталкивал поиск ниже себя */
@media screen and (max-width: 760px) {
  .logo { float: none; display: block; height: auto; margin-top: 4px; }
  .header-right { clear: both; }
}