/* =========================================================
   Bay Manufacturing - Account / Dealer Registration CSS
   Load only on WooCommerce My Account / dealer pages
   ========================================================= */


/* Dealer Registration / Dashboard Banner */

.register-banner {
	display: block;
}

.dashboard-banner {
	display: none;
}

body.logged-in .register-banner {
	display: none;
}

body.logged-in .dashboard-banner {
	display: block;
}

.dashboard-banner .wp-block-group.skegs-group p {
	margin-top: clamp(70px, 6.944vw, 100px);
}

.wp-block-cover.register-banner,
.wp-block-cover.dashboard-banner {
	min-height: 300px;
}

.wp-block-cover.register-banner img.wp-block-cover__image-background,
.wp-block-cover.dashboard-banner img.wp-block-cover__image-background {
	object-position: 46% 38% !important;
}

.wp-block-cover.register-banner .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained,
.wp-block-cover.dashboard-banner .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	gap: 40px;
}

.wp-block-cover.register-banner .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
	margin: 35px auto 0;
}


/* Dealer Benefits */

.Benefits-block {
	max-width: 1262px;
	width: 100%;
	padding-inline: 15px;
	margin: clamp(50px, 7.222vw, 104px) auto;
}

.benefits-heading {
	margin-bottom: clamp(30px, 3.472vw, 50px);
}

.benefits-text {
	font-size: clamp(14px, 1.111vw, 16px) !important;
	line-height: 163%;
}

.benefits-seprater-line .wp-block-bm-vertical-line__line {
	background-color: #D3D3D3;
}

.benefits-title {
	font-size: clamp(20px, 1.667vw, 24px) !important;
	line-height: 100%;
}

.benefits-box {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.benefits-box.visible {
	opacity: 1;
	transform: translateY(0);
}

.logged-in .Benefits-block {
	display: none;
}


/* Registration / Login Dashboard */

.st-registration-dashboard-block {
	margin: clamp(50px, 7.222vw, 104px) auto;
	max-width: 1262px;
	width: 100%;
	padding-inline: 15px;
	margin-block-end: clamp(50px, 7.222vw, 104px) !important;
}

.st-registration-dashboard-block #customer_login .u-column1,
.st-registration-dashboard-block #customer_login .u-column2 {
	background-color: #F9F9F9;
	padding: clamp(20px, 3.333vw, 48px);
}

.st-registration-dashboard-block #customer_login .u-column1 h2,
.st-registration-dashboard-block #customer_login .u-column2 h2 {
	margin-bottom: clamp(26px, 3.889vw, 56px);
	font-size: clamp(20px, 2.778vw, 40px);
	font-weight: 700;
	line-height: 100%;
	letter-spacing: normal;
	color: #111111;
}

.st-registration-dashboard-block #customer_login .woocommerce-form {
	border: none;
	padding: 0;
	margin: 0;
	text-align: left;
	border-radius: 0;
}

.st-registration-dashboard-block #customer_login .woocommerce-form label {
	font-weight: 400;
	font-size: clamp(14px, 1.111vw, 16px);
	line-height: 100%;
	letter-spacing: normal;
	color: #111111;
	margin-bottom: 16px;
}

.st-registration-dashboard-block #customer_login .woocommerce-form input {
	border: .5px solid #11111129;
	border-radius: 4px;
	padding: 15px 16px 16px;
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: normal;
	height: 100% !important;
	max-height: max-content !important;
}

.st-registration-dashboard-block #customer_login .woocommerce-form label.woocommerce-form__label-for-checkbox {
	margin-bottom: 0;
}

.st-registration-dashboard-block #customer_login .woocommerce-form label.woocommerce-form__label-for-checkbox span {
	font-weight: 500;
	font-size: clamp(14px, 1.111vw, 16px);
	line-height: 100%;
	letter-spacing: normal;
	color: #000000;
}

.st-registration-dashboard-block #customer_login .woocommerce-form .woocommerce-form-login__submit,
.st-registration-dashboard-block #customer_login .woocommerce-form .woocommerce-form-register__submit {
	font-weight: 600;
	font-size: clamp(14px, 1.111vw, 16px);
	line-height: 100%;
	letter-spacing: normal;
	color: #fff;
	background-color: #111111;
	padding: 16px 50px;
}

.st-registration-dashboard-block #customer_login .woocommerce-form .woocommerce-LostPassword a {
	font-weight: 500;
	font-size: clamp(14px, 1.111vw, 16px);
	line-height: 100%;
	letter-spacing: normal;
	color: #000000;
	text-decoration: underline;
}

.st-registration-dashboard-block #customer_login .woocommerce-form .input-select {
	height: 100% !important;
	max-height: max-content !important;
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: normal;
	color: #000000;
	padding: 15px 16px 16px;
	border: .5px solid #11111129;
	border-radius: 4px;
}

.st-registration-dashboard-block #customer_login .woocommerce-form .afreg_radio {
	font-weight: 400;
	font-size: clamp(14px, 1.111vw, 16px);
	line-height: 100%;
	letter-spacing: normal;
	color: #000000;
}

.st-registration-dashboard-block #customer_login .woocommerce-form .afreg_field_message {
	font-weight: 500;
	font-size: clamp(14px, 1.111vw, 16px);
	line-height: 100%;
	letter-spacing: normal;
	color: #000000;
	margin-top: 16px;
}


/* My Account Navigation */

.st-registration-dashboard-block .woocommerce-MyAccount-navigation ul {
	padding-left: 0 !important;
}

.st-registration-dashboard-block .woocommerce-MyAccount-navigation ul li a {
	background-color: #F9F9F9;
	text-decoration: none;
	padding: 20px 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: normal;
}

.st-registration-dashboard-block .woocommerce-MyAccount-navigation ul li a:hover {
	text-decoration: none;
}

.st-registration-dashboard-block .woocommerce-MyAccount-navigation li {
	padding: .5em 0;
}

.st-registration-dashboard-block .woocommerce-MyAccount-navigation li.is-active a {
	text-decoration: none;
}

.st-registration-dashboard-block .woocommerce-MyAccount-navigation li.is-active a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
	background-color: #000;
}


/* My Account Content */

.st-registration-dashboard-block .woocommerce-MyAccount-content label {
	font-weight: 400;
	font-size: clamp(14px, 1.111vw, 16px);
	line-height: 100%;
	letter-spacing: normal;
	color: #111111;
	margin-bottom: 16px;
}

.st-registration-dashboard-block .woocommerce-MyAccount-content input {
	border: .5px solid #11111129;
	border-radius: 4px;
	padding: 15px 16px 16px;
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: normal;
	height: 100% !important;
	max-height: max-content !important;
}

.st-registration-dashboard-block .woocommerce-MyAccount-content .input-select {
	height: 100% !important;
	max-height: max-content !important;
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: normal;
	color: #000000;
	padding: 15px 16px 16px;
	border: .5px solid #11111129;
	border-radius: 4px;
}

.st-registration-dashboard-block .woocommerce-MyAccount-content .afreg_radio {
	font-weight: 400;
	font-size: clamp(14px, 1.111vw, 16px);
	line-height: 100%;
	letter-spacing: normal;
	color: #000000;
}

.st-registration-dashboard-block .woocommerce-MyAccount-content .afreg_field_message {
	font-weight: 500;
	font-size: clamp(14px, 1.111vw, 16px);
	line-height: 100%;
	letter-spacing: normal;
	color: #000000;
	display: block;
}

.st-registration-dashboard-block .woocommerce-MyAccount-content #account_display_name_description {
	font-weight: 500;
	font-size: clamp(14px, 1.111vw, 16px);
	line-height: 100%;
	letter-spacing: normal;
	color: #000000;
	display: block;
	margin-top: 16px;
}

.st-registration-dashboard-block .woocommerce-MyAccount-content .woocommerce-Button {
	font-weight: 600;
	font-size: clamp(14px, 1.111vw, 16px);
	line-height: 100%;
	letter-spacing: normal;
	color: #fff;
	background-color: #111111;
	padding: 16px 50px;
	text-decoration: none;
}

.st-registration-dashboard-block .woocommerce-MyAccount-content p {
	font-weight: 400;
	font-size: clamp(16px, 1.25vw, 18px);
	line-height: 156%;
	letter-spacing: normal;
	margin-bottom: 16px;
}

.st-registration-dashboard-block .woocommerce-MyAccount-content .woocommerce-Giftcards.woocommerce-MyAccount-Giftcards-form {
	margin-bottom: 16px;
}

.st-registration-dashboard-block .woocommerce-MyAccount-content .woocommerce-MyAccount-content {
	width: 100%;
}

.st-registration-dashboard-block .woocommerce-MyAccount-content h2,
.st-registration-dashboard-block .woocommerce-MyAccount-content h3,
.st-registration-dashboard-block .woocommerce-MyAccount-content h4 {
	font-weight: 700;
	font-size: clamp(24px, 2.778vw, 40px);
	line-height: 125%;
	letter-spacing: normal;
	margin-bottom: 16px;
}

.st-registration-dashboard-block .woocommerce-MyAccount-content .woocommerce-Giftcards h2,
.st-registration-dashboard-block .woocommerce-MyAccount-content .woocommerce-Giftcards h3,
.st-registration-dashboard-block .woocommerce-MyAccount-content .woocommerce-Giftcards h4 {
	margin-top: 16px;
}

.st-registration-dashboard-block .woocommerce-MyAccount-content .woocommerce-Giftcards {
	font-weight: 500;
	font-size: clamp(16px, 1.25vw, 18px);
	line-height: 156%;
	letter-spacing: normal;
}

.st-registration-dashboard-block .woocommerce-MyAccount-content .woocommerce-Giftcards span {
	font-weight: 500;
	font-size: clamp(16px, 1.25vw, 18px);
	line-height: 156%;
	letter-spacing: normal;
}

.st-registration-dashboard-block .woocommerce-MyAccount-content table tr th {
	font-weight: 600;
	font-size: clamp(18px, 1.389vw, 20px);
	line-height: 150%;
	letter-spacing: normal;
}

.st-registration-dashboard-block .woocommerce-MyAccount-content table tr td {
	font-weight: 400;
	font-size: clamp(16px, 1.25vw, 18px);
	line-height: 156%;
	letter-spacing: normal;
}

.st-registration-dashboard-block .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title a {
	float: left;
	font-weight: 400;
	font-size: clamp(16px, 1.25vw, 18px);
	line-height: 156%;
	letter-spacing: normal;
}

.st-registration-dashboard-block .woocommerce-MyAccount-content .woocommerce-Address address {
	font-weight: 400;
	font-size: clamp(16px, 1.25vw, 18px);
	line-height: 156%;
	letter-spacing: normal;
}


/* Responsive */

@media (max-width: 900px) {
	.benefits-seprater-line.tablet {
		display: none;
	}

	.benefits-boxes {
		justify-content: start;
		gap: 20px;
	}
}

@media (max-width: 650px) {
	.benefits-seprater-line.mobile {
		display: none;
	}

	.benefits-heading {
		font-size: 26px !important;
	}

	.benefits-boxes {
		justify-content: center;
	}

	.benefits-box {
		width: 100%;
	}

	.benefits-text {
		font-size: 16px !important;
		margin-block-start: 0 !important;
	}
}

@media (max-width: 580px) {
	.register-banner {
		min-height: 160px !important;
	}

	.wp-block-cover.register-banner .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
		margin: 0;
	}
}

@media (max-width: 550px) {
	.register-banner .skegs-logo img {
		width: 200px !important;
	}

	.wp-block-cover.dashboard-banner {
		min-height: 160px;
	}

	.register-banner p.skegs-p-2 {
		font-size: 16px !important;
	}

	.dashboard-banner .wp-block-group.skegs-group p {
		margin-top: 50px;
	}
}