/* ─────────────────────────────────────────────────────────────────────────
   Баннер согласия на файлы cookie

   ПОЧЕМУ ОТДЕЛЬНЫЙ ФАЙЛ. Стили index.html лежат в инлайн-блоке <style>,
   разрешённом в CSP по SHA-256 хешу. Добавить сюда правила означало бы
   пересчитывать хеш в .htaccess и nginx-site.conf при каждой правке
   баннера. Внешний файл покрывается style-src 'self'.

   ПОЧЕМУ БАННЕР СКРЫТ ПО УМОЛЧАНИЮ (hidden в разметке, а не display:none
   здесь): если CSS почему-то не загрузился, баннер всё равно останется
   скрытым до решения скрипта, а не мигнёт на странице.
   ───────────────────────────────────────────────────────────────────────── */

.cookie-bar{
  position:fixed;
  left:16px; right:16px; bottom:16px;
  z-index:9999;
  max-width:760px;
  margin:0 auto;
  background:#fff;
  border:1px solid #E2E8F0;
  border-radius:16px;
  box-shadow:0 12px 32px -8px rgba(30,58,95,.22),0 4px 10px rgba(0,0,0,.06);
  padding:20px 22px;
  display:flex;
  gap:18px;
  align-items:center;
  flex-wrap:wrap;
  font-size:.9rem;
  line-height:1.5;
  color:#243144;
}

.cookie-bar[hidden]{display:none}

.cookie-bar__text{flex:1 1 340px;min-width:0}
.cookie-bar__text strong{color:#1E3A5F;font-weight:600}
.cookie-bar__text a{color:#2C4C6E}

.cookie-bar__actions{
  display:flex;
  gap:10px;
  flex:0 0 auto;
  flex-wrap:wrap;
}

.cookie-bar button{
  font-family:inherit;
  font-size:.88rem;
  font-weight:500;
  padding:11px 20px;
  border-radius:40px;
  cursor:pointer;
  border:1px solid transparent;
  transition:background .2s,border-color .2s,transform .2s;
  white-space:nowrap;
}
.cookie-bar button:hover{transform:translateY(-1px)}

/* Кнопки визуально равнозначны: «Принять» не выделена размером,
   а «Отклонить» не спрятана серым — иначе согласие нельзя считать
   свободно выраженным. */
.cookie-bar .c-accept{background:#1E3A5F;color:#fff}
.cookie-bar .c-accept:hover{background:#2C4C6E}
.cookie-bar .c-decline{background:#fff;color:#2C4C6E;border-color:#C9D4E0}
.cookie-bar .c-decline:hover{border-color:#5F8B9F;background:#F5F7FA}

.cookie-bar :focus-visible{outline:3px solid #5F8B9F;outline-offset:2px}

/* Кнопка сброса решения на странице /cookies.html */
.btn-reset{
  font-family:inherit;
  font-size:.9rem;
  font-weight:500;
  padding:11px 20px;
  border-radius:40px;
  cursor:pointer;
  background:#fff;
  color:#2C4C6E;
  border:1px solid #C9D4E0;
  transition:border-color .2s,background .2s;
}
.btn-reset:hover{border-color:#5F8B9F;background:#F5F7FA}
.btn-reset:disabled{opacity:.5;cursor:default}

@media (max-width:560px){
  .cookie-bar{padding:18px;gap:14px}
  .cookie-bar__actions{width:100%}
  .cookie-bar__actions button{flex:1 1 auto}
}

@media (prefers-reduced-motion:reduce){
  .cookie-bar button{transition:none}
  .cookie-bar button:hover{transform:none}
}