/* GTA6-HUB — Cookie consent preferences */
.site-cookie-banner,
.site-preference-toast {
  font-family: Inter, Arial, sans-serif;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .38);
}

.site-cookie-banner {
  position: fixed;
  z-index: 120;
  left: calc(var(--sidebar, 230px) + 22px);
  bottom: 18px;
  width: min(440px, calc(100vw - var(--sidebar, 230px) - 44px));
  display: grid;
  gap: 14px;
  padding: 17px;
  border: 1px solid rgba(67, 228, 255, .24);
  border-radius: 13px;
  background: rgba(15, 19, 25, .97);
  backdrop-filter: blur(16px);
}
.site-cookie-copy strong { display: block; color: #eef2f8; font-size: 13px; }
.site-cookie-copy p { margin: 7px 0 0; color: #9aa5b2; font-size: 11px; line-height: 1.6; }
.site-cookie-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.site-cookie-actions button {
  min-height: 34px;
  padding: 0 12px;
  border-radius: 8px;
  font-size: 10px;
  font-weight: 800;
}
.site-cookie-secondary { border: 1px solid rgba(255,255,255,.13); color: #c3ccd6; }
.site-cookie-primary { border: 1px solid rgba(67,228,255,.4); background: rgba(67,228,255,.1); color: #43e4ff; }
.site-cookie-actions button:hover { filter: brightness(1.2); }

.site-preference-toast {
  position: fixed;
  z-index: 130;
  left: 50%;
  bottom: 72px;
  transform: translate(-50%, 10px);
  opacity: 0;
  pointer-events: none;
  padding: 10px 14px;
  border: 1px solid rgba(67,228,255,.25);
  border-radius: 9px;
  background: #141a22;
  color: #e7eef5;
  font-size: 11px;
  transition: opacity .2s ease, transform .2s ease;
}
.site-preference-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }

#site-cookie-settings { color: #5e6776; font-size: 12px; }
#site-cookie-settings:hover { color: #cbd3df; }

@media (max-width: 900px) {
  .site-cookie-banner {
    left: 14px;
    bottom: 68px;
    width: min(440px, calc(100vw - 28px));
  }
  .site-preference-toast { bottom: 68px; }
}
@media (max-width: 480px) {
  .site-cookie-actions { justify-content: stretch; }
  .site-cookie-actions button { flex: 1; }
}