/* Проверка рекламы на маркировку — /reklamnoe-pravo.html (ad-check.js).
   Только токены из site.css, поэтому тёмная тема работает без отдельных правил. */

.c-adcheck { padding: 24px 20px; }
.c-adcheck__head { display: grid; gap: 8px; margin-bottom: 20px; }
.c-adcheck__eyebrow {
  font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--accent);
}
.c-adcheck__h {
  font-family: var(--font-head); font-weight: 800; letter-spacing: -0.015em; line-height: 1.2;
  font-size: clamp(1.375rem, 1.1rem + 1.2vw, 1.875rem); color: var(--ink); text-wrap: balance;
}
.c-adcheck__lead { color: var(--ink-2); line-height: 1.55; max-width: 62ch; }

.c-adcheck__tabs {
  display: inline-flex; gap: 4px; padding: 4px; margin-bottom: 14px;
  background: var(--surface-2); border: 1px solid var(--border); border-radius: 999px;
}
.c-adcheck__tab {
  min-height: 40px; padding: 0 16px; border: 0; border-radius: 999px;
  background: transparent; color: var(--ink-2); font: inherit; font-weight: 600; cursor: pointer;
}
.c-adcheck__tab[aria-selected="true"] { background: var(--surface); color: var(--ink); box-shadow: var(--shadow-sm); }
.c-adcheck__tab:focus-visible { outline: 3px solid var(--ring); outline-offset: 1px; }

.c-adcheck__row { display: grid; gap: 10px; }
.c-adcheck__hint { margin-top: 8px; font-size: 0.875rem; line-height: 1.5; color: var(--ink-3); }
.c-adcheck__textarea { min-height: 150px; resize: vertical; line-height: 1.5; }
.c-adcheck__bar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 14px; }
.c-adcheck__sample {
  padding: 0; border: 0; background: none; font: inherit; font-size: 0.9375rem;
  color: var(--primary); text-decoration: underline; text-underline-offset: 3px; cursor: pointer;
}
.c-adcheck__sample:hover { color: var(--primary-hover); }
.c-adcheck__privacy { font-size: 0.875rem; color: var(--ink-3); }

.c-adcheck__error {
  margin-top: 14px; padding: 12px 14px; border-radius: 12px; line-height: 1.45; font-weight: 600;
  background: var(--error-soft); color: var(--error); border: 1px solid currentColor;
}

/* ----- результат ----- */
.c-adcheck__result { margin-top: 24px; display: grid; gap: 14px; scroll-margin-top: 90px; }
.c-adcheck__result:focus { outline: none; }
.c-adcheck__verdict { padding: 16px 18px; border-radius: var(--r-md); border: 1px solid; }
.c-adcheck__verdict--bad  { background: var(--error-soft);   border-color: var(--error);   }
.c-adcheck__verdict--warn { background: var(--accent-soft);  border-color: var(--accent);  }
.c-adcheck__verdict--ok   { background: var(--success-soft); border-color: var(--success); }
.c-adcheck__verdict-title { font-family: var(--font-head); font-weight: 800; font-size: 1.25rem; color: var(--ink); }
.c-adcheck__verdict-src { margin-top: 4px; font-size: 0.9375rem; color: var(--ink-2); overflow-wrap: anywhere; }

.c-adcheck__list { display: grid; gap: 10px; list-style: none; margin: 0; padding: 0; }
.c-adcheck__item {
  display: grid; grid-template-columns: 28px 1fr; gap: 12px; align-items: start;
  padding: 14px 16px; border: 1px solid var(--border); border-radius: var(--r-md); background: var(--surface);
}
.c-adcheck__icon {
  display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%;
  font-weight: 800; font-size: 0.9375rem; line-height: 1;
}
.c-adcheck__item--ok   .c-adcheck__icon { background: var(--success-soft); color: var(--success); }
.c-adcheck__item--bad  .c-adcheck__icon { background: var(--error-soft);   color: var(--error); }
.c-adcheck__item--warn .c-adcheck__icon { background: var(--accent-soft);  color: var(--accent); }
.c-adcheck__item--info .c-adcheck__icon { background: var(--primary-soft); color: var(--primary); font-family: Georgia, serif; font-style: italic; }
.c-adcheck__item--bad { border-color: var(--error); }
.c-adcheck__title { font-weight: 700; color: var(--ink); overflow-wrap: anywhere; }
.c-adcheck__text { margin-top: 4px; color: var(--ink-2); line-height: 1.55; }

.c-adcheck__fine { margin-top: 10px; padding: 10px 12px; border-radius: 12px; background: var(--surface-2); }
.c-adcheck__fine-head { font-size: 0.875rem; font-weight: 600; color: var(--ink-2); margin-bottom: 6px; }
.c-adcheck__fine-grid {
  display: grid; grid-template-columns: 1fr auto; gap: 4px 16px; margin: 0;
  font-variant-numeric: tabular-nums;
}
.c-adcheck__fine-grid dt { color: var(--ink-2); }
.c-adcheck__fine-grid dd { margin: 0; font-weight: 700; color: var(--error); text-align: right; white-space: nowrap; }

.c-adcheck__note { font-size: 0.875rem; line-height: 1.5; color: var(--ink-3); }
.c-adcheck__actions { display: flex; flex-wrap: wrap; gap: 10px; }

@media (min-width: 640px) {
  .c-adcheck__row--url { grid-template-columns: 1fr auto; align-items: stretch; }
}
@media (min-width: 768px) {
  .c-adcheck { padding: 36px 40px; }
}

/* ----- всплывающая форма -----
   Не модальное окно, а панель у правого нижнего края: страница под ней прокручивается как обычно.
   Справа оставлен коридор под кнопки MAX и Telegram (right 20px + 56px), сверху панель
   ограничена высотой шапки, чтобы не заходить под меню; лишнее прокручивается внутри панели. */
.c-adlead {
  position: fixed; z-index: 950;
  right: 88px; bottom: 16px;
  width: min(420px, calc(100vw - 104px));
}
.c-adlead[hidden] { display: none; }
.c-adlead__card {
  position: relative;
  max-height: calc(100dvh - var(--header-h) - 48px);
  overflow-y: auto; overscroll-behavior: contain;
  padding: 18px 18px 16px; background: var(--surface); color: var(--ink);
  border: 1px solid var(--border-strong); border-radius: var(--r-lg); box-shadow: var(--shadow-lg);
  animation: c-adlead-in 0.22s ease-out;
}
.c-adlead__close {
  position: absolute; top: 8px; right: 8px; width: 36px; height: 36px;
  display: grid; place-items: center; border: 0; border-radius: 50%;
  background: var(--surface-2); color: var(--ink-2); cursor: pointer;
}
.c-adlead__close:hover { color: var(--ink); background: var(--surface-3); }
.c-adlead__close:focus-visible { outline: 3px solid var(--ring); outline-offset: 1px; }
.c-adlead__title { padding-right: 40px; font-family: var(--font-head); font-weight: 800; font-size: 1.125rem; line-height: 1.25; text-wrap: balance; }
.c-adlead__lead { margin-top: 4px; font-size: 0.9375rem; color: var(--ink-2); line-height: 1.45; }
.c-adlead .cta-form { margin-top: 12px; gap: 10px; }
.c-adlead .cta-form__field { gap: 4px; }
.c-adlead .cta-form__label { font-size: 0.875rem; }
.c-adlead .cta-form__input { min-height: 44px; padding: 9px 12px; }
.c-adlead .cta-form__textarea { min-height: 76px; }
.c-adlead .cta-form__consent { font-size: 0.875rem; }
.c-adlead .btn--large { min-height: 46px; }

@media (max-width: 639px) {
  .c-adlead { left: 12px; right: 84px; bottom: 12px; width: auto; }
  .c-adlead__card { padding: 16px 14px 14px; }
}
@keyframes c-adlead-in { from { transform: translateY(12px); opacity: 0.4; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .c-adlead__card { animation: none; } }
.c-adlead__fields.cta-form { margin-top: 0; }