/* 99WAVES – Mein Konto: Aktions-Hervorhebung + Verpack-Box (additiv). Owner [MYACCOUNT].
   CI: Navy #021E3C, Magenta #FF2D95 (identisch zu Bestätigungs-Mail/-Seite → Wiedererkennung). */

.woocommerce-account{
  --nwoa-navy:#021E3C; --nwoa-magenta:#FF2D95; --nwoa-magenta-ink:#c60f6d;
  --nwoa-amber-soft:#FFF4E5; --nwoa-amber-line:#F5C77E; --nwoa-amber-ink:#8a5a00;
  --nwoa-blue-soft:#EAF2FB; --nwoa-blue-line:#BBD6F2;
}

/* ============================================================ A) Dashboard-Hinweis-Block */
.nwma-action-alerts{ display:flex; flex-direction:column; gap:12px; margin:0 0 20px; }
.nwma-action-alert{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  border-radius:14px; padding:16px 18px;
  background:var(--nwoa-amber-soft); border:1px solid var(--nwoa-amber-line);
  box-shadow:0 1px 2px rgba(2,30,60,.05);
}
.nwma-action-alert--buyer{ background:var(--nwoa-blue-soft); border-color:var(--nwoa-blue-line); }
/* v1.1.1 (FIX 5): 🔔-Emoji entfernt — kein .nwma-aa-bell mehr. */
.nwma-aa-text{ font-size:15px; font-weight:700; color:var(--nwoa-navy); flex:1 1 auto; min-width:180px; }
.nwma-aa-cta{
  flex:none; display:inline-flex; align-items:center; justify-content:center;
  background:var(--nwoa-magenta); color:#fff !important; text-decoration:none !important;
  font-weight:700; font-size:14px; line-height:1.2; padding:11px 22px; border-radius:11px;
  transition:background .15s, transform .05s;
}
.nwma-aa-cta:hover{ background:var(--nwoa-magenta-ink); color:#fff !important; }
.nwma-aa-cta:active{ transform:translateY(1px); }

/* ============================================================ B) Bestellübersicht: Zeile
   DEZENT (v1.1.4): KEIN Vollrahmen, KEINE „Aktion nötig"-Pille — nur ein schmaler Magenta-Akzent
   am linken Zeilenrand + ruhiger Outline-CTA. Der Button ist das Aktionssignal.

   v1.1.5 (Manu: „Balken links nicht sichtbar"): Die Bestellliste ist eine echte <table>; unser
   `.nwma-action-row` sitzt auf dem <tr>, und `box-shadow:inset` rendert auf Tabellenzeilen NICHT.
   Deshalb den Akzent zusätzlich auf die ERSTE ZELLE legen (dort rendert der inset-Schatten sicher)
   und eine hauchzarte Zeilentönung, damit die Aktionszeile ruhig erkennbar ist. Die Row-Regel bleibt
   als Fallback für div-basierte Listen. Kein Layout-Shift (Schatten statt Border). */
.nwma-action-row{
  position:relative;
  box-shadow:inset 3px 0 0 var(--nwoa-magenta) !important; /* Fallback: div-basierte Zeilen */
}
.nwma-action-row > td,
.nwma-action-row > th{
  background-color:rgba(255,45,149,.035) !important; /* hauchzarte Tönung der Aktionszeile */
}
.nwma-action-row > td:first-child,
.nwma-action-row > th:first-child{
  box-shadow:inset 3px 0 0 var(--nwoa-magenta) !important; /* der sichtbare 3px-Akzent bei Tabellen */
}
/* .nwma-row-badge entfernt (v1.1.4). */
.nwma-row-cta{
  display:inline-flex; align-items:center; justify-content:center;
  background:transparent; color:var(--nwoa-magenta) !important; text-decoration:none !important;
  border:1px solid var(--nwoa-magenta);
  font-weight:600; font-size:12.5px; line-height:1.2; padding:6px 14px; border-radius:8px;
  margin:4px 0 4px 8px; white-space:nowrap;
  transition:background .15s, color .15s, transform .05s;
}
.nwma-row-cta:hover{ background:var(--nwoa-magenta); color:#fff !important; }
.nwma-row-cta:active{ transform:translateY(1px); }

/* ============================================================ TEIL 2 – Verpack-Box */
.nwma-packing-box .nwma-packing-intro{ color:#3d4a58; font-size:14px; line-height:1.6; margin:0 0 12px; }
.nwma-packing-steps{ margin:0 0 12px; padding-left:20px; }
.nwma-packing-steps li{ font-size:14.5px; line-height:1.7; color:#1a2733; margin:0 0 4px; }
.nwma-packing-steps strong{ color:var(--nwoa-navy); }
.nwma-packing-graphic{ text-align:center; margin:14px 0 0; }
.nwma-packing-graphic img{ width:100%; max-width:560px; height:auto; display:block; margin:0 auto; border:0; border-radius:12px; }

/* ===================================================================== MOBIL */
@media (max-width:600px){
  .nwma-action-alert{ padding:14px; }
  .nwma-aa-cta{ width:100%; }
  .nwma-row-cta{ width:100%; margin-left:0; }
}