/* 99WAVES – Mein Konto / Vendor-Dashboard Redesign (additiv, überschreibt Theme-Optik)
   Owner: [MYACCOUNT]. Nur Konto-Seiten. Zielklassen live am DOM ausgelesen. */

.woocommerce-account{
  --nwma-navy:#0B1F3A; --nwma-pink:#E6007E; --nwma-pink-soft:#FCE1F0; --nwma-pink-ink:#B00062;
  --nwma-ground:#F5F6F9; --nwma-card:#FFFFFF; --nwma-ink:#101828; --nwma-muted:#667085;
  --nwma-line:#E7EAF0; --nwma-line-soft:#F0F2F6;
  --nwma-green:#0E9F6E; --nwma-green-soft:#E3F5EE; --nwma-blue:#2563EB; --nwma-blue-soft:#E8F0FE;
  --nwma-amber:#B76E00; --nwma-amber-soft:#FBEFD8;
  --nwma-radius:16px;
}

/* ============================================================= SIDEBAR-MENÜ */
.woocommerce-MyAccount-navigation ul{ list-style:none; margin:0; padding:6px; display:flex; flex-direction:column; gap:2px; }
.woocommerce-MyAccount-navigation-link{ margin:0 !important; border:0 !important; }
.woocommerce-MyAccount-navigation-link a{
  display:flex !important; align-items:center; gap:12px;
  padding:11px 12px !important; border-radius:11px !important;
  color:#3a4658 !important; font-weight:500; text-decoration:none;
  line-height:1.2; transition:background .15s,color .15s;
}
.woocommerce-MyAccount-navigation-link a:hover{ background:var(--nwma-line-soft) !important; color:var(--nwma-ink) !important; }
.woocommerce-MyAccount-navigation-link.is-active a{
  background:var(--nwma-pink-soft) !important; color:var(--nwma-pink-ink) !important; font-weight:600;
}

/* Icons via Maske → färben sich in currentColor mit */
.woocommerce-MyAccount-navigation-link a::before{
  content:""; flex:none; width:19px; height:19px; background-color:currentColor;
  -webkit-mask:var(--nwma-icon) center/contain no-repeat; mask:var(--nwma-icon) center/contain no-repeat;
  opacity:.9;
}
.woocommerce-MyAccount-navigation-link--dashboard a{ --nwma-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='9' rx='1'/%3E%3Crect x='14' y='3' width='7' height='5' rx='1'/%3E%3Crect x='14' y='12' width='7' height='9' rx='1'/%3E%3Crect x='3' y='16' width='7' height='5' rx='1'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--listings a{ --nwma-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0l-7.2-7.2A2 2 0 0 1 3 12V4a1 1 0 0 1 1-1h8a2 2 0 0 1 1.4.6l7.2 7.2a2 2 0 0 1 0 2.6Z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.3'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--orders a{ --nwma-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h16l-1 10a2 2 0 0 1-2 1.8H7A2 2 0 0 1 5 19L4 9Z'/%3E%3Cpath d='M9 9V7a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--messages a{ --nwma-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H8l-4 4V6a2 2 0 0 1 2-2h13a2 2 0 0 1 2 2Z'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--payouts a{ --nwma-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--favorites a{ --nwma-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.3-9.3-8.5C1.3 8.8 2.8 6 5.6 6c1.8 0 3.1 1 4.4 2.6C11.3 7 12.6 6 14.4 6c2.8 0 4.3 2.8 2.9 5.5C19 15.7 12 20 12 20Z'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--mein-listing a{ --nwma-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h16l-1.2-3.6A2 2 0 0 0 16.9 4H7.1a2 2 0 0 0-1.9 1.4L4 9Z'/%3E%3Cpath d='M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9'/%3E%3Cpath d='M9 9v2a3 3 0 0 0 6 0V9'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--account-settings a{ --nwma-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3.2'/%3E%3Cpath d='M12 2.5v2.3M12 19.2v2.3M4.2 4.2l1.6 1.6M18.2 18.2l1.6 1.6M2.5 12h2.3M19.2 12h2.3M4.2 19.8l1.6-1.6M18.2 5.8l1.6-1.6'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--inquiry a{ --nwma-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.5 9.5a2.5 2.5 0 0 1 4.5 1.5c0 1.5-2 2-2 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--support-tickets a{ --nwma-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9V7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2a2 2 0 0 0 0 4v2a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2a2 2 0 0 0 0-4Z'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--followings a{ --nwma-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.9'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--customer-logout a{ --nwma-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E"); color:#98a2b3 !important; }

/* Unterzeile bei „Mein Surfshop-/Surfschule-Eintrag" (typ-abhängig via body-Klasse) */
.woocommerce-MyAccount-navigation-link--mein-listing a::after{
  content:"Im Surfshop-Verzeichnis"; display:block;
  font-size:11px; font-weight:500; color:var(--nwma-muted); margin-top:1px;
}
body.nwma-dir-school .woocommerce-MyAccount-navigation-link--mein-listing a::after{ content:"Im Surfschulen-Verzeichnis"; }
/* Noch kein Eintrag → Typ unbekannt: Unterzeile ganz weglassen (Label ist neutral „Mein Verzeichnis-Eintrag"). */
body.nwma-dir-none .woocommerce-MyAccount-navigation-link--mein-listing a::after{ content:none; }
/* Surfschule: eigenes Icon (Absolventenhut) statt Ladentheke */
body.nwma-dir-school .woocommerce-MyAccount-navigation-link--mein-listing a{ --nwma-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 10 12 5 2 10l10 5 10-5Z'/%3E%3Cpath d='M6 12v5c0 1.2 2.7 2.5 6 2.5s6-1.3 6-2.5v-5'/%3E%3C/svg%3E"); }

/* ========================================================= DASHBOARD-START */
.dashboard-welcome-title{ font-size:26px !important; font-weight:700 !important; letter-spacing:-.3px; margin:0 0 4px !important; }
.dashboard-welcome-subtitle{ color:var(--nwma-muted) !important; margin:0 !important; }
.dashboard-welcome{ margin-bottom:22px !important; }

/* KPI-Kacheln */
.dashboard-overview{ display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:14px !important; margin-bottom:22px !important; }
.dashboard-card{
  background:var(--nwma-card) !important; border:1px solid var(--nwma-line) !important;
  border-radius:var(--nwma-radius) !important; padding:16px !important;
  box-shadow:0 1px 2px rgba(16,24,40,.04) !important; display:block !important;
}
.dashboard-card-icon{
  width:34px !important; height:34px !important; border-radius:10px !important;
  display:grid !important; place-items:center !important; margin-bottom:12px !important;
  background:var(--nwma-blue-soft) !important; color:var(--nwma-blue) !important;
}
.dashboard-card-icon--listings{ background:var(--nwma-blue-soft) !important; color:var(--nwma-blue) !important; }
.dashboard-card-icon--orders{ background:var(--nwma-pink-soft) !important; color:var(--nwma-pink) !important; }
.dashboard-card-icon--income{ background:var(--nwma-green-soft) !important; color:var(--nwma-green) !important; }
.dashboard-card-icon--favorites{ background:var(--nwma-amber-soft) !important; color:var(--nwma-amber) !important; }
/* 4. Kachel als „Auszahlung" (gewerbliche Händler): Karten-Icon in Grün */
.dashboard-card-icon--payout{ background:var(--nwma-green-soft) !important; color:var(--nwma-green) !important; }
.dashboard-card-icon--payout::after{
  content:""; width:18px; height:18px; background-color:currentColor;
  -webkit-mask:var(--nwma-payout) center/contain no-repeat; mask:var(--nwma-payout) center/contain no-repeat;
  --nwma-payout:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E");
}
.dashboard-card-count{ font-size:24px !important; font-weight:700 !important; letter-spacing:-.5px; line-height:1.1 !important; font-variant-numeric:tabular-nums; }
.dashboard-card-label{ color:var(--nwma-muted) !important; font-size:12.5px !important; margin-top:2px !important; }

/* Spalten + Sektionen */
.dashboard-columns{ display:grid !important; grid-template-columns:1.55fr 1fr !important; gap:16px !important; align-items:start !important; }
.dashboard-section{
  background:var(--nwma-card) !important; border:1px solid var(--nwma-line) !important;
  border-radius:var(--nwma-radius) !important; padding:16px 18px !important; margin:0 0 16px !important;
}
.dashboard-section-header{ display:flex !important; justify-content:space-between !important; align-items:center !important; margin-bottom:10px !important; }
.dashboard-section-title{ font-size:15px !important; font-weight:600 !important; margin:0 !important; }
.dashboard-view-all{ color:var(--nwma-pink-ink) !important; font-size:12.5px !important; font-weight:600 !important; }
.dashboard-listing-row{ display:flex !important; align-items:center; gap:12px; padding:10px 0 !important; border-bottom:1px solid var(--nwma-line-soft) !important; }
.dashboard-listing-row:last-child{ border-bottom:0 !important; }
.dashboard-listing-thumb img,.dashboard-listing-thumb{ width:44px !important; height:44px !important; border-radius:9px !important; object-fit:cover; flex:none; }
.dashboard-listing-title{ font-size:13.5px !important; font-weight:600 !important; }
.dashboard-listing-meta,.dashboard-listing-time,.dashboard-listing-views,.dashboard-listing-favs{ color:var(--nwma-muted) !important; font-size:12px !important; }
.dashboard-listing-price{ color:var(--nwma-ink) !important; font-weight:600 !important; }
.dashboard-empty{ color:var(--nwma-muted) !important; text-align:center; padding:22px 8px !important; font-size:13px; }

/* ============================================================ ZUSATZ-BLÖCKE */
/* Status-Chip im Welcome (per JS eingefügt) */
.nwma-badge{
  display:inline-flex; align-items:center; gap:7px; float:right;
  background:var(--nwma-navy); color:#fff; font-size:12px; font-weight:500;
  padding:6px 12px; border-radius:999px;
}
.nwma-badge .dot{ width:6px; height:6px; border-radius:50%; background:var(--nwma-green); }

/* „Nächste Schritte" (per JS in die rechte Spalte) */
.nwma-steps{ list-style:none; margin:0; padding:2px 0 0; display:flex; flex-direction:column; }
.nwma-steps li{ display:flex; align-items:center; gap:12px; padding:11px 2px; border-bottom:1px solid var(--nwma-line-soft); }
.nwma-steps li:last-child{ border-bottom:0; }
.nwma-steps .tick{ width:22px; height:22px; border-radius:50%; flex:none; display:grid; place-items:center; border:1.5px solid var(--nwma-line); color:#fff; font-size:12px; }
.nwma-steps li.done .tick{ background:var(--nwma-green); border-color:var(--nwma-green); }
.nwma-steps li.done .lbl{ color:var(--nwma-muted); text-decoration:line-through; }
.nwma-steps .lbl{ font-size:13.5px; font-weight:500; }
.nwma-steps .go{ margin-left:auto; color:var(--nwma-pink-ink); font-weight:600; font-size:12px; text-decoration:none; }

/* ============================================ „MEINE ANZEIGEN" – TAB-LEISTE */
/* Aktiv-Zustand sichtbar machen — GLEICHE visuelle Sprache wie die Bestellungen-Tabs
   (.settings-tabs.order-tabs): aktiver Tab = gefülltes Navy-Feld (#021E3C, weiße Schrift),
   inaktiv blass. Segmented-Control auf hellem Track.

   WICHTIG (v1.1.3, Ursache des „alles grau"): Das Child-Theme (99waves-minimog-child/overrides.css)
   setzt `.listings-tabs a { background:transparent !important; border-radius:0 !important; }` —
   Spezifität (0,0,1,1). Unser früheres `.listings-tab--active` (0,0,1,0) verlor trotz !important,
   der aktive Tab wurde transparent (= grau wie die anderen). Zusätzlich zielt das Child-Theme auf
   die Klasse `.active`, der DOM nutzt aber `.listings-tab--active` → dessen Aktiv-Regel griff nie.
   Lösung: HÖHERE Spezifität `.woocommerce-account .listings-tabs a.listings-tab(.--active)`
   (0,0,3–4,1) schlägt `.listings-tabs a` sicher. Navy-Wert #021E3C literal (order-actions.css lädt
   auf der Listings-Seite nicht, daher keine --nwoa-*-Variable nutzen). */
.listings-toolbar{ display:flex!important; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:18px!important; }
.woocommerce-account .listings-tabs{
  display:inline-flex!important; gap:0!important;
  background:var(--nwma-line-soft)!important; padding:4px!important;
  border:1px solid var(--nwma-line)!important; border-radius:12px!important;
}
.woocommerce-account .listings-tabs a.listings-tab{
  padding:9px 18px!important; border:0!important; border-bottom:0!important; border-radius:9px!important;
  background:transparent!important; color:var(--nwma-muted)!important; font-weight:600!important;
  font-size:13.5px!important; line-height:1.2!important; text-decoration:none!important;
  transition:background .15s,color .15s,box-shadow .15s;
}
.woocommerce-account .listings-tabs a.listings-tab:hover{ color:var(--nwma-ink)!important; background:transparent!important; }
.woocommerce-account .listings-tabs a.listings-tab.listings-tab--active{
  background:#021E3C!important; color:#fff!important; border-bottom:0!important;
  box-shadow:0 1px 2px rgba(2,30,60,.18)!important;
}
.listings-add-new-btn{ display:inline-flex!important; align-items:center; gap:7px; background:var(--nwma-pink)!important; color:#fff!important; padding:9px 16px!important; border-radius:11px!important; font-weight:600!important; text-decoration:none!important; }

/* ================================================ DASHBOARD: $ → € (Erlös) */
/* Theme nutzt <i class="far fa-dollar-sign"> → durch Euro-Symbol ersetzen (font-unabhängig). */
.dashboard-card-icon--income .fa-dollar-sign,
.dashboard-card-icon--income i{ display:none!important; }
.dashboard-card-icon--income::after{
  content:""; width:18px; height:18px; background-color:currentColor;
  -webkit-mask:var(--nwma-euro) center/contain no-repeat; mask:var(--nwma-euro) center/contain no-repeat;
  --nwma-euro:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 7a7 7 0 1 0 0 10'/%3E%3Cpath d='M4 10.5h10M4 13.5h9'/%3E%3C/svg%3E");
}

/* ===================================================================== MOBIL */
@media (max-width:840px){
  .dashboard-overview{ grid-template-columns:repeat(2,1fr) !important; }
  .dashboard-columns{ grid-template-columns:1fr !important; }
}

/* HINWEIS „Abholung anbieten" (v1.0.7) ENTFERNT in v1.1.1 — Box + Styles raus (siehe Plugin-Docblock). */

/* ============================ AUTH-/DÜNNE KONTO-SEITEN (v1.0.12, kosmetisch „Weg A") ============================
   Passwort-vergessen (Formular, „E-Mail versandt"-Bestätigung, Reset-Formular) und ausgeloggte
   Konto-Seite: wenig Inhalt oben, darunter der große dunkle Footer → wirkte kopflastig/leer.
   Fix rein optisch/additiv: Inhalt vertikal ausbalancieren, angenehme Lesebreite, Mindesthöhe,
   damit der Footer natürlich nach unten rückt. Greift NUR bei body.nwma-auth (ausgeloggt bzw.
   Passwort-vergessen-Endpoint) → das eingeloggte Dashboard bleibt völlig unberührt. */
body.nwma-auth .page-main-content{
  display:flex !important; flex-direction:column; justify-content:center;
  min-height:clamp(360px, 58vh, 620px);
  padding:36px 16px 52px !important;
}
/* Karten/Meldungen mittig und in angenehmer Lesebreite (Formular-Karte + Bestätigungstext) */
body.nwma-auth .page-main-content .woocommerce{ max-width:520px; margin-inline:auto; width:100%; }
body.nwma-auth .woocommerce-form-wrap{ max-width:520px; margin-inline:auto; }

/* CTA-Button „Zur Anmeldung" (auf der „E-Mail versandt"-Bestätigung, per PHP-Filter oder JS-Fallback).
   Farb-Token stammen von .woocommerce-account (body) und werden hierher vererbt. */
.nwma-auth-cta{ display:block; margin-top:18px; }
.nwma-auth-cta-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  background:var(--nwma-pink); color:#fff !important; text-decoration:none !important;
  font-weight:600; font-size:14px; line-height:1.2; padding:12px 22px; border-radius:12px;
  transition:background .15s, transform .05s;
}
.nwma-auth-cta-btn:hover{ background:var(--nwma-pink-ink); color:#fff !important; }
.nwma-auth-cta-btn:active{ transform:translateY(1px); }