/* Самара450 — правки вёрстки (пакет 9). Подключается последним, поверх global.css и theme2.css */

/* ── Шапка: меню всегда в одну строку ── */
.header-inner { flex-wrap: nowrap; padding-bottom: 0; }
.main-nav { flex-wrap: nowrap; overflow-x: auto; min-width: 0; }

/* ── Мобильное меню: без тени, пока закрыто (была серая полоса справа) ── */
@media (max-width: 860px) {
  .main-nav { box-shadow: none; visibility: hidden; transition: transform .3s cubic-bezier(.25,.8,.25,1), visibility 0s .3s; }
  .main-nav.is-open { box-shadow: -10px 0 30px rgba(0,0,0,.3); visibility: visible; transition: transform .3s cubic-bezier(.25,.8,.25,1); }
}

/* ── Сервисная строка под шапкой ── */
.service-bar { border-bottom: 1px solid var(--line); background: var(--bg-elevated); }
.service-bar .wrap {
  display: flex; gap: 6px; align-items: center; overflow-x: auto; scrollbar-width: none;
  padding-top: 7px; padding-bottom: 7px;
}
.service-bar .wrap::-webkit-scrollbar { display: none; }
.service-bar a {
  display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; flex: none;
  font-size: 13.5px; font-weight: 500; color: var(--ink); padding: 5px 10px; border-radius: 999px;
  border: 1px solid transparent; transition: border-color .15s, color .15s;
}
.service-bar a:hover { border-color: var(--line); color: var(--accent); }
.service-bar a b { color: var(--accent); font-weight: 700; }
.service-bar a .hot { color: #f0544c; }
.service-bar .sep { width: 1px; height: 16px; background: var(--line); flex: none; }

/* ── Главный слайдер: на всю ширину колонки (раньше сжимался из-за max-height) ── */
.hero-slider { aspect-ratio: auto; height: clamp(320px, 52vw, 520px); max-height: none; width: 100%; }
/* плотнее затемнение — заголовок не спорит с текстом на картинке */
.hero-slide-gradient {
  background: linear-gradient(180deg, rgba(8,8,10,.25) 0%, rgba(8,8,10,.55) 35%, rgba(8,8,10,.9) 62%, rgba(8,8,10,.97) 100%) !important;
}
.hero-slide-img img { filter: saturate(.9); }
.hero-slide-title { -webkit-line-clamp: 4 !important; font-size: clamp(22px, 2.5vw, 34px) !important; }
@media (max-width: 640px) {
  .hero-slider { height: 440px !important; border-radius: 16px; }
  .hero-slide-content { padding: 20px 20px 52px !important; gap: 10px !important; }
  .hero-slide-title { font-size: 21px !important; -webkit-line-clamp: 5 !important; }
  .hero-slide-excerpt { display: none !important; }
}

/* ── Карточки без фото: компактнее и без «пустой коричневой плитки» ── */
.unified-card.no-image, .unified-card.no-image[class] { aspect-ratio: auto; min-height: 150px; background: var(--bg-elevated); border: 1px solid var(--line); color: var(--ink); }
.unified-card.no-image .uc-overlay { display: none; }
.unified-card.no-image::before { background: none; }
.unified-card.no-image .uc-content { position: relative; inset: auto; padding: 18px; }
.unified-card.no-image .uc-title { color: var(--ink); -webkit-line-clamp: 4; }
.unified-card.no-image .uc-meta { color: var(--ink-dim); }

/* ── Миниатюры-заглушки в колонках «Самара/Область»: не показывать пустые квадраты ── */
.col-thumb:empty { display: none; }
.col-thumb img[src=""], .col-thumb img:not([src]) { display: none; }

/* ── Боковые сервисные виджеты на главной ── */
.svc-widget .svc-row { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--line); font-size: 14px; color: var(--ink); }
.svc-widget .svc-row:last-of-type { border-bottom: 0; }
.svc-widget .svc-row span { color: var(--ink-dim); white-space: nowrap; font-size: 12.5px; }
.svc-widget .svc-big { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 10px; }
.svc-widget .svc-big div { text-align: left; }
.svc-widget .svc-big b { display: block; font-size: 26px; line-height: 1.1; font-family: 'Unbounded', sans-serif; }
.svc-widget .svc-big small { font-size: 11.5px; color: var(--ink-dim); }
.svc-widget .ok { color: #3fb950; } .svc-widget .bad { color: #f0544c; } .svc-widget .mid { color: #e8a33d; }
.svc-widget .svc-more { display: inline-block; margin-top: 10px; font-size: 13.5px; color: var(--accent); font-weight: 600; }

/* ── Статья: ссылки на темы не слипаются ── */
.topic-links { display: flex; flex-wrap: wrap; gap: 8px; }
.topic-link { display: inline-block; padding: 6px 12px; border: 1px solid var(--line); border-radius: 999px; font-size: 14px; }
.topic-link:hover { border-color: var(--accent); color: var(--accent); }

/* ── «Читайте также»: битая картинка не оставляет белый прямоугольник ── */
.n-related-card img { background: var(--bg-elevated); }

/* ── Подвал ── */
.site-footer .wordmark { gap: 0; margin-right: 0; font-family: 'Unbounded', sans-serif; font-weight: 700; font-size: 18px; }
@media (max-width: 640px) {
  .footer-inner { flex-direction: column; align-items: flex-start; gap: 18px; }
  .footer-links { gap: 10px 18px; padding: 0; }
  .footer-links a { padding: 0; }
}

/* ── Липкая плашка подписки не перекрывает текст на телефоне ── */
@media (max-width: 640px) {
  body { padding-bottom: 64px; }
}

/* ── Сервисные страницы: отступ под сервисной строкой ── */
.outages, .promises, .kadry, .citatnik { padding-top: 28px; }

/* ── Подвал на телефоне: ссылки в строку, а не столбиком ── */
@media (max-width: 640px) {
  .footer-links { flex-direction: row !important; flex-wrap: wrap !important; }
  .footer-links a { display: inline-block !important; }
}