/**
 * Machine Translation Disclaimer
 *
 * Plain CSS (Drupal SDC liefert diese Datei roh aus, kein PostCSS-Build).
 * Tailwind-Utilities liegen direkt im Twig-Markup; hier nur State-Helper
 * und Slide-in-Animation.
 */

.machine-translation-disclaimer.is-visible {
  opacity: 1 !important;
  pointer-events: auto !important;
  animation: mt-disclaimer-slide-in 0.32s cubic-bezier(0.16, 1, 0.3, 1);
}

.machine-translation-disclaimer.is-dismissing {
  opacity: 0 !important;
  transform: translateY(8px);
}

.machine-translation-disclaimer.is-hidden {
  display: none !important;
}

@keyframes mt-disclaimer-slide-in {
  from { opacity: 0; transform: translateX(24px); }
  to { opacity: 1; transform: translateX(0); }
}

/* Mobile: Card stapelt vertikal mit Stretch-Button. */
@media (max-width: 640px) {
  .machine-translation-disclaimer .flex.items-start {
    flex-direction: column;
    gap: 0.75rem;
  }

  .machine-translation-disclaimer .machine-translation-disclaimer__ack {
    align-self: stretch;
  }
}