:root {
	--rbb-ink: #172235;
	--rbb-paper: #fffaf0;
	--rbb-red: #c5332d;
	--rbb-gold: #efb341;
	--rbb-blue: #193f5c;
}

.woocommerce-account:not(.logged-in) .site-main,
.page-vendor-onboarding .site-main {
	background:
		radial-gradient(circle at 10% 5%, rgba(239, 179, 65, .24), transparent 28rem),
		linear-gradient(145deg, #fffdf8 0%, #eef5f7 100%);
	border: 1px solid rgba(23, 34, 53, .12);
	border-radius: 24px;
	box-shadow: 0 28px 70px rgba(23, 34, 53, .12);
	overflow: hidden;
	padding: clamp(24px, 5vw, 64px);
}

.woocommerce-account:not(.logged-in) .entry-header,
.page-vendor-onboarding .entry-header {
	display: none;
}

.rbb-account-intro,
.rbb-seller-application > header,
.rbb-seller-gate {
	max-width: 780px;
	margin-bottom: 38px;
}

.rbb-account-kicker {
	color: var(--rbb-red);
	display: block;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .16em;
	margin-bottom: 10px;
}

.rbb-account-intro h1,
.rbb-seller-application h1,
.rbb-seller-gate h1 {
	color: var(--rbb-ink);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(36px, 6vw, 68px);
	letter-spacing: -.045em;
	line-height: .98;
	margin: 0 0 18px;
}

.rbb-account-intro p,
.rbb-seller-application header p,
.rbb-seller-gate p {
	color: #536074;
	font-size: 18px;
	line-height: 1.6;
	max-width: 650px;
}

.woocommerce-account:not(.logged-in) #customer_login {
	display: grid;
	gap: 28px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.woocommerce-account:not(.logged-in) #customer_login::before {
	content: none;
}

.woocommerce-account:not(.logged-in) #customer_login .col-1,
.woocommerce-account:not(.logged-in) #customer_login .col-2 {
	background: rgba(255, 255, 255, .88);
	border: 1px solid rgba(23, 34, 53, .14);
	border-radius: 18px;
	box-shadow: 0 14px 35px rgba(23, 34, 53, .08);
	float: none;
	padding: clamp(22px, 4vw, 38px);
	width: auto;
}

.woocommerce-account:not(.logged-in) #customer_login h2 {
	color: var(--rbb-blue);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 32px;
	margin-bottom: 20px;
}

.woocommerce-account:not(.logged-in) form.login,
.woocommerce-account:not(.logged-in) form.register {
	border: 0;
	margin: 0;
	padding: 0;
}

.woocommerce-account input.input-text,
.rbb-seller-application input,
.rbb-seller-application select {
	background: #fff;
	border: 1px solid #cbd5df;
	border-radius: 10px;
	min-height: 48px;
	padding: 10px 12px;
	width: 100%;
}

.woocommerce-account button.button,
.rbb-seller-application .button,
.rbb-seller-gate .button {
	background: var(--rbb-red);
	border-radius: 999px;
	color: #fff;
	font-weight: 800;
	padding: 14px 24px;
}

.woocommerce-account button.button:hover,
.rbb-seller-application .button:hover,
.rbb-seller-gate .button:hover {
	background: #9f2723;
	color: #fff;
}

.rbb-account-intent {
	border: 0;
	display: grid;
	gap: 9px;
	margin: 0 0 20px;
	padding: 0;
}

.rbb-account-intent legend {
	color: var(--rbb-ink);
	font-weight: 800;
	margin-bottom: 4px;
}

.rbb-account-intent label {
	align-items: center;
	background: #f8fafc;
	border: 1px solid #d8e0e8;
	border-radius: 12px;
	cursor: pointer;
	display: flex;
	gap: 10px;
	padding: 10px 12px;
}

.rbb-account-intent label:has(input:checked) {
	background: #fff7e5;
	border-color: var(--rbb-gold);
	box-shadow: inset 4px 0 0 var(--rbb-gold);
}

.rbb-account-intent input {
	accent-color: var(--rbb-red);
	flex: 0 0 auto;
	margin: 0;
}

.rbb-account-intent span,
.rbb-account-intent small {
	display: block;
}

.rbb-account-intent small {
	color: #657186;
	font-weight: 400;
}

.rbb-seller-application {
	max-width: 900px;
}

.rbb-seller-application-form {
	background: rgba(255, 255, 255, .9);
	border: 1px solid rgba(23, 34, 53, .14);
	border-radius: 18px;
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	padding: clamp(22px, 4vw, 40px);
}

.rbb-field {
	color: var(--rbb-ink);
	font-weight: 700;
}

.rbb-field > span {
	color: var(--rbb-red);
}

.rbb-field input,
.rbb-field select {
	display: block;
	font-weight: 400;
	margin-top: 7px;
}

.rbb-field-wide,
.rbb-terms {
	grid-column: 1 / -1;
}

.rbb-terms {
	align-items: flex-start;
	display: flex;
	gap: 10px;
}

.rbb-terms input {
	height: 18px;
	margin-top: 4px;
	min-height: 0;
	width: 18px;
}

.rbb-seller-pending {
	border-left: 6px solid var(--rbb-gold);
	padding-left: 24px;
}

.rbb-seller-approved {
	border-left: 6px solid #27875c;
	padding-left: 24px;
}

.rbb-account-seller-card {
	background:
		linear-gradient(120deg, rgba(25, 63, 92, .97), rgba(23, 34, 53, .97)),
		repeating-linear-gradient(45deg, transparent, transparent 12px, rgba(255, 255, 255, .04) 12px, rgba(255, 255, 255, .04) 13px);
	border-radius: 18px;
	box-shadow: 0 18px 40px rgba(23, 34, 53, .18);
	color: #fff;
	margin-top: 32px;
	padding: clamp(24px, 4vw, 40px);
}

.rbb-account-seller-card .rbb-account-kicker {
	color: var(--rbb-gold);
}

.rbb-account-seller-card h2 {
	color: #fff;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(28px, 4vw, 42px);
	margin: 0 0 10px;
}

.rbb-account-seller-card p {
	color: #d8e2ea;
	font-size: 17px;
	max-width: 650px;
}

.rbb-account-seller-card .button {
	background: var(--rbb-gold);
	color: var(--rbb-ink);
}

@media (max-width: 720px) {
	.woocommerce-account:not(.logged-in) #customer_login,
	.rbb-seller-application-form {
		grid-template-columns: 1fr;
	}

	.rbb-field-wide,
	.rbb-terms {
		grid-column: auto;
	}
}