/* Блок «Яндекс.Метрика» в подвале — селекторы только в namespace .ym-block */
.ym-block {
  box-sizing: border-box; display: inline-block;
  margin: 0 0 10px; padding: 8px 10px; min-height: 31px; max-width: 100%;
  border: 1px solid rgba(0, 0, 0, .12); border-radius: 8px;
  background: rgba(255, 255, 255, .05); font-family: inherit; text-align: left;
}
.ym-block__title, .ym-block__counter-id {
  font-size: 0.95em;
}

.ym-block__label {
  display: block; margin: 0 0 6px; font-size: 11px; line-height: 1.3;
  letter-spacing: .02em; text-transform: uppercase; color: #5b6b7c;
}
.ym-block__link {
  display: inline-block; line-height: 0;      /* иначе у inline-картинки растёт низ строки */
  text-decoration: none; border-radius: 3px;
  margin: 6px 0 2px;
}
.ym-block__link:focus-visible { outline: 2px solid #0e5fa3; outline-offset: 2px; }
.ym-block__img { display: block; width: 88px; height: 31px; border: 0; }

/* ym-analytics / ym-no-analytics — классы на <html>: по ним другие модули сайта
   (карты, видео, формы) тоже могут определять разрешение на аналитику */
html.ym-no-analytics .ym-block__label { opacity: .8; }

/* согласия на аналитику нет: информер не грузится, видна текстовая ссылка */
.ym-block_ym-off .ym-block__link { display: none; }
.ym-block_ym-off .ym-block__fallback { display: block; }

/* информер не отдал картинку */
.ym-block__fallback {
  display: none; font-size: 12px; line-height: 1.4; color: #0b60a8;
  text-decoration: underline; text-underline-offset: 2px;
}
.ym-block_ym-error .ym-block__fallback { display: block; }
.ym-block_ym-error .ym-block__link { display: none; }
.ym-block_ym-error .ym-block__state { color: #d9832a; }

.ym-block__state { display: block; margin: 6px 0 0; font-size: 11px; line-height: 1.4; color: #5b6b7c; }
.ym-block__state[data-ym-live="on"]  { color: #2e9e5b; }
.ym-block__state[data-ym-live="off"] { color: #d9832a; }

/* тёмный подвал */
.footer_dark .ym-block { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.18); }
.footer_dark .ym-block__label, .footer_dark .ym-block__state { color: rgba(255,255,255,.65); }
.footer_dark .ym-block__state[data-ym-live="on"]  { color: #7fd6a2; }
.footer_dark .ym-block__state[data-ym-live="off"] { color: #f0b977; }
.footer_dark .ym-block__fallback { color: #9ecbf5; }

@media (max-width: 560px) {
  .ym-block { display: block; }
  .ym-block__link { min-height: 31px; padding: 6px 0; }   /* зона нажатия */
}
@media print { .ym-block { display: none !important; } }