/* Доступность: контраст текста (F-7) и плавающие подписи полей форм (F-8).
 *
 * Все цвета ниже подобраны под измеренный фон (tools/contrast_collect.js +
 * tools/contrast_check.py читают реальные пиксели отрисованной страницы, а не CSS —
 * на Тильде фон почти всегда отдельный абсолютный слой, и расчёт по стилям врёт).
 * !important здесь вынужденный: цвет приходит либо инлайновым style у <u>/<span>,
 * либо поблочным <style> в body, который лежит ниже нашего <link> в head.
 */

/* --- F-7. Контраст -------------------------------------------------------- */

/* Ссылка на политику в куки-баннере: #CACACA на белом = 1.40. Соседний текст
   при этом чёрный — ссылка выглядит бледнее обычного текста, хотя должна ярче. */
#rec1406836041 a,
#rec1406836041 a u,
#rec1406836041 a span {
  color: #4f4f4f !important; /* 8.19 на белом */
}

/* Подвал: адрес и ссылка на политику — #CACACA на белом = 1.64. Бьём по конкретным
   элементам: в этой же записи есть светлый текст поверх тёмного блока, ему
   затемнение противопоказано. Третий элемент с тем же цветом — линейка высотой
   1px, её не трогаем. */
#rec1345985501 .tn-elem[data-elem-id="1758706713165"] .tn-atom,
#rec1345985501 .tn-elem[data-elem-id="1758706713165"] .tn-atom a,
#rec1345985501 .tn-elem[data-elem-id="1758706713211"] .tn-atom,
#rec1345985501 .tn-elem[data-elem-id="1758706713211"] .tn-atom a {
  color: #5a5a5a !important; /* 6.90 на белом */
}

/* Ссылки на отзывы 2ГИС в карточках: #CACACA на сиреневой плашке #EEECF5 = 1.40.
   Цвет прибит инлайном к <u>/<span>, поэтому бьём именно по ним — и только по
   подчёркнутым: та же ссылка на 2ГИС стоит в чёрной кнопке «Посмотреть все
   отзывы», где текст белый и затемнять его нельзя. */
a[href*="2gis.ru"] u,
a[href*="2gis.ru"] u span,
a[href*="2gis.ru"] span u {
  color: #5a5a5a !important; /* 5.90 на #EEECF5, 6.90 на белом */
}

/* Подписи и мета в блоге и формах: #8A8A8A = 3.45, #7A7A7A = 4.29 на белом. */
.fb-card__m,
.fb-card__cat,
.fb-stat__l,
.fin-cform__opt {
  color: #6e6e6e !important; /* 5.10 на белом */
}

/* --- F-8. Плавающая подпись поля ------------------------------------------
 * Подпись живёт в плейсхолдере и исчезает при вводе — проверить, что ввёл,
 * не по чему. Пустое поле выглядит ровно как раньше (подпись прозрачна), а как
 * только в поле что-то есть или на нём фокус — сверху появляется мелкая подпись,
 * а текст ввода сдвигается вниз. Высота поля не меняется: правится только
 * padding, поэтому абсолютная раскладка zero-блоков не едет.
 */
.t-input-block {
  position: relative;
}

.fin-flabel {
  position: absolute;
  top: 4px;
  left: 13px;
  right: 13px;
  z-index: 1;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.02em;
  color: #6e6e6e; /* 5.10 на белом */
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0;
  transform: translateY(3px);
  transition: opacity 0.15s ease, transform 0.15s ease;
}

.t-input:focus ~ .fin-flabel,
.t-input:not(:placeholder-shown) ~ .fin-flabel,
textarea.t-input:focus ~ .fin-flabel,
textarea.t-input:not(:placeholder-shown) ~ .fin-flabel {
  opacity: 1;
  transform: translateY(0);
}

.t-input:focus,
.t-input:not(:placeholder-shown) {
  padding-top: 16px !important;
  padding-bottom: 4px !important;
}

/* --- F-6. Видимый фокус на пунктах меню -----------------------------------
 * Подменю открывается с клавиатуры (см. finisher54-a11y.js) — значит нужно
 * видеть, на каком пункте сейчас фокус. У Тильды свой outline снят.
 */
.t978__tm-link:focus-visible,
.t-menu__link-item:focus-visible,
.t978__tooltip-menu a:focus-visible {
  outline: 2px solid #040404;
  outline-offset: 2px;
  border-radius: 2px;
}