/* ============================================================
   Vegenergy Footer Drawer Content-Animations v0.3.1
   Ausgelagerte Entry-Animationen für alle Drawer-Inhalte.
   
   Weiches, leichtes Einfließen – Inhalte erscheinen mit
   feinem Fade-in, zeitlich gestaffelt und fließend.
   ============================================================ */

/* ---- Reduzierte Bewegung: alles sofort sichtbar ---- */
@media (prefers-reduced-motion: reduce) {
  .veg-footer__drawer-panel--open .veg-footer__drawer-title,
  .veg-footer__drawer-panel--open .veg-footer__drawer-text,
  .veg-footer__drawer-panel--open .veg-footer__drawer-section,
  .veg-footer__drawer-panel--open .veg-footer__drawer-section-title,
  .veg-footer__drawer-panel--open .veg-footer__drawer-contact-form,
  .veg-footer__drawer-panel--open .veg-footer__drawer-price-list,
  .veg-footer__drawer-panel--open .veg-footer__drawer-note-list,
  .veg-footer__drawer-panel--open .veg-footer__drawer-grid,
  .veg-footer__drawer-panel--open .veg-b2b-form,
  .veg-footer__drawer-panel--open .veg-b2b-nav {
    animation: none !important;
    opacity: 1 !important;
  }
}

/* ============================================================
   Basis: unsichtbar + Text-Größen-Schutz für iOS Safari
   ============================================================ */

.veg-footer__drawer-title,
.veg-footer__drawer-text,
.veg-footer__drawer-section,
.veg-footer__drawer-section-title,
.veg-footer__drawer-contact-form,
.veg-footer__drawer-price-list,
.veg-footer__drawer-note-list,
.veg-footer__drawer-grid,
.veg-b2b-form,
.veg-b2b-nav {
  opacity: 0;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* ============================================================
   Sanftes Fade-in – baut sich weich von unten auf
   ============================================================ */

/* Titel – erscheint zuerst, weich und ruhig */
.veg-footer__drawer-panel--open .veg-footer__drawer-title {
  animation: veg-drawer-soft-in 600ms 0ms ease-out forwards;
}

/* Section-Titles */
.veg-footer__drawer-panel--open .veg-footer__drawer-section-title {
  animation: veg-drawer-soft-in 650ms 120ms ease-out forwards;
}

/* Fließtexte */
.veg-footer__drawer-panel--open .veg-footer__drawer-text {
  animation: veg-drawer-soft-in 650ms 200ms ease-out forwards;
}

/* Preislisten */
.veg-footer__drawer-panel--open .veg-footer__drawer-price-list {
  animation: veg-drawer-soft-in 650ms 280ms ease-out forwards;
}

/* Notiz-Listen */
.veg-footer__drawer-panel--open .veg-footer__drawer-note-list {
  animation: veg-drawer-soft-in 650ms 360ms ease-out forwards;
}

/* Grids (Versand-Länder) */
.veg-footer__drawer-panel--open .veg-footer__drawer-grid {
  animation: veg-drawer-soft-in 680ms 320ms ease-out forwards;
}

/* Sections */
.veg-footer__drawer-panel--open .veg-footer__drawer-section {
  animation: veg-drawer-soft-in 680ms 440ms ease-out forwards;
}

/* Kontakt-Formular */
.veg-footer__drawer-panel--open .veg-footer__drawer-contact-form {
  animation: veg-drawer-soft-in 680ms 540ms ease-out forwards;
}

/* B2B-Formular */
.veg-footer__drawer-panel--open .veg-b2b-form {
  animation: veg-drawer-soft-in 680ms 540ms ease-out forwards;
}

/* B2B-Navigation */
.veg-footer__drawer-panel--open .veg-b2b-nav {
  animation: veg-drawer-soft-in 620ms 720ms ease-out forwards;
}

/* ============================================================
   Keyframe: weiches, lineares Fade-in
   ============================================================ */

@keyframes veg-drawer-soft-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}