/**
 * MOVIN WooCommerce My Account Dashboard Styles
 * Precision Spacing, Alignment & Container Architecture
 * Scoped strictly to .woocommerce-account to prevent leakage.
 */

/* ==================================================
   1. MOVIN DESIGN TOKENS & PALETTE HARMONIZATION
   ================================================== */
:root {
	--movin-ac-primary: #294437;
	--movin-ac-primary-hover: #20372C;
	--movin-ac-gold: #D3A04A;
	--movin-ac-gold-soft: #EBC27E;
	--movin-ac-heading: #20241F;
	--movin-ac-body: #666B66;
	--movin-ac-muted: #858982;
	--movin-ac-border: #E3E1D9;
	--movin-ac-border-subtle: #ECE9E1;
	--movin-ac-surface-soft: #F4F2EB;
	--movin-ac-surface-green: #EEF2ED;
	--movin-ac-surface-hover: #F8FAF8;
	--movin-ac-white: #FFFFFF;
	--movin-ac-font-heading: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--movin-ac-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.woocommerce-account {
	--theme-palette-color-1: var(--movin-ac-primary);
	--theme-palette-color-2: var(--movin-ac-primary-hover);
	--theme-palette-color-3: var(--movin-ac-heading);
	--theme-link-initial-color: var(--movin-ac-primary);
	--theme-link-hover-color: var(--movin-ac-gold);
	--theme-button-background-initial-color: var(--movin-ac-primary);
	--theme-button-background-hover-color: var(--movin-ac-primary-hover);
	--theme-button-text-initial-color: var(--movin-ac-white);
	--theme-button-text-hover-color: var(--movin-ac-white);
	--account-nav-background-initial-color: var(--movin-ac-white);
	--account-nav-background-active-color: var(--movin-ac-primary);
	--account-nav-text-initial-color: var(--movin-ac-heading);
	--account-nav-text-active-color: var(--movin-ac-white);
	--account-nav-divider-color: transparent;
}

/* ==================================================
   2. MAIN ACCOUNT WRAPPER & PAGE SPACING
   ================================================== */
.woocommerce-account .site-main,
.woocommerce-account main#main,
.woocommerce-account .ct-container,
.woocommerce-account .ct-container-fluid {
	max-width: 1560px !important;
	box-sizing: border-box !important;
}

.woocommerce-account .entry-content {
	margin: 0 auto !important;
	width: 100% !important;
	max-width: 1560px !important;
	box-sizing: border-box !important;
}

/* Neutralize generic WooCommerce container wrapper */
.woocommerce-account .woocommerce {
	display: block !important;
	width: 100% !important;
	max-width: 1560px !important;
	margin: 0 auto !important;
	box-sizing: border-box !important;
	float: none !important;
}

/* Main Grid Architecture: 320px Sidebar + 36px Gap + Flexible Content */
.woocommerce-account .ct-woo-account,
.woocommerce-account .woocommerce:not(:has(.ct-woo-account)) {
	display: grid !important;
	grid-template-columns: 320px minmax(0, 1fr) !important;
	column-gap: 36px !important;
	row-gap: 36px !important;
	align-items: start !important;
	width: 100% !important;
	max-width: 1560px !important;
	margin: 0 auto !important;
	padding: 36px 36px 56px 36px !important;
	box-sizing: border-box !important;
	float: none !important;
	clear: both !important;
}

/* Ensure no negative margins or collision from theme styles */
.woocommerce-account .ct-woo-account:before,
.woocommerce-account .ct-woo-account:after {
	display: none !important;
}

/* ==================================================
   3. LEFT SIDEBAR OUTER CONTAINER
   ================================================== */
.woocommerce-account .ct-woo-account > .ct-acount-nav,
.woocommerce-account .ct-woo-account > .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce > .woocommerce-MyAccount-navigation,
.woocommerce-account .ct-acount-nav {
	width: 320px !important;
	max-width: 320px !important;
	min-width: 0 !important;
	background: var(--movin-ac-white) !important;
	border: 1px solid var(--movin-ac-border) !important;
	border-radius: 18px !important;
	padding: 16px !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	align-self: start !important;
	margin: 0 !important;
	margin-inline-end: 0 !important;
	float: none !important;
	overflow: visible !important;
}

/* Remove double/nested borders when navigation is inside Blocksy container */
.woocommerce-account .ct-acount-nav .woocommerce-MyAccount-navigation {
	width: 100% !important;
	max-width: 100% !important;
	border: none !important;
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	float: none !important;
}

/* Blocksy user welcome card (if enabled) */
.woocommerce-account .ct-account-welcome {
	padding: 12px 14px 14px 14px !important;
	margin: 0 0 12px 0 !important;
	background: var(--movin-ac-surface-soft) !important;
	border-radius: 12px !important;
	border: 1px solid var(--movin-ac-border-subtle) !important;
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	box-sizing: border-box !important;
}

.woocommerce-account .ct-account-welcome [class*='ct-media-container'] {
	border-radius: 50% !important;
	border: 2px solid var(--movin-ac-white) !important;
	overflow: hidden !important;
	flex-shrink: 0 !important;
}

.woocommerce-account .ct-account-user-box {
	font-family: var(--movin-ac-font-heading) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: var(--movin-ac-heading) !important;
	line-height: 1.3 !important;
}

.woocommerce-account .ct-account-user-box span {
	font-family: var(--movin-ac-font-body) !important;
	font-size: 12px !important;
	color: var(--movin-ac-muted) !important;
	display: block !important;
	margin-top: 2px !important;
}

/* ==================================================
   4. NAVIGATION ITEMS SPACING & ALIGNMENT
   ================================================== */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	border: none !important;
	background: transparent !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	list-style: none !important;
	margin: 0 0 6px 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
	margin-bottom: 0 !important;
}

/* Inactive Nav Items: Clean, unbordered, inset */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	width: 100% !important;
	height: 60px !important;
	min-height: 60px !important;
	padding: 0 20px !important;
	font-family: var(--movin-ac-font-body) !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	color: var(--movin-ac-heading) !important;
	text-decoration: none !important;
	background: transparent !important;
	border: none !important;
	border-radius: 12px !important;
	transition: background-color 0.2s ease, color 0.2s ease !important;
	box-sizing: border-box !important;
	position: relative !important;
}

/* Hover State */
.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(.is-active) a:hover {
	background: var(--movin-ac-surface-green) !important;
	color: var(--movin-ac-primary) !important;
}

/* Active Tab: Botanical Green Inset Neatly within 16px Padding */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:hover {
	background: var(--movin-ac-primary) !important;
	color: var(--movin-ac-white) !important;
	font-weight: 600 !important;
	border-radius: 12px !important;
	border-left: 3px solid var(--movin-ac-gold) !important;
	padding-inline-start: 17px !important;
}

/* Icon / Text Perfect Alignment */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:before {
	font-family: 'woo' !important;
	font-size: 18px !important;
	width: 22px !important;
	min-width: 22px !important;
	height: 22px !important;
	text-align: center !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	color: var(--movin-ac-primary) !important;
	line-height: 1 !important;
	flex-shrink: 0 !important;
	transition: color 0.2s ease !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:before {
	color: var(--movin-ac-white) !important;
}

/* Logout Item: Subtle soft red hover */
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
	background: #FCF4F4 !important;
	color: #B83A3A !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:hover:before {
	color: #B83A3A !important;
}

/* ==================================================
   5. RIGHT CONTENT PANEL & INTERNAL ALIGNMENT
   ================================================== */
.woocommerce-account .woocommerce-MyAccount-content {
	width: 100% !important;
	min-width: 0 !important;
	background: var(--movin-ac-white) !important;
	border: 1px solid var(--movin-ac-border) !important;
	border-radius: 18px !important;
	padding: 44px 48px !important;
	box-sizing: border-box !important;
	align-self: start !important;
	float: none !important;
	margin: 0 !important;
	font-family: var(--movin-ac-font-body) !important;
	color: var(--movin-ac-body) !important;
	font-size: 15px !important;
	line-height: 1.7 !important;
}

/* Top Vertical Alignment of Column Tops */
.woocommerce-account .ct-acount-nav,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
	margin-top: 0 !important;
}

/* Header Area: 24-28px padding bottom with 1px #ECE9E1 divider */
.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type {
	font-family: var(--movin-ac-font-heading) !important;
	font-size: 22px !important;
	font-weight: 600 !important;
	color: var(--movin-ac-heading) !important;
	line-height: 1.4 !important;
	margin: 0 0 28px 0 !important;
	padding: 0 0 24px 0 !important;
	border-bottom: 1px solid var(--movin-ac-border-subtle) !important;
}

.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type strong {
	color: var(--movin-ac-primary) !important;
	font-weight: 700 !important;
}

.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type a {
	font-family: var(--movin-ac-font-body) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: var(--movin-ac-muted) !important;
	text-decoration: underline !important;
	margin-inline-start: 6px !important;
	display: inline-block !important;
}

.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type a:hover {
	color: var(--movin-ac-gold) !important;
}

.woocommerce-account .woocommerce-MyAccount-content > h2:first-child,
.woocommerce-account .woocommerce-MyAccount-content > h3:first-child {
	font-family: var(--movin-ac-font-heading) !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	color: var(--movin-ac-heading) !important;
	margin: 0 0 28px 0 !important;
	padding: 0 0 24px 0 !important;
	border-bottom: 1px solid var(--movin-ac-border-subtle) !important;
}

/* Body Content: 28-32px spacing, readable max-width 1100px */
.woocommerce-account .woocommerce-MyAccount-content p {
	font-size: 15px !important;
	line-height: 1.75 !important;
	color: var(--movin-ac-body) !important;
	max-width: 1100px !important;
	margin-bottom: 24px !important;
}

.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.edit) {
	color: var(--movin-ac-primary) !important;
	font-weight: 500 !important;
	text-decoration: underline !important;
	text-decoration-color: rgba(41, 68, 55, 0.3) !important;
	transition: color 0.2s ease, text-decoration-color 0.2s ease !important;
}

.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.edit):hover {
	color: var(--movin-ac-gold) !important;
	text-decoration-color: var(--movin-ac-gold) !important;
}

/* ==================================================
   6. NOTICES & ALERT PANELS
   ================================================== */
.woocommerce-account .woocommerce-notices-wrapper {
	width: 100% !important;
	max-width: 100% !important;
	margin-bottom: 24px !important;
}

.woocommerce-account :is(.woocommerce-info, .woocommerce-message, .woocommerce-error) {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 16px !important;
	background: var(--movin-ac-surface-green) !important;
	border: 1px solid var(--movin-ac-border) !important;
	border-radius: 14px !important;
	padding: 18px 24px 18px 58px !important;
	color: var(--movin-ac-primary) !important;
	font-family: var(--movin-ac-font-body) !important;
	font-size: 15px !important;
	line-height: 1.6 !important;
	position: relative !important;
	margin-bottom: 28px !important;
	box-shadow: none !important;
}

.woocommerce-account :is(.woocommerce-info, .woocommerce-message, .woocommerce-error):before {
	position: absolute !important;
	font-family: 'woo' !important;
	content: '\e901' !important;
	font-size: 20px !important;
	color: var(--movin-ac-primary) !important;
	left: 22px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	margin: 0 !important;
	opacity: 1 !important;
}

.woocommerce-account .woocommerce-error {
	background: #FDF6F6 !important;
	border-color: #F0D5D5 !important;
	color: #9C2B2B !important;
}

.woocommerce-account .woocommerce-error:before {
	color: #9C2B2B !important;
}

.woocommerce-account :is(.woocommerce-info, .woocommerce-message, .woocommerce-error) .button {
	background: var(--movin-ac-primary) !important;
	color: var(--movin-ac-white) !important;
	border: none !important;
	border-radius: 10px !important;
	padding: 0 22px !important;
	height: 44px !important;
	min-height: 44px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-family: var(--movin-ac-font-body) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
	margin-inline-start: auto !important;
	order: 2 !important;
}

.woocommerce-account :is(.woocommerce-info, .woocommerce-message, .woocommerce-error) .button:hover {
	background: var(--movin-ac-primary-hover) !important;
	color: var(--movin-ac-white) !important;
	transform: translateY(-1px);
}

/* ==================================================
   7. ORDERS & DOWNLOADS TABLES
   ================================================== */
.woocommerce-account table.woocommerce-orders-table,
.woocommerce-account table.my_account_orders,
.woocommerce-account table.woocommerce-table--order-downloads,
.woocommerce-account table.shop_table {
	width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border: 1px solid var(--movin-ac-border) !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	background: var(--movin-ac-white) !important;
	margin-bottom: 28px !important;
	margin-top: 8px !important;
}

.woocommerce-account table.woocommerce-orders-table thead th,
.woocommerce-account table.my_account_orders thead th,
.woocommerce-account table.woocommerce-table--order-downloads thead th,
.woocommerce-account table.shop_table thead th {
	background: var(--movin-ac-surface-soft) !important;
	color: var(--movin-ac-muted) !important;
	font-family: var(--movin-ac-font-body) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
	padding: 16px 20px !important;
	border: none !important;
	border-bottom: 1px solid var(--movin-ac-border) !important;
	text-align: left !important;
}

.woocommerce-account table.woocommerce-orders-table tbody td,
.woocommerce-account table.my_account_orders tbody td,
.woocommerce-account table.woocommerce-table--order-downloads tbody td,
.woocommerce-account table.shop_table tbody td {
	padding: 18px 20px !important;
	color: var(--movin-ac-heading) !important;
	font-family: var(--movin-ac-font-body) !important;
	font-size: 14px !important;
	border: none !important;
	border-bottom: 1px solid var(--movin-ac-border-subtle) !important;
	vertical-align: middle !important;
}

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

.woocommerce-account table.woocommerce-orders-table tbody tr:hover td,
.woocommerce-account table.my_account_orders tbody tr:hover td,
.woocommerce-account table.woocommerce-table--order-downloads tbody tr:hover td {
	background: var(--movin-ac-surface-hover) !important;
}

.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a {
	color: var(--movin-ac-primary) !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a:hover {
	color: var(--movin-ac-gold) !important;
}

.woocommerce-account mark.order-status {
	background: var(--movin-ac-surface-green) !important;
	color: var(--movin-ac-primary) !important;
	padding: 5px 12px !important;
	border-radius: 20px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	text-transform: capitalize !important;
	display: inline-block !important;
	line-height: 1.4 !important;
}

.woocommerce-account mark.order-status.status-completed {
	background: #EEF7EE !important;
	color: #276738 !important;
}

.woocommerce-account mark.order-status.status-processing {
	background: #FFF8E6 !important;
	color: #9C6B10 !important;
}

.woocommerce-account mark.order-status.status-on-hold,
.woocommerce-account mark.order-status.status-pending {
	background: #F4F2EB !important;
	color: #7A7565 !important;
}

.woocommerce-account mark.order-status.status-cancelled,
.woocommerce-account mark.order-status.status-failed {
	background: #FDF0F0 !important;
	color: #A33A3A !important;
}

.woocommerce-account table.woocommerce-orders-table td .button,
.woocommerce-account table.my_account_orders td .button,
.woocommerce-account table.woocommerce-table--order-downloads td .button {
	background: var(--movin-ac-primary) !important;
	color: var(--movin-ac-white) !important;
	border: none !important;
	border-radius: 8px !important;
	padding: 8px 18px !important;
	font-family: var(--movin-ac-font-body) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all 0.2s ease !important;
	text-decoration: none !important;
}

.woocommerce-account table.woocommerce-orders-table td .button:hover,
.woocommerce-account table.my_account_orders td .button:hover,
.woocommerce-account table.woocommerce-table--order-downloads td .button:hover {
	background: var(--movin-ac-primary-hover) !important;
	color: var(--movin-ac-white) !important;
	transform: translateY(-1px);
}

/* ==================================================
   8. ADDRESSES ENDPOINT
   ================================================== */
.woocommerce-account .woocommerce-Addresses,
.woocommerce-account .u-columns.woocommerce-Addresses {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
	gap: 28px !important;
	margin-top: 24px !important;
}

.woocommerce-account .woocommerce-Address {
	background: var(--movin-ac-white) !important;
	border: 1px solid var(--movin-ac-border) !important;
	border-radius: 16px !important;
	padding: 28px 32px !important;
	box-sizing: border-box !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.woocommerce-account .woocommerce-Address:hover {
	border-color: var(--movin-ac-gold) !important;
}

.woocommerce-account .woocommerce-Address-title {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 16px !important;
	padding-bottom: 14px !important;
	border-bottom: 1px solid var(--movin-ac-border-subtle) !important;
}

.woocommerce-account .woocommerce-Address-title h3 {
	margin: 0 !important;
	font-family: var(--movin-ac-font-heading) !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	color: var(--movin-ac-heading) !important;
}

.woocommerce-account .woocommerce-Address-title .edit {
	font-family: var(--movin-ac-font-body) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--movin-ac-primary) !important;
	text-decoration: underline !important;
	text-decoration-color: rgba(41, 68, 55, 0.3) !important;
	transition: all 0.2s ease !important;
}

.woocommerce-account .woocommerce-Address-title .edit:hover {
	color: var(--movin-ac-gold) !important;
	text-decoration-color: var(--movin-ac-gold) !important;
}

.woocommerce-account .woocommerce-Address address {
	font-style: normal !important;
	font-family: var(--movin-ac-font-body) !important;
	font-size: 14px !important;
	line-height: 1.75 !important;
	color: var(--movin-ac-body) !important;
}

/* ==================================================
   9. FORMS & BUTTON SYSTEM
   ================================================== */
.woocommerce-account .woocommerce-EditAccountForm,
.woocommerce-account form.edit-account,
.woocommerce-account form[name="edit_address"] {
	max-width: 800px !important;
}

.woocommerce-account .woocommerce-form-row {
	margin-bottom: 22px !important;
}

.woocommerce-account .woocommerce-form-row label {
	font-family: var(--movin-ac-font-body) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: var(--movin-ac-heading) !important;
	margin-bottom: 8px !important;
	display: block !important;
}

.woocommerce-account .woocommerce-form-row label .required {
	color: #C24343 !important;
	font-weight: 600 !important;
	margin-left: 3px !important;
	text-decoration: none !important;
}

.woocommerce-account .woocommerce-EditAccountForm input[type="text"],
.woocommerce-account .woocommerce-EditAccountForm input[type="email"],
.woocommerce-account .woocommerce-EditAccountForm input[type="password"],
.woocommerce-account .woocommerce-address-fields input[type="text"],
.woocommerce-account .woocommerce-address-fields input[type="tel"],
.woocommerce-account .woocommerce-address-fields input[type="email"],
.woocommerce-account .woocommerce-address-fields select,
.woocommerce-account .woocommerce-Input,
.woocommerce-account .select2-container--default .select2-selection--single {
	height: 50px !important;
	line-height: 48px !important;
	border: 1px solid var(--movin-ac-border) !important;
	border-radius: 12px !important;
	background: var(--movin-ac-white) !important;
	color: var(--movin-ac-heading) !important;
	font-family: var(--movin-ac-font-body) !important;
	font-size: 14px !important;
	padding: 0 18px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
	outline: none !important;
	box-shadow: none !important;
}

.woocommerce-account .woocommerce-EditAccountForm input:focus,
.woocommerce-account .woocommerce-address-fields input:focus,
.woocommerce-account .woocommerce-address-fields select:focus,
.woocommerce-account .woocommerce-Input:focus,
.woocommerce-account .select2-container--default.select2-container--open .select2-selection--single {
	border-color: var(--movin-ac-primary) !important;
	box-shadow: 0 0 0 3px rgba(41, 68, 55, 0.12) !important;
}

.woocommerce-account fieldset {
	border: 1px solid var(--movin-ac-border) !important;
	border-radius: 16px !important;
	padding: 28px 32px !important;
	margin: 36px 0 30px 0 !important;
	background: var(--movin-ac-surface-soft) !important;
}

.woocommerce-account fieldset legend {
	font-family: var(--movin-ac-font-heading) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: var(--movin-ac-heading) !important;
	padding: 0 10px !important;
	background: transparent !important;
}

/* Primary MOVIN Buttons */
.woocommerce-account .button,
.woocommerce-account button[name="save_account_details"],
.woocommerce-account button[name="save_address"],
.woocommerce-account input.button {
	background: var(--movin-ac-primary) !important;
	color: var(--movin-ac-white) !important;
	border: none !important;
	border-radius: 12px !important;
	height: 50px !important;
	min-height: 50px !important;
	padding: 0 28px !important;
	font-family: var(--movin-ac-font-body) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

.woocommerce-account .button:hover,
.woocommerce-account button[name="save_account_details"]:hover,
.woocommerce-account button[name="save_address"]:hover,
.woocommerce-account input.button:hover {
	background: var(--movin-ac-primary-hover) !important;
	color: var(--movin-ac-white) !important;
	transform: translateY(-1px) !important;
}

.woocommerce-account .button:active,
.woocommerce-account button[name="save_account_details"]:active,
.woocommerce-account button[name="save_address"]:active {
	transform: translateY(0) !important;
}

/* ==================================================
   10. RESPONSIVE ARCHITECTURE
   ================================================== */
/* Tablet (768px – 1024px) */
@media (max-width: 1024px) {
	.woocommerce-account .ct-woo-account,
	.woocommerce-account .woocommerce:not(:has(.ct-woo-account)) {
		grid-template-columns: 280px minmax(0, 1fr) !important;
		column-gap: 24px !important;
		row-gap: 24px !important;
		padding: 28px 28px 48px 28px !important;
	}

	.woocommerce-account .ct-woo-account > .ct-acount-nav,
	.woocommerce-account .ct-woo-account > .woocommerce-MyAccount-navigation,
	.woocommerce-account .ct-acount-nav {
		width: 280px !important;
		max-width: 280px !important;
		padding: 14px !important;
	}

	.woocommerce-account .woocommerce-MyAccount-content {
		padding: 32px 32px !important;
	}
}

/* Mobile (< 768px) */
@media (max-width: 767px) {
	.woocommerce-account .ct-woo-account,
	.woocommerce-account .woocommerce:not(:has(.ct-woo-account)) {
		grid-template-columns: 1fr !important;
		column-gap: 0 !important;
		row-gap: 24px !important;
		padding: 24px 20px 48px 20px !important;
	}

	.woocommerce-account .ct-woo-account > .ct-acount-nav,
	.woocommerce-account .ct-woo-account > .woocommerce-MyAccount-navigation,
	.woocommerce-account .ct-acount-nav {
		width: 100% !important;
		max-width: 100% !important;
		padding: 12px !important;
		border-radius: 14px !important;
	}

	.woocommerce-account .ct-account-welcome {
		display: none !important;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation ul {
		display: flex !important;
		flex-direction: row !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
		scrollbar-width: thin !important;
		gap: 8px !important;
		padding-bottom: 4px !important;
		white-space: nowrap !important;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
		height: 3px !important;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar-thumb {
		background: var(--movin-ac-border) !important;
		border-radius: 3px !important;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation ul li {
		flex: 0 0 auto !important;
		width: auto !important;
		margin: 0 !important;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
		height: 48px !important;
		min-height: 48px !important;
		padding: 0 16px !important;
		font-size: 14px !important;
		border-radius: 10px !important;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation ul li a:before {
		font-size: 16px !important;
		width: 18px !important;
		min-width: 18px !important;
		height: 18px !important;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
		border-left: none !important;
		border-bottom: 3px solid var(--movin-ac-gold) !important;
		padding-inline-start: 16px !important;
	}

	.woocommerce-account .woocommerce-MyAccount-content {
		padding: 20px !important;
		border-radius: 14px !important;
	}

	.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type,
	.woocommerce-account .woocommerce-MyAccount-content > h2:first-child,
	.woocommerce-account .woocommerce-MyAccount-content > h3:first-child {
		font-size: 18px !important;
		padding-bottom: 16px !important;
		margin-bottom: 20px !important;
	}

	/* Responsive Order Tables */
	.woocommerce-account table.shop_table_responsive thead {
		display: none !important;
	}

	.woocommerce-account table.shop_table_responsive tr {
		display: block !important;
		margin-bottom: 16px !important;
		border: 1px solid var(--movin-ac-border) !important;
		border-radius: 12px !important;
		padding: 12px 16px !important;
	}

	.woocommerce-account table.shop_table_responsive td {
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		border: none !important;
		padding: 8px 0 !important;
		text-align: right !important;
	}

	.woocommerce-account table.shop_table_responsive td:not(:last-child) {
		border-bottom: 1px dashed var(--movin-ac-border-subtle) !important;
	}

	.woocommerce-account table.shop_table_responsive td:before {
		content: attr(data-title) !important;
		font-weight: 600 !important;
		color: var(--movin-ac-muted) !important;
		font-size: 12px !important;
		text-transform: uppercase !important;
		text-align: left !important;
		display: inline-block !important;
	}

	.woocommerce-account table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions:before {
		display: none !important;
	}

	.woocommerce-account table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions {
		justify-content: flex-end !important;
		padding-top: 12px !important;
	}

	.woocommerce-account :is(.woocommerce-info, .woocommerce-message, .woocommerce-error) {
		padding: 16px 18px 16px 52px !important;
		font-size: 14px !important;
	}

	.woocommerce-account :is(.woocommerce-info, .woocommerce-message, .woocommerce-error) .button {
		width: 100% !important;
		margin-top: 10px !important;
	}
}