/* =====================================================================
   Тема «Михайловка»: шапка цвета реки Медведицы, жёлтый «подсолнух»
   для срочного и номера «24», заголовки шрифтом Unbounded.
   Подключается после site.css, когда в настройках выбрано «Оформление: mikhailovka».
   Цвет шапки и ссылок — из настройки «Фирменный цвет» (по умолчанию #0b6b52).
===================================================================== */
@font-face{font-family:'Unbounded';font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/unbounded-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Unbounded';font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/unbounded-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2116,U+2212}
@font-face{font-family:'Unbounded';font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/unbounded-cyrillic-700-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Unbounded';font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/unbounded-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2116,U+2212}

.theme-mikhailovka{
  --river:var(--accent);                                   /* Медведица: шапка, ссылки */
  --river-deep:color-mix(in srgb,var(--accent) 62%,#04130e);
  --sun:#f2b705;                                           /* подсолнух: срочное, «24» */
  --sun-soft:#fff3c4;
  --chalk:#f2f5f1;                                         /* меловые холмы: фон блоков */
  --text:#14201b;
  --muted:#5f6d66;
  --line:#dfe6e1;
  --bg-alt:var(--chalk);
  --hot:#d6362a;
  --radius:10px;
  --display:'Unbounded','Manrope',system-ui,sans-serif;
}

/* ---------- верхняя строка ---------- */
.theme-mikhailovka .topbar{background:var(--river-deep);border-bottom:0;color:rgba(255,255,255,.66)}
.theme-mikhailovka .topbar .tb-date,.theme-mikhailovka .topbar .tb-item b{color:#fff}
.theme-mikhailovka .tb-time svg,.theme-mikhailovka .tb-time small{color:rgba(255,255,255,.55)}
.theme-mikhailovka .tb-sep{background:rgba(255,255,255,.16)}
.theme-mikhailovka .tb-links a:hover{color:var(--sun)}
.theme-mikhailovka .topbar .socials a{background:transparent;border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.8)}
.theme-mikhailovka .topbar .socials a:hover{background:var(--sun);border-color:var(--sun);color:var(--text)}
.theme-mikhailovka .topbar .age{border-color:rgba(255,255,255,.4);color:#fff}
.theme-mikhailovka .rate i.up{color:#7fe0b5}.theme-mikhailovka .rate i.down{color:#ff9d8f}

/* ---------- шапка: зелёная, как река ---------- */
.theme-mikhailovka .header{background:var(--river);border-bottom:0;color:#fff}
.theme-mikhailovka .header.is-scrolled{box-shadow:0 10px 28px -16px rgba(4,19,14,.6)}
.theme-mikhailovka .logo__mark{display:none}
.theme-mikhailovka .logo__name{font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:-.02em;color:#fff;display:flex;flex-wrap:wrap;align-items:center;column-gap:6px}
.theme-mikhailovka .logo__name em{display:inline-grid;place-items:center;min-width:38px;height:30px;padding:0 7px;border-radius:15px;background:var(--sun);color:var(--text);font-size:16px;letter-spacing:-.03em}
.theme-mikhailovka .logo__name span{flex-basis:100%;font-family:'Manrope',sans-serif;font-weight:600;color:rgba(255,255,255,.7);font-size:11.5px;margin-top:4px}
.theme-mikhailovka .nav__link{color:rgba(255,255,255,.92)}
.theme-mikhailovka .nav__link:hover,.theme-mikhailovka .nav__item:hover>.nav__link{color:#fff;background:rgba(255,255,255,.1)}
.theme-mikhailovka .nav__link.is-current{color:#fff;background:rgba(255,255,255,.14)}
.theme-mikhailovka .nav__link.is-current::after{background:var(--sun)}
.theme-mikhailovka .nav__link .dot{background:var(--sun)}
.theme-mikhailovka .header .icon-btn{background:rgba(255,255,255,.1);border-color:transparent;color:#fff}
.theme-mikhailovka .header .icon-btn:hover{background:rgba(255,255,255,.2);color:#fff}
.theme-mikhailovka .header .icon-btn.is-on{background:var(--sun);color:var(--text)}
.theme-mikhailovka .header .btn{background:var(--sun);color:var(--text);box-shadow:none}
.theme-mikhailovka .header .btn:hover{background:#ffc928;color:var(--text)}
.theme-mikhailovka .dropdown{color:var(--text)}
.theme-mikhailovka .search{background:var(--river);color:#fff}
.theme-mikhailovka .search input{color:#fff}
.theme-mikhailovka .search input::placeholder{color:rgba(255,255,255,.6)}

/* ---------- срочное: жёлтая полоса ---------- */
.theme-mikhailovka .ticker{background:var(--sun);border-bottom:0;color:var(--text)}
.theme-mikhailovka .ticker__label{background:var(--text);color:var(--sun);border-radius:6px}
.theme-mikhailovka .ticker__label::before{background:var(--hot)}
.theme-mikhailovka .ticker__track a{color:var(--text)}
.theme-mikhailovka .ticker__track a:hover{color:var(--text);text-decoration:underline}
.theme-mikhailovka .ticker__track time{color:var(--river-deep)}
.theme-mikhailovka .ticker__all{color:var(--text)}

/* ---------- заголовки ---------- */
.theme-mikhailovka .sec-title,
.theme-mikhailovka .page-title,
.theme-mikhailovka .art__title,
.theme-mikhailovka .story--main .story__title{font-family:var(--display);font-weight:700;letter-spacing:-.025em}
.theme-mikhailovka .sec-title{font-size:clamp(20px,2.1vw,27px)}
.theme-mikhailovka .story--main .story__title{font-weight:600;font-size:clamp(21px,2vw,27px);line-height:1.22;letter-spacing:-.02em;text-wrap:balance}
.theme-mikhailovka .art__title{font-weight:600;font-size:clamp(25px,2.8vw,36px);line-height:1.2;letter-spacing:-.02em;text-wrap:balance}
.theme-mikhailovka .page-title{font-weight:600}
.theme-mikhailovka .feed__head h2,.theme-mikhailovka .feed__title{font-family:var(--display);font-weight:600;letter-spacing:-.02em;font-size:18px}
.theme-mikhailovka .sec-link,.theme-mikhailovka .u-more,.theme-mikhailovka .story__rubric{color:var(--river)}

/* ---------- карточки: строже, меньше скруглений ---------- */
.theme-mikhailovka .story__media,
.theme-mikhailovka .story--main .story__media{border-radius:var(--radius)}
.theme-mikhailovka .badge{border-radius:6px;height:26px;padding:0 10px}
.theme-mikhailovka .badge--hot{background:var(--hot)}
.theme-mikhailovka .feed{background:#fff;border:1px solid var(--line);border-top:4px solid var(--river);border-radius:var(--radius)}
.theme-mikhailovka .f-day{background:#fff;color:var(--river)}
.theme-mikhailovka .feed__tabs button,.theme-mikhailovka .seg{border-radius:8px}
.theme-mikhailovka .feed__tabs button.is-active{background:var(--river);color:#fff}
.theme-mikhailovka .feed__more,.theme-mikhailovka .u-more--block{border-radius:8px;background:var(--chalk)}
.theme-mikhailovka .u-card,.theme-mikhailovka .scores{border-radius:var(--radius)}
.theme-mikhailovka .long{border-radius:var(--radius)}
.theme-mikhailovka .dist{border-radius:8px}
.theme-mikhailovka .btn{border-radius:8px}
.theme-mikhailovka .icon-btn{border-radius:8px}

/* «Полезное сегодня»: погода — на светлом меловом фоне с жёлтым солнцем */
.theme-mikhailovka .u-weather{background:var(--chalk);position:relative;overflow:hidden}
.theme-mikhailovka .u-weather::before{content:"";position:absolute;right:-36px;top:-36px;width:120px;height:120px;border-radius:50%;background:var(--sun);opacity:.22}
.theme-mikhailovka .u-weather>*{position:relative}

/* ---------- тёмные разделы и подвал: глубокая зелень ---------- */
.theme-mikhailovka .sec--dark{background:var(--river-deep)}
.theme-mikhailovka .sec--dark .sec-link{color:var(--sun)}
.theme-mikhailovka .footer{background:var(--river-deep);color:rgba(255,255,255,.7)}
.theme-mikhailovka .footer .logo__name{color:#fff}
.theme-mikhailovka .footer a:hover{color:var(--sun)}
.theme-mikhailovka .footer .socials a:hover{background:var(--sun);border-color:var(--sun);color:var(--text)}

/* ---------- статья ---------- */
.theme-mikhailovka .art__lead{border-left:4px solid var(--sun);padding-left:18px}
.theme-mikhailovka .art__body a{color:var(--river);text-decoration-color:color-mix(in srgb,var(--river) 35%,transparent)}
.theme-mikhailovka .art__body blockquote,.theme-mikhailovka .quote{border-left-color:var(--sun)}
.theme-mikhailovka .art__body figure img{border-radius:var(--radius)}
.theme-mikhailovka .art__body figcaption{color:var(--muted);font-size:14px;margin-top:8px}

/* мобильное меню */
.theme-mikhailovka .drawer__head .logo__name{color:var(--text)}
.theme-mikhailovka .drawer__head .logo__name em{background:var(--sun)}

@media (max-width:640px){
  .theme-mikhailovka .logo__name{font-size:18px}
  .theme-mikhailovka .logo__name em{min-width:32px;height:26px;font-size:14px}
  .theme-mikhailovka .logo__name span{display:none}
}