/* ============================================================
   Плашка согласия на cookie — единая для всего сайта.
   Разметка: local/include/cookie-consent.php, логика: cookie-consent.js.

   Оформление — по новому дизайну (/new/): белая карточка R24, бордер
   slate-200, синяя кнопка #1e5bff с uppercase-подписью.

   Файл подключается и в december2018, и в /new/, поэтому:
   — без CSS-переменных --sx-* (их нет в старом шаблоне) — только явные значения;
   — без font-family: шрифт наследуется от страницы (IBM Plex на /new/,
     шрифт december2018 на остальных);
   — со сбросом на своих элементах, чтобы чужие глобальные правила
     старого шаблона не протекали внутрь плашки.
   ============================================================ */
.cookie-consent,.cookie-consent *,.cookie-consent *::before,.cookie-consent *::after{box-sizing:border-box;}

.cookie-consent{position:fixed;inset:auto 0 0 0;z-index:1000;
  pointer-events:none;                                   /* клики мимо карточки уходят на страницу */
  opacity:0;transform:translateY(16px);
  transition:opacity .3s ease,transform .3s cubic-bezier(.2,.7,.2,1);}
.cookie-consent.is-shown{opacity:1;transform:none;}
/* атрибут hidden сам по себе перебивается display у .cookie-consent — гасим явно */
.cookie-consent[hidden]{display:none;}

/* В нижних углах страницы висят плавающие виджеты сайта (Telegram, MAX, обратный
   звонок Envybox): квадрат 60px в 20px от края, то есть занята зона 80×80 в каждом
   углу. У них тот же z-index, и в разметке они идут после плашки — значит рисуются
   поверх неё и закрывают кнопку «Хорошо». Разводим геометрией, а не z-index'ом:
   от 1280px карточке хватает ширины обойти углы по горизонтали, ниже — поднимаем
   её над виджетами. */
.cookie-consent__inner{max-width:1920px;margin:0 auto;padding:0 96px 24px;}

/* Ширина карточки равняется по контенту той страницы, где плашка стоит:
   1416 — новый дизайн /new/, 1170 (--cookie-maxw из разметки) — december2018. */
.cookie-consent__card{pointer-events:auto;
  display:flex;align-items:center;gap:40px;
  max-width:var(--cookie-maxw,1416px);margin:0 auto;padding:24px 32px;
  background:#fff;border:1px solid #e2e8f0;border-radius:24px;
  box-shadow:0 12px 40px rgba(15,23,42,.14);
  text-align:left;}

/* max-width держит строку читаемой: на 1920 текст иначе растягивается на всю карточку */
.cookie-consent .cookie-text{flex:1 1 auto;min-width:0;max-width:1000px;margin:0;
  font-size:16px;line-height:1.4;letter-spacing:-.32px;color:#475569;}

.cookie-consent__actions{flex:none;display:flex;align-items:center;gap:24px;}
.cookie-consent .cookie-button{flex:none;display:inline-flex;align-items:center;justify-content:center;
  min-width:180px;height:56px;padding:6px 24px;
  background:#1e5bff;border:0;border-radius:12px;color:#fff;cursor:pointer;
  font-family:inherit;font-weight:500;font-size:18px;line-height:1.05;letter-spacing:.9px;text-transform:uppercase;
  transition:background .18s ease;}
.cookie-consent .cookie-button:hover{background:#1746c8;}
.cookie-consent .cookie-link{flex:none;color:#1e5bff;text-decoration:none;
  font-size:18px;line-height:1.2;letter-spacing:-.36px;
  border-bottom:1px solid rgba(30,91,255,.35);
  transition:color .18s ease,border-color .18s ease;}
.cookie-consent .cookie-link:hover{color:#1746c8;border-color:#1746c8;text-decoration:none;}

/* — Узкий десктоп — */
@media (max-width:1279px){
  /* ширины на обход углов уже не хватает — встаём над виджетами (80px + зазор) */
  .cookie-consent__inner{padding:0 24px 92px;}
  .cookie-consent__card{gap:24px;padding:20px 24px;}
  .cookie-consent .cookie-button{min-width:160px;height:52px;font-size:16px;}
  .cookie-consent .cookie-link{font-size:16px;}
}

/* — Планшет: в ряд текст сжимается до узкой колонки в 7 строк — кладём в колонку — */
@media (max-width:1023px){
  .cookie-consent__card{flex-direction:column;align-items:flex-start;gap:20px;}
  .cookie-consent .cookie-text{max-width:none;}
}

/* — Мобильный: кнопка на всю ширину — */
@media (max-width:767px){
  .cookie-consent__inner{padding:0 16px 92px;}
  .cookie-consent__card{align-items:stretch;gap:16px;
    padding:16px;border-radius:20px;box-shadow:0 8px 28px rgba(15,23,42,.16);}
  .cookie-consent .cookie-text{font-size:14px;letter-spacing:-.28px;}
  .cookie-consent__actions{gap:16px;}
  .cookie-consent .cookie-button{flex:1 1 auto;min-width:0;height:48px;padding:6px 16px;font-size:15px;}
  .cookie-consent .cookie-link{font-size:15px;}
}

/* — Версия для слабовидящих на /new/: плашка вне .sx-main и под общие
     правила 50-bvi.css не попадает — красим здесь — */
html.sx-bvi .cookie-consent__card{background:var(--bvi-bg)!important;
  border-color:var(--bvi-fg)!important;box-shadow:none!important;}
html.sx-bvi .cookie-consent .cookie-text,
html.sx-bvi .cookie-consent .cookie-link,
html.sx-bvi .cookie-consent .cookie-button{background:transparent!important;color:var(--bvi-fg)!important;}
html.sx-bvi .cookie-consent .cookie-button{border:2px solid var(--bvi-fg)!important;}
html.sx-bvi .cookie-consent .cookie-link{text-decoration:underline!important;border-bottom:0!important;}