:root { --fafaa-consent-space: 0px; }
body { padding-bottom: var(--fafaa-consent-space); }
html { scroll-padding-bottom: calc(var(--fafaa-consent-space) + 24px); }
.fafaa-consent[hidden] { display: none; }
.fafaa-consent {
  position: fixed; z-index: 1000; bottom: 0; inset-inline: 0;
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  padding: 18px max(20px, calc((100vw - 1200px) / 2));
  background: #19172a; color: #fff5dc; border-top: 1px solid #ffffff55;
  box-shadow: 0 -8px 24px #0005; font: 400 14px/1.8 Tahoma, "Segoe UI", sans-serif;
}
.fafaa-consent h2 { font: 700 16px/1.5 Tahoma, sans-serif; margin: 0 0 4px; }
.fafaa-consent p { margin: 0; font-size: 14px; }
.fafaa-consent p[role="status"]:empty { display: none; }
.fafaa-consent a { color: #ffd253; text-decoration: underline; }
.fafaa-consent-copy { max-width: 800px; }
.fafaa-consent-actions { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; flex-shrink: 0; }
.fafaa-consent-actions button {
  font: 700 16px/1.5 Tahoma, sans-serif; padding: 10px 24px; min-height: 44px;
  border: 1px solid #fff5dc; border-radius: 8px; background: transparent; color: #fff5dc;
  cursor: pointer;
}
.fafaa-consent-actions button:hover { background: #ffffff18; }
.fafaa-consent-actions button[data-choice="accept"] {
  background: #243c32; border-color: #82b99a; color: #d7f5e2;
}
.fafaa-consent-actions button[data-choice="accept"]:hover { background: #2e4c3e; }
.fafaa-consent :focus-visible, [data-privacy-settings]:focus-visible { outline: 3px solid #ffd253; outline-offset: 4px; }
[data-privacy-settings] { color: inherit; }
@media (max-width: 760px) {
  .fafaa-consent { display: grid; gap: 12px; padding: 16px 20px max(16px, env(safe-area-inset-bottom)); }
  .fafaa-consent-actions { width: 100%; }
}
