/* ── WooCommerce My Account ─────────────────────────────────────────────── */

.woocommerce-account main.wp-block-group > div {
	max-width: var(--wp--style--global--content-size) !important;
}

.woocommerce-account .entry-content > .wp-block-shortcode,
.woocommerce-account .wp-block-post-content > .wp-block-shortcode {
	margin-block-start: 0;
}

.woocommerce-account .woocommerce {
	display: grid;
	max-width: 100% !important;
	grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
	gap: 32px;
	padding-top: 80px;
	align-items: start;
	color: var(--wp--preset--color--text-primary);
}

.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after {
	display: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	width: auto;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
	position: sticky;
	top: 24px;
	padding: 12px !important;
	background: var(--wp--preset--color--surface-default);
	border: 1px solid var(--wp--preset--color--border-default) !important;
	border-radius: 10px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li{
	padding: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li + li {
	margin-top: 4px;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	padding: 13px 14px;
	border-radius: 8px;
	color: var(--wp--preset--color--text-primary);
	text-decoration: none;
	font-size: var(--wp--preset--font-size--input);
	font-weight: 500;
	text-decoration: none !important;
	transition: background-color 0.15s, color 0.15s;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
	background: var(--wp--preset--color--surface-tertiary);
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
	background: var(--wp--preset--color--text-primary);
	color: var(--wp--preset--color--action-primary);
}

.woocommerce-account .woocommerce-MyAccount-content > :first-child {
	margin-top: 0;
}

.woocommerce-account .woocommerce-MyAccount-content {
	padding-top: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: clamp(1.25rem, 2vw, 1.75rem);
	line-height: 1.15;
	color: var(--wp--preset--color--text-primary);
}

.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-account .woocommerce-MyAccount-content li,
.woocommerce-account .woocommerce-MyAccount-content label,
.woocommerce-account .woocommerce-MyAccount-content address {
	color: var(--wp--preset--color--text-primary);
}

.woocommerce-account .woocommerce-MyAccount-content > p,
.woocommerce-account .woocommerce-MyAccount-content > div:not(.woocommerce-notices-wrapper):not(.woocommerce-Addresses),
.woocommerce-account .woocommerce-MyAccount-content > form,
.woocommerce-account .woocommerce-MyAccount-content > section:not(.woocommerce-Addresses) {
	padding: 24px;
	background: var(--wp--preset--color--surface-default);
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: 10px;
}

.woocommerce-account .woocommerce-MyAccount-content > p:not(.woocommerce-info):not(.woocommerce-message):not(.woocommerce-error):not(.woocommerce-NoticeGroup),
.woocommerce-account .woocommerce-MyAccount-content > div + div,
.woocommerce-account .woocommerce-MyAccount-content > form + form,
.woocommerce-account .woocommerce-MyAccount-content > section + section {
	margin-bottom: 20px;
}

.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-notices-wrapper > * {
	margin-bottom: 20px;
	padding: 16px 18px;
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: 10px;
	background: var(--wp--preset--color--surface-tertiary);
	color: var(--wp--preset--color--text-primary);
}

.woocommerce-account .woocommerce-error {
	border-color: color-mix(in srgb, var(--wp--preset--color--status-stock-out, #B91C1C) 35%, var(--wp--preset--color--border-default) 65%);
}

.woocommerce-account .woocommerce-info::before,
.woocommerce-account .woocommerce-message::before,
.woocommerce-account .woocommerce-error::before {
	color: var(--wp--preset--color--text-primary);
}

.woocommerce-account .woocommerce-button,
.woocommerce-account .button,
.woocommerce-account button.button,
.woocommerce-account input.button,
.woocommerce-account .woocommerce-Button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 18px;
	border: 1px solid var(--wp--preset--color--text-primary);
	border-radius: 8px;
	background: var(--wp--preset--color--text-primary);
	color: var(--wp--preset--color--surface-default, #FFFFFF);
	font-size: var(--wp--preset--font-size--input);
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}

.woocommerce-account .woocommerce-button:hover,
.woocommerce-account .button:hover,
.woocommerce-account button.button:hover,
.woocommerce-account input.button:hover,
.woocommerce-account .woocommerce-Button:hover {
	background: color-mix(in srgb, var(--wp--preset--color--text-primary) 88%, white 12%);
	border-color: color-mix(in srgb, var(--wp--preset--color--text-primary) 88%, white 12%);
	color: var(--wp--preset--color--surface-default, #FFFFFF);
}

.woocommerce-account .woocommerce-button.button-secondary,
.woocommerce-account .button.button-secondary,
.woocommerce-account .woocommerce-Button--view {
	background: var(--wp--preset--color--surface-default);
	border-color: var(--wp--preset--color--border-default);
	color: var(--wp--preset--color--text-primary);
}

.woocommerce-account .woocommerce-button.button-secondary:hover,
.woocommerce-account .button.button-secondary:hover,
.woocommerce-account .woocommerce-Button--view:hover {
	background: var(--wp--preset--color--surface-tertiary);
	border-color: var(--wp--preset--color--border-default);
	color: var(--wp--preset--color--text-primary);
}

.woocommerce-account .woocommerce table.shop_table,
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .woocommerce-table {
	width: 100%;
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: 10px;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
}

.woocommerce-account .woocommerce table.shop_table th,
.woocommerce-account .woocommerce table.shop_table td,
.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-orders-table td,
.woocommerce-account .woocommerce-table th,
.woocommerce-account .woocommerce-table td {
	padding: 16px 18px;
	border-bottom: 1px solid var(--wp--preset--color--border-default);
}

.woocommerce-account .woocommerce table.shop_table thead th,
.woocommerce-account .woocommerce-orders-table thead th,
.woocommerce-account .woocommerce-table thead th {
	background: var(--wp--preset--color--surface-default);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--wp--preset--color--text-secondary);
}

.woocommerce-account .woocommerce table.shop_table tbody tr:nth-child(odd) td,
.woocommerce-account .woocommerce-orders-table tbody tr:nth-child(odd) td,
.woocommerce-account .woocommerce-table tbody tr:nth-child(odd) td {
	background: color-mix(in srgb, var(--wp--preset--color--surface-tertiary) 45%, white 55%);
}

.woocommerce-account .woocommerce table.shop_table tbody tr:last-child td,
.woocommerce-account .woocommerce-orders-table tbody tr:last-child td,
.woocommerce-account .woocommerce-table tbody tr:last-child td {
	border-bottom: none;
}

.woocommerce-account .woocommerce table.shop_table a,
.woocommerce-account .woocommerce-orders-table a,
.woocommerce-account .woocommerce-table a,
.woocommerce-account .woocommerce-Address a,
.woocommerce-account .woocommerce-MyAccount-content a {
	color: var(--wp--preset--color--text-primary);
	text-underline-offset: 0.14em;
}

.woocommerce-account .woocommerce table.shop_table a:hover,
.woocommerce-account .woocommerce-orders-table a:hover,
.woocommerce-account .woocommerce-table a:hover,
.woocommerce-account .woocommerce-Address a:hover,
.woocommerce-account .woocommerce-MyAccount-content a:hover {
	color: var(--wp--preset--color--action-primary);
}

.woocommerce-account .woocommerce-Addresses {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.woocommerce-account .woocommerce-Address,
.woocommerce-account .woocommerce-address-fields,
.woocommerce-account .woocommerce-PaymentMethod,
.woocommerce-account .woocommerce-payment-methods li {
	padding: 24px;
	background: var(--wp--preset--color--surface-default);
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: 10px;
}

.woocommerce-account .woocommerce-Address address {
	margin: 0 0 16px;
	color: var(--wp--preset--color--text-secondary);
	line-height: 1.7;
}

.woocommerce-account .woocommerce form .form-row {
	margin-bottom: 16px;
	padding: 0;
}

.woocommerce-account .woocommerce form .form-row label {
	margin-bottom: 8px;
	font-size: var(--wp--preset--font-size--base);
	font-weight: 500;
	color: var(--wp--preset--color--text-primary);
}

.woocommerce-account .woocommerce form input.input-text,
.woocommerce-account .woocommerce form select,
.woocommerce-account .woocommerce form textarea {
	width: 100%;
	min-height: 46px;
	padding: 11px 14px;
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: 8px;
	background: var(--wp--preset--color--surface-default);
	color: var(--wp--preset--color--text-primary);
	box-shadow: none;
}

.woocommerce-account .woocommerce form textarea {
	min-height: 120px;
}

.woocommerce-account .woocommerce form input.input-text:focus,
.woocommerce-account .woocommerce form select:focus,
.woocommerce-account .woocommerce form textarea:focus {
	outline: none;
	border-color: var(--wp--preset--color--text-primary);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--text-primary) 10%, transparent);
}

.woocommerce-account .select2-container--default .select2-selection--single,
.woocommerce-account .select2-container--default .select2-selection--multiple {
	min-height: 46px;
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: 8px;
}

.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 44px;
	padding-left: 14px;
	color: var(--wp--preset--color--text-primary);
}

.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 44px;
}

.woocommerce-account .woocommerce-MyAccount-content fieldset {
	margin-top: 24px;
	padding: 20px 24px 24px;
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: 10px;
}

.woocommerce-account .woocommerce-MyAccount-content legend {
	padding: 0 8px;
	font-size: var(--wp--preset--font-size--base);
	font-weight: 600;
	color: var(--wp--preset--color--text-primary);
}

.woocommerce-account .woocommerce-pagination {
	margin-top: 20px;
}

.woocommerce-account .woocommerce-pagination .page-numbers {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.woocommerce-account .woocommerce-pagination .page-numbers a,
.woocommerce-account .woocommerce-pagination .page-numbers span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	min-height: 40px;
	padding: 0 12px;
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: 8px;
	background: var(--wp--preset--color--surface-default);
	text-decoration: none;
}

.woocommerce-account .woocommerce-pagination .page-numbers .current {
	background: var(--wp--preset--color--text-primary);
	border-color: var(--wp--preset--color--text-primary);
	color: var(--wp--preset--color--action-primary);
}

@media (max-width: 980px) {
	.woocommerce-account .woocommerce {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation {
		position: static;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation ul {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
		gap: 8px;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation li + li {
		margin-top: 0;
	}

	.woocommerce-account .woocommerce-Addresses {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.woocommerce-account .woocommerce-MyAccount-navigation,
	.woocommerce-account .woocommerce-MyAccount-content > p,
	.woocommerce-account .woocommerce-MyAccount-content > div:not(.woocommerce-notices-wrapper):not(.woocommerce-Addresses),
	.woocommerce-account .woocommerce-MyAccount-content > form,
	.woocommerce-account .woocommerce-MyAccount-content > section:not(.woocommerce-Addresses),
	.woocommerce-account .woocommerce-Address,
	.woocommerce-account .woocommerce-address-fields,
	.woocommerce-account .woocommerce-PaymentMethod,
	.woocommerce-account .woocommerce-payment-methods li {
		padding: 18px;
	}

	.woocommerce-account .woocommerce table.shop_table,
	.woocommerce-account .woocommerce-orders-table,
	.woocommerce-account .woocommerce-table {
		display: block;
		overflow-x: auto;
	}

	.woocommerce-account .woocommerce table.shop_table th,
	.woocommerce-account .woocommerce table.shop_table td,
	.woocommerce-account .woocommerce-orders-table th,
	.woocommerce-account .woocommerce-orders-table td,
	.woocommerce-account .woocommerce-table th,
	.woocommerce-account .woocommerce-table td {
		padding: 14px 12px;
		white-space: nowrap;
	}
}

/* ── Logged-out My Account / Login ───────────────────────────────────────── */

.woocommerce-account:not(.logged-in) .woocommerce {
	--riedel-account-login-shadow: 0 24px 56px color-mix(in srgb, var(--wp--preset--color--text-primary) 9%, transparent);
	width: var(--riedel-container-width);
	max-width: var(--riedel-container-max-width) !important;
	margin: 56px auto 40px;
	padding-top: 0;
	display: block;
}

.woocommerce-account:not(.logged-in) .woocommerce::before {
	display: none;
}

.woocommerce-account:not(.logged-in) .woocommerce > h2,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword {
	max-width: none;
	width: 100%;
	margin: 0;
	border: 0;
	background: transparent;
}

.woocommerce-account:not(.logged-in) .woocommerce > h2,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword {
	max-width: 460px;
	margin-left: auto;
	margin-right: auto;
}

.woocommerce-account:not(.logged-in) .woocommerce > h2 {
	padding: 0 0 12px;
	border-width: 0 0 1px;
	border-radius: 0;
	background: transparent;
	font-size: clamp(1.5rem, 2.4vw, 2rem);
	font-weight: 600;
	line-height: 1.1;
}

.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword {
	padding: 28px;
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: 18px;
	background: var(--wp--preset--color--surface-default);
	box-shadow: var(--riedel-account-login-shadow);
}

.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login {
	border-top-left-radius: 18px;
}

.woocommerce-account:not(.logged-in).woocommerce-lost-password .woocommerce > .woocommerce-ResetPassword,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login {
	gap: 18px;
}

.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login .form-row,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword .form-row {
	gap: 8px;
	margin-bottom: 0;
}

.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login .form-row label,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword .form-row label {
	margin-bottom: 0;
	font-size: var(--wp--preset--font-size--base);
	font-weight: 500;
}

.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login .form-row .password-input,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword .form-row .password-input {
	position: relative;
	display: block;
}

.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login .input-text,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword .input-text {
	min-height: 52px;
	padding: 13px 16px;
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: 12px;
	background: var(--wp--preset--color--surface-default);
	color: var(--wp--preset--color--text-primary);
	box-shadow: none;
}

.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login .input-text:focus,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword .input-text:focus {
	outline: none;
	border-color: var(--wp--preset--color--action-primary);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--action-primary) 16%, transparent);
}

.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login .show-password-input,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword .show-password-input {
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
}

.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login .woocommerce-form-login__rememberme {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 2px 0 0;
	font-size: var(--wp--preset--font-size--base);
}

.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login .woocommerce-form-login__rememberme input {
	margin: 0;
	accent-color: var(--wp--preset--color--action-primary);
}

.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login button.woocommerce-button,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login button.woocommerce-Button,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword .woocommerce-Button,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword .woocommerce-button,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword button.woocommerce-Button,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword button.woocommerce-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: flex-start;
	min-height: 48px;
	padding: 12px 22px;
	border: 1px solid var(--wp--preset--color--text-primary);
	border-radius: 10px;
	background: var(--wp--preset--color--text-primary);
	color: var(--wp--preset--color--surface-default, #FFFFFF);
	font-size: var(--wp--preset--font-size--input);
	font-weight: 600;
}

.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login .woocommerce-form-login__submit:not(:hover),
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login button.woocommerce-button:not(:hover),
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login button.woocommerce-Button:not(:hover),
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword .woocommerce-Button:not(:hover),
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword .woocommerce-button:not(:hover),
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword button.woocommerce-Button:not(:hover),
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword button.woocommerce-button:not(:hover) {
	background: var(--wp--preset--color--text-primary) !important;
	border-color: var(--wp--preset--color--text-primary) !important;
	color: var(--wp--preset--color--surface-default, #FFFFFF) !important;
}

.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login button.woocommerce-button:hover,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login button.woocommerce-Button:hover,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword .woocommerce-Button:hover,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword .woocommerce-button:hover,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword button.woocommerce-Button:hover,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword button.woocommerce-button:hover {
	border-color: color-mix(in srgb, var(--wp--preset--color--text-primary) 88%, white 12%) !important;
	background: color-mix(in srgb, var(--wp--preset--color--text-primary) 88%, white 12%) !important;
	color: var(--wp--preset--color--surface-default, #FFFFFF) !important;
}

.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login .lost_password,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword .woocommerce-Button + p {
	margin: 2px 0 0;
}

.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login .lost_password a,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword a {
	color: var(--wp--preset--color--text-secondary);
	text-decoration: none;
}

.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login .lost_password a:hover,
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword a:hover {
	color: var(--wp--preset--color--action-primary);
}

@media (max-width: 980px) {
	.woocommerce-account:not(.logged-in) .woocommerce {
		margin: 40px auto 72px;
	}
}

@media (max-width: 640px) {
	.woocommerce-account:not(.logged-in) .woocommerce {
		margin: 28px auto 56px;
	}

	.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login,
	.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-ResetPassword {
		padding: 22px 18px;
		border-radius: 16px;
	}

	.woocommerce-account:not(.logged-in) .woocommerce > h2 {
		padding-bottom: 10px;
		font-size: 1.4rem;
	}
}