/* =====================================================================
   Тема «Чита»: тёмная верхняя строка, круглый «солнечный» логотип,
   красная лента «Срочно», главная новость с заголовком поверх фото.
   Подключается после site.css, когда в настройках выбрано «Оформление: Чита».
   Цвет берётся из настройки «Фирменный цвет» (по умолчанию #c40303).
===================================================================== */
.theme-chita{
  --hot:var(--accent);
  --sun:#ffb21e;
  --dark:#121318;
  --text:#15161c;
  --muted:#6b6e7c;
  --line:#e8e8ee;
  --bg-alt:#f5f5f8;
}

/* ---------- верхняя строка ---------- */
.theme-chita .topbar{background:var(--dark);border-bottom:0;color:#a9abb8}
.theme-chita .tb-item b,.theme-chita .tb-date{color:#fff}
.theme-chita .tb-time svg{color:#8b8d99}
.theme-chita .tb-time small{color:#8b8d99;font-weight:700;font-size:11.5px}
.theme-chita .tb-sep{background:#2c2e38}
.theme-chita .tb-links a:hover{color:#fff}
.theme-chita .topbar .socials a{background:transparent;border-color:#2c2e38;color:#a9abb8}
.theme-chita .topbar .socials a:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.theme-chita .topbar .age{border-color:#3a3c48;color:#fff}
.theme-chita .rate i.up{color:#3ccf8e}.theme-chita .rate i.down{color:#ff6b5e}

/* ---------- логотип: круг + «солнце» ---------- */
.theme-chita .logo__mark{border-radius:50%;background:var(--accent);box-shadow:0 10px 22px -10px var(--accent)}
.theme-chita .logo__mark::after{display:none}
.theme-chita .logo__mark::before{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px dashed var(--sun)}
.theme-chita .logo__name{font-size:22px;letter-spacing:-.035em}
.theme-chita .footer .logo__mark::before{border-color:rgba(255,178,30,.7)}

/* ---------- меню ---------- */
.theme-chita .nav__link.is-current{background:var(--accent-soft)}
.theme-chita .nav__link.is-current::after{display:none}
.theme-chita .nav__link .dot{background:var(--accent)}
.theme-chita .btn{border-radius:12px}

/* ---------- лента «Срочно» ---------- */
.theme-chita .ticker{background:var(--accent);border-bottom:0;color:#fff}
.theme-chita .ticker__label{background:#fff;color:var(--accent)}
.theme-chita .ticker__label::before{background:var(--accent)}
.theme-chita .ticker__track a{color:#fff}
.theme-chita .ticker__track a:hover{color:#fff;text-decoration:underline}
.theme-chita .ticker__track time{color:rgba(255,255,255,.72)}
.theme-chita .ticker__all{color:#fff}
.theme-chita .ticker__viewport{-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 40px),transparent)}

/* ---------- главная новость: заголовок поверх фото ---------- */
.theme-chita .story--main .story__link{position:relative;display:block;border-radius:24px;overflow:hidden}
.theme-chita .story--main .story__media{aspect-ratio:5/6;border-radius:24px}
.theme-chita .story--main .story__media::after{background:linear-gradient(180deg,rgba(10,10,14,0) 30%,rgba(10,10,14,.55) 58%,rgba(10,10,14,.92) 100%)}
.theme-chita .story--main .story__body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:30px;color:#fff;gap:12px}
.theme-chita .story--main .story__title{color:#fff;font-size:clamp(24px,2.5vw,34px);text-wrap:balance}
.theme-chita .story--main .story__link:hover .story__title{color:#fff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.theme-chita .story--main .story__lead{color:rgba(255,255,255,.84)}
.theme-chita .story--main .story__meta{color:rgba(255,255,255,.72)}
.theme-chita .badge--hot{background:var(--accent)}

/* ---------- лента новостей справа ---------- */
.theme-chita .feed{background:#fff;border:1px solid var(--line)}
.theme-chita .feed__tabs button{background:var(--bg-alt)}
.theme-chita .feed__tabs button.is-active{background:var(--text);color:#fff}
.theme-chita .feed__more{background:var(--bg-alt)}

/* ---------- «Полезное сегодня»: тёмная погода с солнцем ---------- */
.theme-chita .u-weather{background:linear-gradient(150deg,#1d2030 0%,#2a1416 100%);color:#fff;position:relative;overflow:hidden}
.theme-chita .u-weather::before{content:"";position:absolute;right:-50px;bottom:-50px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,var(--sun) 0 30%,rgba(255,178,30,.25) 31% 50%,rgba(255,178,30,0) 51%);opacity:.8}
.theme-chita .u-weather>*{position:relative}
.theme-chita .u-weather .u-h{color:#fff}
.theme-chita .u-weather .u-more{color:#ffc35c}
.theme-chita .u-weather .w-now small,.theme-chita .u-weather .u-empty{color:#a9abb8}
.theme-chita .u-weather .w-days li{background:rgba(255,255,255,.07)}
.theme-chita .u-weather .w-days span,.theme-chita .u-weather .w-days small{color:#a9abb8}

/* ---------- разделы ---------- */
.theme-chita .sec--dark{background:var(--dark)}
.theme-chita .sec--dark .sec-link{color:#ff8a80}
.theme-chita .footer{background:var(--dark)}
.theme-chita .story__rubric{color:var(--accent)}

@media (max-width:900px){
  .theme-chita .story--main .story__media{aspect-ratio:4/4}
}
@media (max-width:640px){
  .theme-chita .story--main .story__media{aspect-ratio:3/3.6}
  .theme-chita .story--main .story__body{padding:20px}
  .theme-chita .story--main .story__lead{display:none}
  .theme-chita .logo__name{font-size:19px}
}



/* ===== Верхняя строка и подвал на светлом фоне ===== */
.theme-chita .topbar{background:var(--bg-alt);color:var(--muted);border-bottom:1px solid var(--line)}
.theme-chita .topbar .tb-date,.theme-chita .topbar .tb-item b{color:var(--text)}
.theme-chita .tb-time svg,.theme-chita .tb-time small{color:var(--muted)}
.theme-chita .tb-sep{background:var(--line)}
.theme-chita .tb-links a:hover{color:var(--accent)}
.theme-chita .topbar .socials a{background:#fff;border-color:var(--line);color:var(--muted)}
.theme-chita .topbar .socials a:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.theme-chita .topbar .age{border-color:var(--muted);color:var(--muted)}
.theme-chita .rate i.up{color:#16a36a}.theme-chita .rate i.down{color:var(--accent)}

.theme-chita .footer{background:var(--bg-alt);color:var(--muted);border-top:1px solid var(--line)}
.theme-chita .footer a:hover{color:var(--accent)}
.theme-chita .footer .logo__name{color:var(--text)}
.theme-chita .footer .logo__name span,.theme-chita .footer__brand p{color:var(--muted)}
.theme-chita .footer h5{color:var(--text)}
.theme-chita .footer__contacts a,.theme-chita .footer__contacts span{color:var(--text)}
.theme-chita .footer .socials a{background:#fff;border:1px solid var(--line);color:var(--muted)}
.theme-chita .footer .socials a:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.theme-chita .footer__legal,.theme-chita .footer__bottom{border-top-color:var(--line);color:var(--muted)}
.theme-chita .age--light{border-color:var(--muted);color:var(--muted)}
.theme-chita .footer .logo__mark::before{border-color:var(--sun)}

/* ===== Лента «Срочно» на светлом фоне ===== */
.theme-chita .ticker{background:var(--bg-alt);color:var(--text);border-bottom:1px solid var(--line)}
.theme-chita .ticker__label{background:var(--accent);color:#fff}
.theme-chita .ticker__label::before{background:#fff}
.theme-chita .ticker__track a{color:var(--text)}
.theme-chita .ticker__track a:hover{color:var(--accent);text-decoration:none}
.theme-chita .ticker__track time{color:var(--accent)}
.theme-chita .ticker__all{color:var(--accent)}