/**
 * Cookie Consent банер — светло-бежевый в стиле Chitacle-модалок.
 * СИ 28.08.2026 (T1382): одна кнопка «Согласен», цвета согласованы
 * с модалкой «Установить приложение» (fdfaf3 + 431d28 бордовый + d4af37 золотой).
 */

#cookie-consent-banner {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  /* СИ 28.08 15:00: z-index 9500 — НИЖЕ curtain-overlay (9999), модалок
     (10001+), toast (10000). Иначе баннер перекрывал кнопки в модалке
     «Установить приложение». Всё что открывается поверх — перекроет баннер. */
  z-index: 9500;
  background: #fdfaf3;
  color: #431d28;
  border: 1px solid rgba(212, 175, 55, 0.5);
  border-radius: 14px;
  padding: 16px 22px;
  box-shadow: 0 10px 32px rgba(67, 29, 40, 0.35);
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-size: 0.9rem;
  line-height: 1.5;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  max-width: 1100px;
  margin: 0 auto;
}

#cookie-consent-banner .cc-text {
  flex: 1;
  min-width: 240px;
  color: #431d28;
}

#cookie-consent-banner .cc-link {
  color: #b8923a;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-weight: 600;
}
#cookie-consent-banner .cc-link:hover {
  color: #d4af37;
}

#cookie-consent-banner .cc-btn {
  font-family: 'Cormorant Garamond', 'Inter', serif;
  font-size: 1rem;
  font-weight: 700;
  padding: 10px 28px;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.15s ease;
  border: none;
  white-space: nowrap;
  letter-spacing: 0.02em;
}

#cookie-consent-banner .cc-buttons {
  display: flex;
  gap: 10px;
  flex-shrink: 0;
}

#cookie-consent-banner .cc-btn-accept {
  /* СИ 28.08: бордовая primary-кнопка, белый шрифт. */
  background: #431d28;
  color: #fdfaf3;
  box-shadow: 0 3px 10px rgba(67, 29, 40, 0.4);
}
#cookie-consent-banner .cc-btn-accept:hover {
  background: #5a2635;
  transform: translateY(-1px);
  box-shadow: 0 5px 16px rgba(67, 29, 40, 0.55);
}

#cookie-consent-banner .cc-btn-reject {
  /* Secondary-кнопка «Отклонить» — прозрачный фон, бордовая рамка. */
  background: transparent;
  color: #431d28;
  border: 1.5px solid rgba(67, 29, 40, 0.35);
  padding: 8.5px 20px; /* -1.5 из-за рамки чтобы высота совпадала */
}
#cookie-consent-banner .cc-btn-reject:hover {
  border-color: #431d28;
  background: rgba(67, 29, 40, 0.06);
}

/* Mobile: столбиком */
@media (max-width: 640px) {
  #cookie-consent-banner {
    padding: 14px 16px;
    font-size: 0.85rem;
    gap: 12px;
    left: 10px;
    right: 10px;
    bottom: 10px;
  }
  #cookie-consent-banner .cc-buttons {
    width: 100%;
  }
  #cookie-consent-banner .cc-btn {
    flex: 1;
    padding: 12px 20px;
    font-size: 0.95rem;
  }
}

/* RTL для арабского */
[dir="rtl"] #cookie-consent-banner {
  font-family: 'Inter', system-ui, sans-serif;
}