/* MonkeyStore Kundenbereich – einfacher und besser lesbar, ORIGINAL-DESIGN BLEIBT ERHALTEN */
body.customer-simple{
  font-size:17px;
  line-height:1.62;
}
body.customer-simple .container:not(.admin-main){
  width:min(1160px,calc(100% - 32px));
  padding-top:42px;
  padding-bottom:52px;
}
body.customer-simple h1{font-size:clamp(34px,5vw,50px)!important;line-height:1.08!important;letter-spacing:-1.5px!important;margin-bottom:14px!important}
body.customer-simple h2{line-height:1.18;letter-spacing:-.4px}
body.customer-simple p,
body.customer-simple .muted,
body.customer-simple small,
body.customer-simple .form-help{color:#d4d1dc!important}
body.customer-simple .card p{color:#d0cdd8!important;font-size:15px!important;min-height:0!important}
body.customer-simple .price{color:#fff!important}

/* Navigation bleibt dunkel/neon, wird aber leichter verständlich */
body.customer-simple .neon-tool{font-size:13px!important}
body.customer-simple .neon-nav{gap:20px!important}
body.customer-simple .neon-nav a{font-size:14px!important;padding-top:13px!important;padding-bottom:13px!important}
body.customer-simple .neon-search input{font-size:16px!important}

/* Große, gut treffbare Bedienelemente */
body.customer-simple .btn{min-height:52px!important;border-radius:12px!important;padding:0 20px!important;font-size:16px!important;font-weight:900!important}
body.customer-simple .btn.mini{min-height:44px!important;font-size:14px!important;padding:0 14px!important}
body.customer-simple .field label{font-size:15px!important;color:#f3f1f7!important;text-transform:none!important;letter-spacing:0!important;margin-bottom:8px!important}
body.customer-simple .field input,
body.customer-simple .field select,
body.customer-simple .field textarea{
  min-height:56px!important;
  font-size:17px!important;
  padding:12px 14px!important;
  border-width:2px!important;
  border-color:#4b4d5c!important;
}
body.customer-simple .field input:focus,
body.customer-simple .field select:focus,
body.customer-simple .field textarea:focus{
  border-color:#12dfff!important;
  box-shadow:0 0 0 4px rgba(18,223,255,.13)!important;
}
body.customer-simple .notice{font-size:16px!important;line-height:1.55!important;padding:16px 18px!important;border-radius:14px!important}
body.customer-simple .notice a:not(.btn){color:#9ceeff!important;text-decoration:underline;font-weight:900}

/* Login-Karte ist im bestehenden Design hell – dort dunkle Schrift beibehalten */
body.customer-simple .auth-card p,
body.customer-simple .auth-card .muted,
body.customer-simple .auth-card .auth-links,
body.customer-simple .auth-card small,
body.customer-simple .auth-card .form-help{color:#4f584f!important}
body.customer-simple .auth-card .field label{color:#303730!important}
body.customer-simple .auth-card .field input{background:#fff!important;color:#111!important;border-color:#c9d0c5!important}
body.customer-simple .auth-card .field input:focus{border-color:#79a900!important;box-shadow:0 0 0 4px rgba(184,255,44,.16)!important}

/* Dashboard: zuerst nur die wichtigsten Entscheidungen */
.customer-simple .dashboard-head{margin-bottom:22px}
.customer-simple .dashboard-head p{font-size:18px!important;margin:5px 0 0!important}
.customer-simple .customer-next-step{
  background:linear-gradient(135deg,#10111b,#0b0c13)!important;
  border:1px solid #3a3d4d!important;
  border-left:5px solid #12dfff!important;
  border-radius:18px;
  padding:24px;
  margin:0 0 24px;
  box-shadow:0 16px 35px rgba(0,0,0,.22)
}
.customer-simple .customer-next-step .eyebrow{font-size:13px;font-weight:950;letter-spacing:.05em;text-transform:uppercase;color:#8cefff}
.customer-simple .customer-next-step h2{font-size:27px;margin:5px 0 7px;color:#fff}
.customer-simple .customer-next-step p{font-size:17px!important;margin:0 0 18px!important;max-width:800px;color:#d8d5df!important}
.customer-simple .customer-next-actions{display:flex;gap:10px;flex-wrap:wrap}
.customer-simple .customer-next-actions .btn{min-width:190px}
.customer-simple .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin-top:8px}
.customer-simple .dashboard-grid .card{min-height:145px;padding:22px!important;display:flex;flex-direction:column;justify-content:center}
.customer-simple .dashboard-grid .card h2{font-size:22px;margin:0 0 8px;color:#fff}
.customer-simple .dashboard-grid .card p{margin:0!important}
.customer-simple .dashboard-grid .price{font-size:25px!important;margin:7px 0 0!important}

/* Guthaben kompakt und deutlich */
body.customer-simple .customer-balance-card{
  margin:0 0 22px;padding:20px 22px;border-radius:16px;
  background:linear-gradient(180deg,#10111b,#0b0c13)!important;
  color:#fff!important;border:1px solid #343746!important;
  box-shadow:0 12px 28px rgba(0,0,0,.2)!important
}
body.customer-simple .customer-balance-row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
body.customer-simple .customer-balance-label{font-size:16px;font-weight:900;color:#fff}
body.customer-simple .customer-balance-help{font-size:14px!important;color:#c7c4cf!important;margin-top:3px}
body.customer-simple .customer-balance-value{font-size:32px!important;line-height:1;color:#ffe56b!important}

/* Selten benötigte Bereiche einklappbar */
.customer-simple .customer-extra-details{margin:18px 0 24px;background:#0c0d14;border:1px solid #2c2e3b;border-radius:14px;overflow:hidden}
.customer-simple .customer-extra-details>summary{cursor:pointer;list-style:none;padding:16px 18px;font-size:16px;font-weight:900;color:#f5f4fa;position:relative;padding-right:48px}
.customer-simple .customer-extra-details>summary::-webkit-details-marker{display:none}
.customer-simple .customer-extra-details>summary:after{content:'+';position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:25px;color:#56e9ff}
.customer-simple .customer-extra-details[open]>summary:after{content:'–'}
.customer-simple .customer-extra-details-body{padding:0 14px 14px}
.customer-simple .customer-extra-links{display:flex;gap:10px;flex-wrap:wrap;padding:0 16px 16px}

/* Bestellungen und Tabellen lesbarer */
.customer-simple .customer-orders-table td{font-size:15px!important}
.customer-simple .customer-orders-table th{font-size:12px!important;color:#d8d5df!important}
.customer-simple .status-pill{display:inline-flex;align-items:center;min-height:32px;padding:5px 10px;border-radius:999px;background:#262936;color:#f7f7fb;font-weight:900;font-size:13px}
.customer-simple .status-pill.paid{background:#153d2b;color:#a9ffc8}
.customer-simple .status-pill.open{background:#463710;color:#ffe38a}

/* Vereinfachte Registrierung – nur Struktur, keine neue Farbwelt */
.simple-register-page{max-width:940px!important}
.simple-auth-intro{max-width:800px;margin:0 0 24px}
.simple-step-kicker{display:inline-block;font-size:13px;font-weight:950;letter-spacing:.08em;color:#75eaff;margin-bottom:6px}
.simple-auth-intro p{font-size:18px!important;line-height:1.55!important;margin:0!important;color:#d8d5df!important}
.simple-register-form{max-width:none!important;padding:22px!important}
.simple-form-section{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid #292b36}
.simple-form-section:first-of-type{padding-top:4px}
.simple-form-section:last-of-type{border-bottom:0}
.simple-form-number{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ff168f;color:#fff;font-weight:950;font-size:18px;box-shadow:0 0 16px rgba(255,22,143,.3)}
.simple-form-content h2{margin:2px 0 3px;color:#fff;font-size:22px}
.simple-form-content>p{margin:0 0 18px!important;color:#c8c5d0!important;font-size:15px!important}
.simple-checks{display:grid;gap:10px;margin:18px 0}
.simple-check{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #323441;border-radius:12px;background:#0b0c12;color:#f3f1f7}
.simple-check input{width:22px;height:22px;flex:0 0 22px;margin-top:1px}
.simple-check a{color:#7deaff!important;text-decoration:underline;font-weight:900}
.simple-submit{width:100%;min-height:58px!important;font-size:18px!important}
.simple-login-link{text-align:center;margin:16px 0 0!important;color:#d1ced8!important}
.simple-login-link a{color:#82efff!important;text-decoration:underline;font-weight:900}

/* Feste einfache Navigation am Handy – dunkel passend zum Original */
.customer-mobile-nav{display:none}
@media(max-width:760px){
  body.customer-simple .container:not(.admin-main){width:calc(100% - 24px);padding-top:28px;padding-bottom:38px}
  body.customer-simple h1{font-size:34px!important}
  body.customer-simple .dashboard-head p{font-size:17px!important}
  .customer-simple .customer-next-step{padding:19px 17px;border-radius:15px}
  .customer-simple .customer-next-step h2{font-size:24px}
  .customer-simple .customer-next-actions{display:grid;grid-template-columns:1fr;width:100%}
  .customer-simple .customer-next-actions .btn{width:100%;min-width:0}
  .customer-simple .dashboard-grid{grid-template-columns:1fr!important;gap:12px!important}
  .customer-simple .dashboard-grid .card{min-height:0!important;padding:18px!important}
  body.customer-simple .row{grid-template-columns:1fr!important;gap:0!important}
  body.customer-simple .form{padding:18px!important}
  body.customer-simple .customer-balance-card{padding:17px!important}
  body.customer-simple .customer-balance-value{font-size:28px!important}
  .simple-form-section{grid-template-columns:1fr;gap:9px;padding:18px 0}
  .simple-form-number{width:38px;height:38px;font-size:16px}
  .customer-simple .customer-extra-links{display:grid;grid-template-columns:1fr}
  .customer-simple .customer-extra-links .btn{width:100%}

  .customer-orders-table table,.customer-orders-table tbody,.customer-orders-table tr,.customer-orders-table td{display:block!important;width:100%!important}
  .customer-orders-table thead{display:none!important}
  .customer-orders-table tr{padding:15px 16px;border-bottom:1px solid #292b36!important}
  .customer-orders-table tr:last-child{border-bottom:0!important}
  .customer-orders-table td{display:grid!important;grid-template-columns:110px 1fr!important;gap:12px!important;padding:7px 0!important;border:0!important;white-space:normal!important;background:transparent!important;font-size:15px!important}
  .customer-orders-table td:before{content:attr(data-label);font-weight:900;color:#aaa7b5}

  body.customer-authenticated{padding-bottom:82px}
  .customer-mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:8px;right:8px;bottom:8px;z-index:950;background:#07080d;border:1px solid #333642;border-radius:16px;box-shadow:0 10px 34px rgba(0,0,0,.55);overflow:hidden;padding:5px}
  .customer-mobile-nav a{display:flex;min-width:0;min-height:60px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:11px;color:#f3f2f7!important;font-size:11px!important;font-weight:900;text-align:center;padding:4px 2px}
  .customer-mobile-nav a .cs-icon{font-size:21px;line-height:1}
  .customer-mobile-nav a:hover,.customer-mobile-nav a:focus-visible{background:#171925!important;color:#72eaff!important}
}
@media(max-width:420px){
  .customer-mobile-nav a{font-size:10px!important}
  .customer-mobile-nav a .cs-icon{font-size:20px}
}

/* V2.3 – Kundenansicht: vollständiger Lesbarkeits-Fix auf dunklem Hintergrund.
   NUR Textfarben – das vorhandene MonkeyStore-Farbschema/Hintergründe bleiben unverändert. */
body.customer-simple main .container > h1,
body.customer-simple main .container > h2,
body.customer-simple main .container > h3,
body.customer-simple main .dashboard-head h1,
body.customer-simple main .dashboard-head h2,
body.customer-simple main .section-heading h1,
body.customer-simple main .section-heading h2,
body.customer-simple main .section-heading h3,
body.customer-simple main .simple-auth-intro h1,
body.customer-simple main .simple-form-content h2,
body.customer-simple main .card h1,
body.customer-simple main .card h2,
body.customer-simple main .card h3,
body.customer-simple main .shipping-card h3,
body.customer-simple main .product-card h3 {
  color:#ffffff!important;
}

body.customer-simple main .simple-auth-intro strong,
body.customer-simple main .card strong,
body.customer-simple main .shipping-card strong,
body.customer-simple main .product-card strong,
body.customer-simple main .table-wrap td strong,
body.customer-simple main table td strong,
body.customer-simple main .customer-extra-details strong {
  color:#ffffff!important;
}

body.customer-simple main .section-heading p,
body.customer-simple main .dashboard-head p,
body.customer-simple main .shipping-card p,
body.customer-simple main .product-card p,
body.customer-simple main .card p,
body.customer-simple main .simple-auth-intro p,
body.customer-simple main .simple-form-content > p,
body.customer-simple main .muted,
body.customer-simple main .form-help,
body.customer-simple main small {
  color:#d9d6e1!important;
}

body.customer-simple main .table-wrap td,
body.customer-simple main table td {
  color:#f4f2f8!important;
}
body.customer-simple main .table-wrap th,
body.customer-simple main table th {
  color:#dedbe5!important;
}
body.customer-simple main .customer-orders-table td:before {
  color:#cfcbd7!important;
}

/* Normale Hinweise liegen dunkel auf der dunklen Seite */
body.customer-simple main .notice:not(.warning):not(.success):not(.error),
body.customer-simple main .notice:not(.warning):not(.success):not(.error) span,
body.customer-simple main .notice:not(.warning):not(.success):not(.error) strong {
  color:#ecfbff!important;
}
body.customer-simple main .notice:not(.warning):not(.success):not(.error) a:not(.btn) {
  color:#8defff!important;
  text-decoration:underline!important;
  font-weight:900!important;
}

/* Helle Warn-/Erfolgsboxen behalten absichtlich dunkle Schrift */
body.customer-simple main .notice.warning,
body.customer-simple main .notice.warning span,
body.customer-simple main .notice.warning strong {color:#5e4800!important;}
body.customer-simple main .notice.warning a:not(.btn) {color:#355800!important;}
body.customer-simple main .notice.success,
body.customer-simple main .notice.success span,
body.customer-simple main .notice.success strong {color:#244000!important;}
body.customer-simple main .notice.success a:not(.btn) {color:#2d5c00!important;}
body.customer-simple main .notice.error,
body.customer-simple main .notice.error span,
body.customer-simple main .notice.error strong {color:#8f2226!important;}

/* Login ist ebenfalls ein dunkler Bereich: vorherige zu dunkle Werte korrigieren */
body.customer-simple .auth-card h1,
body.customer-simple .auth-card h2,
body.customer-simple .auth-card h3 {color:#ffffff!important;}
body.customer-simple .auth-card p,
body.customer-simple .auth-card .muted,
body.customer-simple .auth-card .auth-links,
body.customer-simple .auth-card small,
body.customer-simple .auth-card .form-help {color:#d9d6e1!important;}
body.customer-simple .auth-card .field label {color:#f5f3f8!important;}
body.customer-simple .auth-card .forgot-link,
body.customer-simple .auth-card .auth-links a {color:#b8ff2c!important;}

/* Preise / Boxnamen / Live Kassa explizit hell, damit keine Altregel durchrutscht */
body.customer-simple main .price,
body.customer-simple main .customer-balance-label,
body.customer-simple main .customer-extra-details > summary {
  color:#ffffff!important;
}
body.customer-simple main .shipping-box-section .section-heading h2,
body.customer-simple main .shipping-card h3,
body.customer-simple main .shipping-card .price {
  color:#ffffff!important;
}

/* V2.4 – Login/Register: weiße Auth-Karte braucht dunkle Schrift.
   Diese Regel steht absichtlich ganz am Ende und überschreibt nur die helle Auth-Karte. */
body.customer-simple .auth-card{
  color:#111827!important;
}
body.customer-simple .auth-card .auth-brand{
  color:#3f6500!important;
  background:#efffd0!important;
}
body.customer-simple .auth-card h1,
body.customer-simple .auth-card h2,
body.customer-simple .auth-card h3,
body.customer-simple .auth-card strong{
  color:#111827!important;
}
body.customer-simple .auth-card p,
body.customer-simple .auth-card .muted,
body.customer-simple .auth-card .auth-links,
body.customer-simple .auth-card small,
body.customer-simple .auth-card .form-help{
  color:#4b5563!important;
}
body.customer-simple .auth-card .field label{
  color:#303730!important;
}
body.customer-simple .auth-card .forgot-link,
body.customer-simple .auth-card .auth-links a{
  color:#365f00!important;
}
body.customer-simple .auth-card .form{
  color:#111827!important;
}

/* V8: Live Kassa Stripe CTA immer klar sichtbar */
.live-kassa-paybox{display:block!important;visibility:visible!important;opacity:1!important}
.live-kassa-pay-btn{display:flex!important;visibility:visible!important;opacity:1!important;color:#fff!important;text-decoration:none!important;font-weight:900!important}
@media(max-width:700px){.live-kassa-paybox{padding:15px!important}.live-kassa-pay-btn{font-size:1.04rem!important;line-height:1.25!important;white-space:normal!important}}


/* V9: Registrierung – Checkbox-Texte auf dunklem Hintergrund immer gut lesbar */
body.customer-simple .simple-register-page .simple-check,
body.customer-simple .simple-register-page .simple-check span,
body.customer-simple .simple-register-page .simple-check strong {
  color:#f7f5fb!important;
}
body.customer-simple .simple-register-page .simple-check a {
  color:#82efff!important;
}

/* V20: einheitliche Pink/Violett-Aktionen in der Live Kassa */
.live-details-btn{background:linear-gradient(90deg,#ff168f,#bc22ff)!important;color:#fff!important;border-color:#ff168f!important;box-shadow:0 0 15px rgba(255,22,143,.22)!important;font-weight:900!important}
.live-details-btn:hover{filter:brightness(1.08);color:#fff!important}