/**
 * My Account — wide centered login + visible divider + B2B (same width).
 */

body.woocommerce-account {
	--kelmendi-myaccount-panel-max: min(52rem, 92vw);
	--kelmendi-myaccount-panel-pad: clamp(1.5rem, 3.25vw, 2.125rem);
	--kelmendi-myaccount-section-gap: clamp(2rem, 4vw, 2.75rem);
}

body.woocommerce-account .elementor-widget-the7-woocommerce-login-register-form > .elementor-widget-container,
body.woocommerce-account .elementor-widget-woocommerce-my-account > .elementor-widget-container {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

body.woocommerce-account .kelmendi-myaccount-login-stack {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

/* Login + B2B panels — matched padding */
body.woocommerce-account .kelmendi-myaccount-login-center,
body.woocommerce-account .kelmendi-myaccount-login-panel,
body.woocommerce-account .kelmendi-b2b-application .kelmendi-myaccount-b2b-content {
	padding: var(--kelmendi-myaccount-panel-pad) !important;
	box-sizing: border-box !important;
}

body.woocommerce-account .kelmendi-myaccount-login-center,
body.woocommerce-account .kelmendi-myaccount-login-panel {
	width: var(--kelmendi-myaccount-panel-max) !important;
	max-width: var(--kelmendi-myaccount-panel-max) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

body.woocommerce-account .kelmendi-myaccount-login-panel .the7-login-register-form,
body.woocommerce-account .kelmendi-myaccount-login-panel .the7-login-form,
body.woocommerce-account .kelmendi-myaccount-login-panel .woocommerce-form-login:not(.kelmendi-contact__form) {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.woocommerce-account .kelmendi-myaccount-login-panel > h2,
body.woocommerce-account .kelmendi-myaccount-login-panel .the7-login-form > h2 {
	margin: 0 0 1.25rem !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-weight: 700 !important;
	font-size: clamp(1.35rem, 2.5vw, 1.75rem) !important;
	line-height: 1.2 !important;
	text-align: left !important;
}

body.woocommerce-account .elementor-widget-the7-woocommerce-login-register-form .the7-login-register-form {
	columns: 1 !important;
	--form-columns: 1 !important;
	width: 100% !important;
}

body.woocommerce-account .elementor-widget-the7-woocommerce-login-register-form .the7-login-register-form > div {
	display: block !important;
	min-height: 0 !important;
	height: auto !important;
	max-height: none !important;
}

body.woocommerce-account .elementor-widget-the7-woocommerce-login-register-form .the7-login-form {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

body.woocommerce-account .elementor-widget-the7-woocommerce-login-register-form .the7-login-form form.login,
body.woocommerce-account .elementor-widget-the7-woocommerce-login-register-form .the7-login-form .elementor-form-fields-wrapper {
	width: 100% !important;
	max-width: none !important;
}

body.woocommerce-account .elementor-widget-the7-woocommerce-login-register-form .the7-login-form .elementor-form-fields-wrapper {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
}

body.woocommerce-account .kelmendi-myaccount-login-panel .elementor-field,
body.woocommerce-account .kelmendi-myaccount-login-panel .woocommerce-Input,
body.woocommerce-account .kelmendi-myaccount-login-panel .input-text {
	width: 100% !important;
	max-width: none !important;
	height: 3.25rem !important;
	min-height: 3.25rem !important;
	padding: 0 0.85rem !important;
	font-size: 0.9375rem !important;
	line-height: 1.4 !important;
	box-sizing: border-box !important;
	border: 1px solid rgba(0, 0, 0, 0.18) !important;
	border-radius: 4px !important;
}

/* Divider line between login and B2B */
body.woocommerce-account .kelmendi-myaccount-divider {
	display: block !important;
	width: var(--kelmendi-myaccount-panel-max) !important;
	max-width: var(--kelmendi-myaccount-panel-max) !important;
	height: 0 !important;
	margin: var(--kelmendi-myaccount-section-gap) auto var(--kelmendi-myaccount-section-gap) !important;
	padding: 0 !important;
	border: none !important;
	border-top: 1px solid rgba(0, 0, 0, 0.14) !important;
	background: none !important;
	box-sizing: border-box !important;
	overflow: visible !important;
	opacity: 1 !important;
	visibility: visible !important;
}

/* B2B — same width as login, no grey box */
body.woocommerce-account .kelmendi-myaccount-register {
	width: var(--kelmendi-myaccount-panel-max) !important;
	max-width: var(--kelmendi-myaccount-panel-max) !important;
	margin: 0 auto !important;
	padding: 0 !important;
	border: none !important;
	box-sizing: border-box !important;
}

body.woocommerce-account .kelmendi-myaccount-register .kelmendi-b2b-application {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

body.woocommerce-account .kelmendi-b2b-application .kelmendi-myaccount-b2b-content {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
}

body.woocommerce-account .kelmendi-b2b-application .kelmendi-contact__form-heading {
	margin: 0 0 0.5rem !important;
	text-align: left !important;
}

body.woocommerce-account .kelmendi-b2b-application .kelmendi-contact__form-intro {
	margin: 0 0 0.85rem !important;
	text-align: left !important;
}

body.woocommerce-account .kelmendi-b2b-application .kelmendi-contact__form-note {
	margin: -0.35rem 0 0.85rem !important;
	text-align: left !important;
}

body.woocommerce-account .kelmendi-b2b-application .kelmendi-contact__fields {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 0.85rem 1.1rem !important;
}

body.woocommerce-account .kelmendi-b2b-application .kelmendi-contact__field {
	gap: 0.35rem !important;
}

body.woocommerce-account .kelmendi-b2b-application .kelmendi-contact__field--half {
	grid-column: span 1 !important;
}

body.woocommerce-account .kelmendi-b2b-application .kelmendi-contact__field:not(.kelmendi-contact__field--half) {
	grid-column: 1 / -1 !important;
}

body.woocommerce-account .kelmendi-b2b-application .kelmendi-contact__field input:not([type="hidden"]),
body.woocommerce-account .kelmendi-b2b-application .kelmendi-contact__field select {
	height: 3.25rem !important;
	min-height: 3.25rem !important;
	padding: 0 0.85rem !important;
	font-size: 0.9375rem !important;
}

body.woocommerce-account .kelmendi-b2b-application .kelmendi-contact__field textarea {
	min-height: 140px !important;
	padding: 0.7rem 0.85rem !important;
	font-size: 0.9375rem !important;
}

body.woocommerce-account .kelmendi-b2b-application .kelmendi-contact__submit-row {
	display: block !important;
	margin-top: 1rem !important;
}

body.woocommerce-account .kelmendi-b2b-application .kelmendi-contact__submit-row .button,
body.woocommerce-account .kelmendi-b2b-application .kelmendi-contact__submit {
	display: inline-flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	color: #ffffff !important;
	background: var(--kelmendi-accent, #e20813) !important;
	border: 2px solid var(--kelmendi-accent, #e20813) !important;
	border-radius: 4px !important;
}

body.woocommerce-account .elementor-widget-the7-woocommerce-login-register-form .woocommerce-ResetPassword {
	width: var(--kelmendi-myaccount-panel-max) !important;
	max-width: var(--kelmendi-myaccount-panel-max) !important;
	margin-top: clamp(1.5rem, 4vw, 2rem) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

@media (max-width: 767px) {
	body.woocommerce-account {
		--kelmendi-myaccount-panel-max: 100%;
		--kelmendi-myaccount-panel-pad: 1.15rem;
		--kelmendi-myaccount-section-gap: 1.5rem;
	}

	body.woocommerce-account .kelmendi-myaccount-login-stack {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
		overflow-x: hidden !important;
	}

	body.woocommerce-account .kelmendi-myaccount-login-center,
	body.woocommerce-account .kelmendi-myaccount-login-panel,
	body.woocommerce-account .kelmendi-myaccount-register,
	body.woocommerce-account .kelmendi-myaccount-divider {
		width: 100% !important;
		max-width: 100% !important;
	}

	body.woocommerce-account .kelmendi-b2b-application .kelmendi-contact__field {
		min-width: 0 !important;
		width: 100% !important;
	}

	body.woocommerce-account .kelmendi-b2b-application .kelmendi-contact__fields {
		grid-template-columns: 1fr !important;
		gap: 0.75rem !important;
	}

	body.woocommerce-account .kelmendi-b2b-application .kelmendi-contact__field--half {
		grid-column: 1 / -1 !important;
	}

	body.woocommerce-account .kelmendi-b2b-application .kelmendi-contact__field input:not([type="hidden"]),
	body.woocommerce-account .kelmendi-b2b-application .kelmendi-contact__field select,
	body.woocommerce-account .kelmendi-b2b-application .kelmendi-contact__field textarea {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	body.woocommerce-account .kelmendi-b2b-application .kelmendi-contact__form-heading {
		font-size: clamp(1.2rem, 5.2vw, 1.45rem) !important;
		line-height: 1.25 !important;
	}

	body.woocommerce-account .kelmendi-b2b-application .kelmendi-contact__form-intro,
	body.woocommerce-account .kelmendi-b2b-application .kelmendi-contact__form-note {
		font-size: 0.8125rem !important;
		line-height: 1.5 !important;
	}

	body.woocommerce-account .kelmendi-b2b-application .kelmendi-myaccount-b2b-content,
	body.woocommerce-account .kelmendi-myaccount-login-panel,
	body.woocommerce-account .kelmendi-myaccount-login-center {
		padding: var(--kelmendi-myaccount-panel-pad) !important;
		border-radius: 8px !important;
	}

	body.woocommerce-account .kelmendi-myaccount-login-panel .elementor-field-group,
	body.woocommerce-account .kelmendi-myaccount-login-panel .elementor-field-group.elementor-column {
		width: 100% !important;
		max-width: 100% !important;
		flex: 1 1 100% !important;
	}

	body.woocommerce-account .kelmendi-myaccount-login-panel .woocommerce-form-login__submit,
	body.woocommerce-account .kelmendi-myaccount-login-panel .elementor-button,
	body.woocommerce-account .kelmendi-myaccount-login-panel button.woocommerce-form-login__submit {
		width: 100% !important;
		justify-content: center !important;
		box-sizing: border-box !important;
	}

	body.woocommerce-account .kelmendi-b2b-application .kelmendi-contact__submit-row .button,
	body.woocommerce-account .kelmendi-b2b-application .kelmendi-contact__submit {
		width: 100% !important;
		min-width: 0 !important;
		justify-content: center !important;
		box-sizing: border-box !important;
	}

	body.woocommerce-account .elementor-widget-the7-woocommerce-login-register-form .woocommerce-ResetPassword {
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 1rem !important;
		padding-right: 1rem !important;
		box-sizing: border-box !important;
	}
}
