.smolarec-b2b-extra-fields {
	margin: 0;
}

.smolarec-b2b-preview-notice {
	margin: 0 0 1.25rem;
	padding: 1rem 1.15rem;
	border: 1px solid #b8cef8;
	border-left: 4px solid #175cd3;
	border-radius: var(--sm-radius, 4px);
	background: #eaf2ff;
}

.smolarec-b2b-preview-notice strong {
	display: block;
	margin-bottom: .25rem;
	color: var(--sm-deep-racing, #0b241c);
}

.smolarec-b2b-preview-notice p {
	margin: 0;
}

.smolarec-b2b-account-cta {
	margin-top: 2rem;
	padding: clamp(1.25rem, 3vw, 2rem);
	border: 1px solid var(--sm-border, #cbd1cc);
	border-radius: var(--sm-radius, 4px);
	background: var(--sm-mist, #f1f3ef);
}

.smolarec-b2b-account-cta h2 {
	margin-top: 0;
}

.smolarec-b2b-account-cta p {
	max-width: 48rem;
}

.smolarec-b2b-account-cta-button {
	display: inline-block;
	margin-top: .35rem;
}

/* Anonimowy widok „Moje konto”: zachowujemy pierwotne proporcje i tylko
 * wsuwamy kartę dostępu do wolnej lewej kolumny. */
.smolarec-b2b-brand.woocommerce-account:not(.logged-in) .woocommerce {
	display: grid;
	grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
	grid-template-areas:
		"notices notices"
		"heading heading"
		"access login";
	gap: 1.5rem clamp(1.5rem, 4vw, 3.5rem);
	align-items: start;
}

.smolarec-b2b-brand.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-notices-wrapper {
	grid-area: notices;
}

.smolarec-b2b-brand.woocommerce-account:not(.logged-in) .woocommerce > h2:first-of-type {
	grid-area: heading;
	margin: 0;
}

.smolarec-b2b-brand.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login {
	grid-area: login;
	box-sizing: border-box;
	min-width: 0;
	width: auto;
	margin: 0;
}

.smolarec-b2b-brand.woocommerce-account:not(.logged-in) .woocommerce > .smolarec-b2b-account-cta {
	grid-area: access;
	box-sizing: border-box;
	min-width: 0;
	width: auto;
	margin: 0;
}

.smolarec-b2b-brand.woocommerce-account:not(.logged-in) .woocommerce > .smolarec-b2b-account-cta p:not(.smolarec-b2b-eyebrow) {
	color: var(--sm-muted, #5e6862);
}

.smolarec-b2b-extra-fields .optional {
	margin-left: .35rem;
	color: #5d6267;
	font-size: .875rem;
	font-weight: 400;
}

.smolarec-b2b-section-intro {
	max-width: 42rem;
	margin: -.4rem 0 1.25rem;
	color: var(--sm-muted, #5e6862);
	font-size: 1rem;
	line-height: 1.55;
}

.smolarec-b2b-inline-control {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: .65rem;
	align-items: stretch;
}

.smolarec-b2b-inline-control input {
	min-width: 0;
}

.smolarec-b2b-lookup-button {
	min-height: 48px;
	padding: .7rem 1rem;
	border: 2px solid var(--sm-racing, #12372a);
	border-radius: var(--sm-radius, 4px);
	background: var(--sm-white, #fff);
	color: var(--sm-racing, #12372a);
	font-weight: 700;
	white-space: nowrap;
	cursor: pointer;
}

.smolarec-b2b-lookup-button:hover,
.smolarec-b2b-lookup-button:focus {
	background: var(--sm-racing, #12372a);
	color: #fff;
}

.smolarec-b2b-lookup-button:focus {
	outline: 3px solid #005fcc;
	outline-offset: 2px;
	box-shadow: none;
}

.smolarec-b2b-lookup-button[aria-busy="true"] {
	opacity: .7;
	cursor: wait;
}

.smolarec-b2b-help,
.smolarec-b2b-field-feedback,
.smolarec-b2b-lookup-status {
	display: block;
	margin-top: .35rem;
	font-size: .875rem;
	line-height: 1.4;
}

.smolarec-b2b-help {
	color: var(--sm-muted, #5e6862);
}

.smolarec-b2b-field-feedback:empty,
.smolarec-b2b-lookup-status:empty {
	display: none;
}

.smolarec-is-valid input:not([type="hidden"]):not([type="checkbox"]):not([type="submit"]),
.smolarec-is-valid select,
.wwp_wholesaler_registration input[required]:user-valid,
.wwp_wholesaler_registration select[required]:user-valid {
	border-color: #1f6b45 !important;
	background-color: #e8f4ed !important;
}

.smolarec-is-valid .smolarec-b2b-field-feedback,
.smolarec-b2b-lookup-status.is-success {
	color: #1f6b45;
	font-weight: 600;
}

.smolarec-is-invalid input:not([type="hidden"]):not([type="checkbox"]):not([type="submit"]),
.smolarec-is-invalid select,
.wwp_wholesaler_registration input[required]:user-invalid,
.wwp_wholesaler_registration select[required]:user-invalid {
	border-color: #b42318 !important;
	background-color: #fdecea !important;
	box-shadow: 0 0 0 3px rgba(180, 35, 24, .12) !important;
}

.smolarec-is-invalid .smolarec-b2b-field-feedback,
.smolarec-b2b-lookup-status.is-error {
	color: #b42318;
	font-weight: 650;
}

.smolarec-b2b-lookup-status.is-loading {
	color: var(--sm-muted, #5e6862);
}

.smolarec-b2b-brand .wwp_wholesaler_registration form,
.smolarec-b2b-brand .woocommerce-form-login {
	padding: clamp(1.25rem, 4vw, 2.25rem);
	border: 1px solid var(--sm-border, #cbd1cc);
	border-radius: var(--sm-radius, 4px);
	background: var(--sm-white, #fff);
	box-shadow: none;
}

.smolarec-b2b-brand .wwp_wholesaler_registration label,
.smolarec-b2b-brand .woocommerce-form-login label {
	display: block;
	margin-bottom: .4rem;
	color: var(--sm-deep-racing, #0b241c);
	font-size: .88rem;
	font-weight: 700;
}

.smolarec-b2b-brand .wwp_wholesaler_registration :where(input, select, textarea),
.smolarec-b2b-brand .woocommerce-form-login :where(input, select, textarea) {
	width: 100%;
	min-height: 48px;
	border: 1px solid var(--sm-border, #cbd1cc);
	border-radius: var(--sm-radius, 4px);
	background: var(--sm-white, #fff);
}

.smolarec-b2b-brand .wwp_wholesaler_registration :where(input, select, textarea):focus,
.smolarec-b2b-brand .woocommerce-form-login :where(input, select, textarea):focus {
	border-color: #005fcc;
	outline: 3px solid #005fcc;
	outline-offset: 2px;
}

.smolarec-b2b-brand .woocommerce-form-login .password-input {
	position: relative;
	display: block;
}

.smolarec-b2b-brand .woocommerce-form-login .password-input input {
	padding-right: 58px !important;
}

.smolarec-b2b-brand .woocommerce-form-login .show-password-input {
	position: absolute !important;
	top: 50% !important;
	right: 6px !important;
	bottom: auto !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 44px !important;
	min-width: 44px !important;
	height: 40px !important;
	min-height: 40px !important;
	margin: 0 !important;
	padding: 0 !important;
	transform: translateY(-50%);
	background: var(--sm-white, #fff) !important;
	border: 1px solid var(--sm-border, #cbd1cc) !important;
	border-radius: 3px !important;
	color: var(--sm-racing, #12372a) !important;
	box-shadow: none !important;
}

.smolarec-b2b-brand .woocommerce-form-login .show-password-input:hover,
.smolarec-b2b-brand .woocommerce-form-login .show-password-input:focus-visible {
	background: var(--sm-mist, #f1f3ef) !important;
	color: var(--sm-deep-racing, #0b241c) !important;
}

.smolarec-b2b-brand .woocommerce-form-login .show-password-input::after {
	color: currentColor !important;
	font-size: 16px;
	line-height: 1;
}

.smolarec-b2b-brand .woocommerce-form-login .show-password-input:focus-visible {
	outline: 3px solid #005fcc;
	outline-offset: 2px;
}

.smolarec-b2b-brand .woocommerce-form-login .form-row:has(.woocommerce-form-login__rememberme) {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .75rem 1rem;
}

.smolarec-b2b-brand .woocommerce-form-login .woocommerce-form-login__rememberme {
	display: inline-flex !important;
	align-items: center;
	gap: .65rem;
	margin: 0 !important;
	line-height: 1.35;
}

.smolarec-b2b-brand .woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"] {
	flex: 0 0 20px;
	width: 20px !important;
	height: 20px !important;
	min-height: 20px !important;
	margin: 0 !important;
}

.smolarec-b2b-login-intro {
	margin-bottom: 1.25rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--sm-border, #cbd1cc);
}

.smolarec-b2b-login-intro p:last-child {
	margin-bottom: 0;
	color: var(--sm-muted, #5e6862);
}

.smolarec-b2b-brand.woocommerce-account .woocommerce {
	display: grid;
	grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
	gap: clamp(1.5rem, 4vw, 3.5rem);
	align-items: start;
}

.smolarec-b2b-brand.woocommerce-account .woocommerce > :where(.woocommerce-notices-wrapper, .smolarec-b2b-account-status) {
	grid-column: 1 / -1;
}

.smolarec-b2b-brand.woocommerce-account .woocommerce-MyAccount-navigation,
.smolarec-b2b-brand.woocommerce-account .woocommerce-MyAccount-content {
	float: none !important;
	width: auto !important;
}

.smolarec-b2b-account-status {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 1rem;
	align-items: start;
	padding: clamp(1.25rem, 3vw, 2rem);
	border: 1px solid var(--sm-border, #cbd1cc);
	border-radius: var(--sm-radius, 4px);
	background: var(--sm-white, #fff);
}

.smolarec-b2b-account-status__marker {
	width: .8rem;
	height: .8rem;
	margin-top: .45rem;
	border-radius: 50%;
	background: var(--sm-brass, #a47c48);
	box-shadow: 0 0 0 6px rgba(164, 124, 72, .14);
}

.smolarec-b2b-account-status.is-active .smolarec-b2b-account-status__marker {
	background: var(--sm-racing, #12372a);
	box-shadow: 0 0 0 6px rgba(18, 55, 42, .14);
}

.smolarec-b2b-account-status.is-rejected .smolarec-b2b-account-status__marker {
	background: var(--sm-oxblood, #6e2634);
	box-shadow: 0 0 0 6px rgba(110, 38, 52, .14);
}

.smolarec-b2b-account-status__label {
	margin: 0 0 .25rem;
	color: var(--sm-oxblood, #6e2634);
	font-size: .76rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.smolarec-b2b-account-status h2 {
	margin: 0 0 .35rem;
	font-size: clamp(1.45rem, 3vw, 2rem);
}

.smolarec-b2b-account-status p:last-child {
	max-width: 60rem;
	margin: 0;
	color: var(--sm-muted, #5e6862);
}

.smolarec-b2b-account-actions {
	margin-top: clamp(2.5rem, 6vw, 4.5rem);
}

.smolarec-b2b-account-dashboard .woocommerce-MyAccount-content > p {
	display: none;
}

.smolarec-b2b-account-actions > h2 {
	margin-bottom: 1.25rem;
	font-size: clamp(1.6rem, 3vw, 2.35rem);
}

.smolarec-b2b-account-actions__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.smolarec-b2b-account-action-card {
	display: flex;
	flex-direction: column;
	min-height: 190px;
	padding: 1.25rem;
	border: 1px solid var(--sm-border, #cbd1cc);
	border-radius: var(--sm-radius, 4px);
	background: var(--sm-white, #fff);
}

.smolarec-b2b-account-action-card h3 {
	margin: 0 0 .5rem;
	font-size: 1.15rem;
}

.smolarec-b2b-account-action-card p {
	margin: 0 0 1rem;
	color: var(--sm-muted, #5e6862);
}

.smolarec-b2b-account-action-card a {
	margin-top: auto;
	font-weight: 700;
}

.smolarec-b2b-product-access {
	margin: 1rem 0 1.5rem;
	padding: clamp(1.15rem, 3vw, 1.6rem);
	border: 1px solid var(--sm-border, #cbd1cc);
	border-radius: var(--sm-radius, 4px);
	background: var(--sm-mist, #f1f3ef);
}

.smolarec-b2b-product-access h2 {
	margin: 0 0 .5rem;
	font-size: clamp(1.35rem, 3vw, 1.8rem);
}

.smolarec-b2b-product-access > p:not(.smolarec-b2b-eyebrow) {
	margin: 0;
	color: var(--sm-muted, #5e6862);
	font-size: .9rem;
}

.smolarec-b2b-product-access__actions {
	display: flex;
	flex-wrap: wrap;
	gap: .85rem 1.1rem;
	align-items: center;
	margin-top: 1rem;
}

.smolarec-b2b-product-access__actions > a:not(.button) {
	font-weight: 700;
}

.wwp_wholesaler_registration form.is-submitting {
	opacity: .78;
	pointer-events: none;
}

.smolarec-b2b-server-errors:focus {
	outline: 3px solid #b42318;
	outline-offset: 3px;
}

@media (max-width: 600px) {
	.smolarec-b2b-inline-control {
		grid-template-columns: 1fr;
	}

	.smolarec-b2b-lookup-button {
		width: 100%;
	}

	.smolarec-b2b-account-actions__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 800px) {
	.smolarec-b2b-brand.woocommerce-account .woocommerce {
		grid-template-columns: 1fr;
	}

	.smolarec-b2b-brand.woocommerce-account:not(.logged-in) .woocommerce {
		grid-template-areas:
			"notices"
			"heading"
			"login"
			"access";
		gap: 1.25rem;
	}

	.smolarec-b2b-brand.woocommerce-account .woocommerce > :where(.woocommerce-notices-wrapper, .smolarec-b2b-account-status) {
		grid-column: auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	.wwp_wholesaler_registration * {
		scroll-behavior: auto !important;
		transition: none !important;
	}
}
