/*
 * Phoenix B2B — 2.12.87 — REGISTRATION HOTFIX (strona rejestracji B2B).
 *
 * Warstwa NAKŁADKOWA na pb2b-register-ui-2.12.85.css (ładowana PO niej, wygrywa
 * kaskadę). Naprawia realne, zgłaszane przez klienta problemy wizualne, których
 * 2.12.85 nie pokrywał:
 *
 *   §1  AUTOFILL (Safari / iPhone / Chrome) — to była główna przyczyna „białych
 *       pól" i „czarnego tekstu na ciemnym tle". Przeglądarka maluje własne tło
 *       (-internal-autofill-selected), którego NIE da się nadpisać `background`.
 *       Naprawa: -webkit-box-shadow inset (przykrywa tło) + -webkit-text-fill-color
 *       (jasny tekst) + długie `transition` (gasi żółty błysk).
 *   §2  Twarde wymuszenie CIEMNEJ karty i tła (eliminacja „białych kart/boxów",
 *       gdyby motyw lub bazowy panel narzucał jasne tło).
 *   §3  Zgody / checkboxy — ciemne, czytelne, fioletowe linki.
 *   §4  Mobile — formularz nie wychodzi poza ekran, nagłówki nie za duże,
 *       przycisk duży, popup w pełni responsywny.
 *
 * Scoped do `.phoenix-b2b-panel.pb2b-auth-reg` oraz `.pb2b-reg-success-modal`.
 * CSS-only. NIE dotyka panelu klienta/admina, sklepu ani checkoutu.
 */

/* =======================================================================
 * §1 — AUTOFILL: brak białych pól na Safari / iPhone / Chrome (KLUCZOWE)
 * ===================================================================== */
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input:-webkit-autofill,
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input:-webkit-autofill:hover,
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input:-webkit-autofill:focus,
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input:-webkit-autofill:active,
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field select:-webkit-autofill,
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field select:-webkit-autofill:hover,
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field select:-webkit-autofill:focus,
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field textarea:-webkit-autofill {
	-webkit-text-fill-color: var(--pb2b-text, #f2f3fb) !important;
	caret-color: var(--pb2b-text, #f2f3fb) !important;
	/* Inset shadow przykrywa białe/żółte tło autofill na ciemny kolor pola. */
	-webkit-box-shadow: 0 0 0 1000px var(--pb2b-bg-2, #1b1d2a) inset !important;
	box-shadow: 0 0 0 1000px var(--pb2b-bg-2, #1b1d2a) inset !important;
	border: 1px solid var(--pb2b-border-strong, #353954) !important;
	border-radius: var(--pb2b-radius-sm, 9px) !important;
	/* Gasi krótki żółty błysk natywnego autofill. */
	transition: background-color 9999s ease-out 0s, color 9999s ease-out 0s !important;
}
/* Autofill + focus — utrzymaj fioletowy akcent (glow), ale tło dalej ciemne. */
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px var(--pb2b-bg-2, #1b1d2a) inset,
		var(--pb2b-shadow-glow, 0 0 0 3px rgba(124, 92, 255, .28)) !important;
	box-shadow: 0 0 0 1000px var(--pb2b-bg-2, #1b1d2a) inset,
		var(--pb2b-shadow-glow, 0 0 0 3px rgba(124, 92, 255, .28)) !important;
	border-color: var(--pb2b-primary-2, #a78bfa) !important;
}

/* =======================================================================
 * §2 — Twarda CIEMNA karta i tło (eliminacja białych kart/boxów)
 * ===================================================================== */
/* Tło całej sekcji rejestracji — bez białych przerw wokół karty. */
.phoenix-b2b-panel.pb2b-auth-reg {
	background:
		radial-gradient(1200px 600px at 50% -10%, rgba(124, 92, 255, .14), transparent 60%),
		linear-gradient(180deg, #0c0d16 0%, #0f1020 55%, #0c0d16 100%) !important;
}
/* Karta formularza — zawsze ciemna, subtelna ramka, premium glow (jak login). */
.phoenix-b2b-panel.pb2b-auth-reg .pb2b-card,
.phoenix-b2b-panel.pb2b-auth-reg .pb2b-auth-card,
.phoenix-b2b-panel.pb2b-auth-reg .pb2b-auth-card-wide {
	background: linear-gradient(180deg, rgba(28, 30, 46, .96), rgba(20, 21, 33, .96)) !important;
	border: 1px solid rgba(255, 255, 255, .08) !important;
	border-radius: 18px !important;
	box-shadow: 0 24px 60px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}
/* Inputy — dobicie kontrastu (gdyby cokolwiek nadpisywało 2.12.85). */
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input[type="text"],
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input[type="email"],
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input[type="tel"],
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input[type="password"],
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input[type="number"],
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field select,
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field textarea {
	background-color: var(--pb2b-bg-2, #1b1d2a) !important;
	color: var(--pb2b-text, #f2f3fb) !important;
	-webkit-text-fill-color: var(--pb2b-text, #f2f3fb) !important;
}
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input::placeholder,
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field textarea::placeholder {
	color: var(--pb2b-text-dim, #8b8fa6) !important;
	opacity: 1 !important;
}
/* Select dropdown — ciemne opcje (gdzie przeglądarka to respektuje). */
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field select option {
	background: #1b1d2a;
	color: #f2f3fb;
}

/* =======================================================================
 * §3 — Zgody / checkboxy — ciemne, czytelne, fioletowe linki
 * ===================================================================== */
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field-checkbox {
	background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 12px;
	padding: 12px 14px;
}
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field-checkbox label {
	color: var(--pb2b-text-soft, #c7c9d9) !important;
}
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field-checkbox a {
	color: var(--pb2b-primary-2, #a78bfa) !important;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field-checkbox a:hover {
	color: #c4b5fd !important;
}

/* =======================================================================
 * §4 — Mobile: formularz w ekranie, czytelne nagłówki, duży przycisk
 * ===================================================================== */
@media (max-width: 640px) {
	.phoenix-b2b-panel.pb2b-auth-reg .pb2b-auth-card,
	.phoenix-b2b-panel.pb2b-auth-reg .pb2b-auth-card-wide {
		padding: 18px 16px !important;
		border-radius: 14px !important;
	}
	.phoenix-b2b-panel.pb2b-auth-reg .pb2b-auth-title {
		font-size: 22px !important;
		line-height: 1.25 !important;
	}
	.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-section {
		margin: 16px 0 8px !important;
		font-size: 12px !important;
	}
	.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field input,
	.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-field select {
		font-size: 16px !important; /* iOS: ≥16px zapobiega auto-zoomowi pola */
		padding: 12px 13px !important;
	}
	.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-actions .pb2b-btn,
	.phoenix-b2b-panel.pb2b-auth-reg .pb2b-btn-block {
		width: 100% !important;
		padding: 14px 18px !important;
		font-size: 16px !important;
	}
	/* Siatka pól: zawsze jedna kolumna (dobicie 2.12.85). */
	.phoenix-b2b-panel.pb2b-auth-reg .phoenix-b2b-form-row {
		grid-template-columns: 1fr !important;
	}
}

/* Popup sukcesu — pełna responsywność na bardzo wąskich ekranach. */
@media (max-width: 380px) {
	.pb2b-reg-success-card {
		padding: 22px 16px 18px !important;
	}
	.pb2b-reg-success-card h2 { font-size: 19px !important; }
	.pb2b-reg-success-actions .pb2b-btn { width: 100% !important; }
}