/* ==========================================================================
   Cookie Consent Banner — v3 §19. Default: everything off except necessary.
   ========================================================================== */

.cookie-banner {
  display: none;
  position: fixed;
  bottom: var(--space-4);
  left: var(--space-4);
  right: var(--space-4);
  max-width: 560px;
  margin-inline-start: auto; /* sits at the RTL "start" corner, opposite the WhatsApp FAB */
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  padding: var(--space-4);
  z-index: var(--z-modal);
}
.cookie-banner.is-visible { display: block; }

.cookie-banner p { font-size: var(--fs-ui); color: var(--color-text-secondary); margin-bottom: var(--space-3); }
.cookie-banner p a { color: var(--color-blue-600); }

.cookie-banner__actions { display: flex; gap: var(--space-2); flex-wrap: wrap; }

@media (max-width: 479px) {
  .cookie-banner { left: var(--space-3); right: var(--space-3); bottom: var(--space-3); }
  .cookie-banner__actions .btn { flex: 1; justify-content: center; }
}