/* Оформление виджета согласий «Динамики».

   Классы вешает виджет, тексты и ссылки приходят с их сервера — мы задаём только
   внешний вид. Собственного CSS для чекбоксов виджет не подключает вовсе: без этого
   файла галки идут сплошным абзацем.

   Палитра вынесена в переменные: страница с другой темой переопределяет их у себя,
   не трогая сами правила. Значения по умолчанию — под светлую карточку формы
   и тёмный подвал (главная, /landing/, /short/). */
:root{
  --dyn-text:#8493a5;              /* текст галки */
  --dyn-link:#1c5390;              /* ссылка на документ в галке */
  --dyn-link-hover:#2b6bad;
  --dyn-accent:#1c5390;            /* цвет самого чекбокса */
  --dyn-error:#c0392b;
  --dyn-docs-link:#9db0c6;         /* ссылки в подвале */
  --dyn-docs-link-hover:#fff;
  --dyn-cookie-bg:#0f2540;         /* cookie-баннер */
  --dyn-cookie-text:#cfdae8;
  --dyn-cookie-btn:#1c5390;
  --dyn-cookie-btn-text:#fff;
}

/* ---- чекбоксы согласий в форме ---- */
.dyn-consent{display:flex;flex-direction:column;gap:9px;margin:2px 0 16px}
.dyn-consent__item{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;
  line-height:1.45;color:var(--dyn-text);cursor:pointer}
.dyn-consent__checkbox{margin-top:2px;width:16px;height:16px;flex:none;
  accent-color:var(--dyn-accent)}
.dyn-consent__text{flex:1}
.dyn-consent__link{color:var(--dyn-link);text-decoration:underline;text-underline-offset:2px}
.dyn-consent__link:hover{color:var(--dyn-link-hover)}
.dyn-consent__error{color:var(--dyn-error);font-size:12.5px;line-height:1.45;margin-top:2px}

/* ---- список документов в подвале ---- */
.dyn-docs{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.dyn-docs__item{margin:0}
.dyn-docs__link{display:block;font-size:13.5px;line-height:1.35;
  color:var(--dyn-docs-link);text-decoration:none}
.dyn-docs__link:hover{color:var(--dyn-docs-link-hover)}

/* ---- cookie-баннер ----
   Позиционирование и цвет кнопок виджет задаёт инлайном, поэтому переопределяем
   через !important — иначе останется его фиолетовый по умолчанию. */
.dyn-cookie{background:var(--dyn-cookie-bg)!important;color:var(--dyn-cookie-text)!important;
  padding:12px 14px!important;font-size:12.5px!important;line-height:1.45!important;
  align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
/* Кнопки баннера — строго в одну строку. Виджет ставит контейнеру инлайновый
   flex-wrap:wrap, из-за чего на телефоне «Настроить» уезжала на вторую строку
   и баннер занимал пол-экрана. Класса у контейнера нет, поэтому целимся через
   родителя; ширины делим поровну, текст не переносим. */
.dyn-cookie>div:last-child{flex-wrap:nowrap!important;gap:6px!important;width:100%}
.dyn-cookie__text a{color:var(--dyn-docs-link);text-decoration:underline}
.dyn-cookie__accept,.dyn-cookie__accept-all,
.dyn-cookie-panel__save,.dyn-cookie-panel__accept-all{
  background:var(--dyn-cookie-btn)!important;color:var(--dyn-cookie-btn-text)!important;
  border:0!important;border-radius:10px!important;padding:9px 16px!important;
  font-size:13px!important;font-weight:700!important;cursor:pointer}
.dyn-cookie__only-necessary,.dyn-cookie__settings{background:transparent!important;
  color:var(--dyn-cookie-text)!important;border:1px solid rgba(255,255,255,.25)!important;
  border-radius:10px!important;padding:9px 16px!important;font-size:13px!important;cursor:pointer}
.dyn-cookie-panel__item{display:flex;gap:10px;align-items:flex-start;margin:10px 0;font-size:13.5px}
.dyn-cookie-panel__desc{font-size:12.5px;line-height:1.45;opacity:.8}

/* Размеры кнопок баннера задаём ПОСЛЕ цветовых правил выше: у них та же
   специфичность, побеждает последнее. Три кнопки делят ширину поровну и
   не переносятся — иначе на телефоне баннер занимает пол-экрана. */
.dyn-cookie>div:last-child>button{flex:1 1 0;min-width:0;white-space:nowrap;
  padding:9px 8px!important;font-size:11px!important;border-radius:8px!important}