/* rmd-kadence-child/assets/css/b2b-login.css
   Nur auf der nativen B2B-/Haendler-Login-Seite (/b2b-login/, Staging) - siehe inc/b2b-login.php.
   Baut auf account.css auf: dieselbe Formularkarte (.rmd-c-authcard) + Pitch-Spalte (.rmd-c-login).
   Aufgaben hier: 1) die vom Plugin injizierten WooCommerce-Registrierungsfelder (.form-row: Firma,
   Adresse, Land, USt-IdNr. ...) an unser Feld-Design angleichen, 2) 3-Schritt-Freigabeprozess +
   Freigabe-Hinweise. NUR Tokens. Gelb = genau EINE Flaeche pro Viewport (Primaer-Button) - die
   Schritt-Nummern bleiben neutral. */

.rmd-b2blogin{padding-bottom:var(--space-6)}
.rmd-b2blogin .rmd-container{min-width:0}

/* Rechte Spalte (Karte) als eigener Grid-Slot - nimmt Karte + evtl. Woo-Hinweise auf. */
.rmd-c-authcol{min-width:0}
/* Fuer die Registrierung breiter, damit zwei Felder nebeneinander passen (Karte + 2-Spalten-Grid).
   NUR Desktop: unter 1024px greift die einspaltige Regel aus account.css (Pitch + Karte stapeln). */
@media(min-width:1025px){
  .rmd-c-login--b2b{grid-template-columns:minmax(0,1fr) minmax(460px,560px)}
}

/* ===== 3-Schritt-Freigabeprozess (Pitch-Spalte) ===== */
.rmd-c-steps{list-style:none;margin:var(--space-8) 0 0;padding:0!important;display:grid;gap:var(--space-5)}
.rmd-c-steps__item{display:grid;grid-template-columns:36px 1fr;gap:var(--space-4);align-items:start}
.rmd-c-steps__num{width:36px;height:36px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-headline);display:grid;place-items:center;font-family:var(--font-head);font-weight:var(--fw-bold);font-size:var(--fs-sm)}
.rmd-c-steps__body b{display:block;font-family:var(--font-head);font-weight:var(--fw-semibold);font-size:var(--fs-base);color:var(--color-headline)}
.rmd-c-steps__body span{color:var(--color-text-muted);font-size:var(--fs-sm)}

/* "Sie sind Privatkunde?"-Kasten: neutraler Rand (kein zweites Gelb neben dem Button). */
.rmd-c-guest--b2b{border-left-color:var(--color-border-strong);background:var(--color-surface)}

/* ===== Freigabe-/Login-Hinweise in der Karte ===== */
.rmd-c-authnote{font-size:var(--fs-sm);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin:0 0 var(--space-5);line-height:var(--lh-snug)}
.rmd-c-authnote--warn{border-left:4px solid var(--color-signal)}
.rmd-c-authnote b{color:var(--color-headline);font-family:var(--font-head);font-weight:var(--fw-semibold)}

/* ============================================================
   Injizierte WooCommerce-Registrierungsfelder (.form-row) an unser
   Feld-Design angleichen - Markup kommt vom Plugin (woocommerce_form_field).
   ============================================================ */
/* Registrierungsformular als 2-Spalten-Grid: form-row-first|last = halbe Breite, Rest volle Breite.
   Gilt nur fuers Register-Formular; das Login-Formular (nur E-Mail/Passwort) bleibt unberuehrt. */
.rmd-c-authcard .woocommerce-form-register{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5) var(--space-4);align-items:start}
.rmd-c-authcard .woocommerce-form-register>*{grid-column:1 / -1;min-width:0;margin-bottom:0}
.rmd-c-authcard .woocommerce-form-register .form-row-first{grid-column:1 / 2}
.rmd-c-authcard .woocommerce-form-register .form-row-last{grid-column:2 / 3}
.rmd-c-authcard .form-row{margin:0;padding:0;display:block}
/* Packstation-/Abholstations-Hinweis (Germanized/Shiptastic) hat in der Registrierung nichts zu suchen. */
.rmd-c-authcard #billing_pickup_location_notice,
.rmd-c-authcard .pickup_location_notice{display:none!important}
.rmd-c-authcard .form-row>label{display:block;font-family:var(--font-head);font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--color-headline);margin:0 0 var(--space-2)}
.rmd-c-authcard .form-row .woocommerce-input-wrapper{display:block;width:100%}
.rmd-c-authcard .form-row .input-text,
.rmd-c-authcard .form-row input[type="text"],
.rmd-c-authcard .form-row input[type="email"],
.rmd-c-authcard .form-row input[type="tel"],
.rmd-c-authcard .form-row input[type="number"],
.rmd-c-authcard .form-row select,
.rmd-c-authcard .form-row textarea{width:100%;box-sizing:border-box;padding:var(--space-3) var(--space-4);min-height:48px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--fs-base);color:var(--color-text);background:var(--color-bg);line-height:1.3}
.rmd-c-authcard .form-row .input-text:focus,
.rmd-c-authcard .form-row input:focus,
.rmd-c-authcard .form-row select:focus,
.rmd-c-authcard .form-row textarea:focus{outline:none;border-color:var(--color-headline);box-shadow:0 0 0 3px rgba(13,16,18,.06)}
.rmd-c-authcard .form-row input[type="file"]{width:100%;font-size:var(--fs-sm);color:var(--color-text)}
/* Pflicht-/Optional-Marker dezent (WC nutzt <abbr class="required">*</abbr>) */
.rmd-c-authcard .form-row .required,
.rmd-c-authcard .form-row abbr[title]{text-decoration:none;border:0;color:var(--color-text-muted)}
.rmd-c-authcard .form-row .optional{color:var(--color-text-muted);font-weight:var(--fw-regular)}
/* Reine Hidden-Felder (z. B. wcb2b_group) erzeugen sonst leeren Abstand */
.rmd-c-authcard #wcb2b_group_field{display:none;margin:0}

/* Land-Dropdown (Select2, von WC enhanced) an die Feldhoehe/-optik angleichen */
.rmd-c-authcard .select2-container{width:100%!important}
.rmd-c-authcard .select2-container .select2-selection--single{height:48px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);display:flex;align-items:center}
.rmd-c-authcard .select2-container .select2-selection__rendered{line-height:1.3;padding:0 var(--space-4);color:var(--color-text)}
.rmd-c-authcard .select2-container .select2-selection__arrow{height:46px;right:var(--space-2)}
.rmd-c-authcard .select2-container--focus .select2-selection--single,
.rmd-c-authcard .select2-container--open .select2-selection--single{border-color:var(--color-headline);box-shadow:0 0 0 3px rgba(13,16,18,.06)}

/* WC-Fehlerhinweise am Feld dezent */
.rmd-c-authcard .woocommerce-invalid .input-text,
.rmd-c-authcard .woocommerce-invalid select{border-color:var(--color-error)}

@media(max-width:640px){
  .rmd-c-steps__num{width:32px;height:32px}
  /* Auf schmalen Screens Registrierung wieder einspaltig (Paare stapeln). */
  .rmd-c-authcard .woocommerce-form-register{grid-template-columns:1fr}
  .rmd-c-authcard .woocommerce-form-register .form-row-first,
  .rmd-c-authcard .woocommerce-form-register .form-row-last{grid-column:1 / -1}
}