/* Баннер согласия на cookie (app/static/cookie-consent.js). Палитра — от
   лендинга (gb-theme.css / app/landing/index.html), свои переменные с префиксом
   --gb-cc: страницы, куда он встаёт, подключают разные стили. Тёмная тема — по
   системе. Классы — только gb-cc-*. */
.gb-cc {
  --gb-cc-bg: #FFFFFF;
  --gb-cc-text: #1A1A1A;
  --gb-cc-muted: #6B6B6B;
  --gb-cc-border: #E5E0D8;
  --gb-cc-gold: #C9A227;
  --gb-cc-gold-dark: #A8851D;
  --gb-cc-on-gold: #1A1A1A;
  --gb-cc-second-bg: #F5F0E8;
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000;
  box-sizing: border-box;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 20px;
  padding: 14px 16px calc(14px + env(safe-area-inset-bottom, 0px));
  background: var(--gb-cc-bg); color: var(--gb-cc-text);
  border-top: 1px solid var(--gb-cc-border);
  box-shadow: 0 -6px 24px rgba(0, 0, 0, .08);
  font: 14px/1.45 Inter, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.gb-cc[hidden] { display: none !important; }
.gb-cc *, .gb-cc *::before, .gb-cc *::after { box-sizing: border-box; }
.gb-cc-text { margin: 0; max-width: 720px; flex: 1 1 320px; color: var(--gb-cc-text); }
.gb-cc-link { color: inherit; text-decoration: underline; }
.gb-cc-link:hover { color: var(--gb-cc-gold-dark); }
.gb-cc-actions { display: flex; flex-wrap: wrap; gap: 8px; flex: 0 0 auto; }
.gb-cc-btn {
  min-height: 44px; padding: 10px 18px; border-radius: 10px;
  font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.2; cursor: pointer;
  border: 1px solid transparent;
}
.gb-cc-accept { background: var(--gb-cc-gold); color: var(--gb-cc-on-gold); }
.gb-cc-accept:hover { background: var(--gb-cc-gold-dark); color: #fff; }
.gb-cc-necessary { background: var(--gb-cc-second-bg); color: var(--gb-cc-text); border-color: var(--gb-cc-border); }
.gb-cc-necessary:hover { border-color: var(--gb-cc-muted); }
.gb-cc-btn:focus-visible, .gb-cc-link:focus-visible {
  outline: 3px solid var(--gb-cc-gold); outline-offset: 2px;
}
/* Телефон (390 px): кнопки во всю ширину, текст сверху. */
@media (max-width: 560px) {
  .gb-cc { padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)); }
  .gb-cc-text { flex-basis: 100%; font-size: 13px; }
  .gb-cc-actions { width: 100%; }
  .gb-cc-btn { flex: 1 1 0; padding: 10px 8px; }
}
@media (prefers-color-scheme: dark) {
  .gb-cc {
    --gb-cc-bg: #1E1C19;
    --gb-cc-text: #F2EEE7;
    --gb-cc-muted: #B5AEA3;
    --gb-cc-border: #3A3631;
    --gb-cc-second-bg: #2A2723;
    --gb-cc-gold-dark: #E0BE4E;
    box-shadow: 0 -6px 24px rgba(0, 0, 0, .4);
  }
  .gb-cc-accept:hover { color: #1A1A1A; }
}
/* Ссылка «Настройки cookie» в подвале — видна, только когда скрипт баннера
   подключён (он снимает hidden). */
[data-cookie-settings][hidden] { display: none !important; }
button[data-cookie-settings] {
  background: none; border: 0; padding: 0; margin: 0; font: inherit; color: inherit;
  text-decoration: underline; cursor: pointer;
}