/**
 * WooCommerce Account Styles - Techtronic Theme
 *
 * My Account shell, navigation, orders, view-order, addresses, and account forms.
 * Split from the former monolithic assets/css/woocommerce.css.
 *
 * @package Techtronic_Theme
 * @since 1.1.1
 */

/* ============================================
   MY ACCOUNT PAGE STYLES
   ============================================ */

/* My Account Page Container */
.techtronic-myaccount-page {
	padding-block: var(--spacing-12);
	min-height: calc(100vh - var(--navbar-height) - 200px);
}

/* Page Header */
.myaccount-page-header {
	text-align: center;
	margin-block-end: var(--spacing-8);
}

.myaccount-page-title {
	font-size: 2rem;
	font-weight: var(--weight-bold);
	color: var(--text-primary-dark);
	margin-block-end: var(--spacing-2);
}

.myaccount-page-subtitle {
	font-size: var(--text-base);
	color: var(--text-secondary-dark);
	margin: 0;
}

/* Two Column Grid Layout */
.myaccount-grid {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: var(--spacing-6);
	align-items: start;
}

@media (max-width: 991px) {
	.myaccount-grid {
		grid-template-columns: 1fr;
	}
}

/* ============================================
   NAVIGATION SIDEBAR
   ============================================ */

.myaccount-navigation-wrapper {
	position: sticky;
	top: calc(var(--navbar-height) + var(--spacing-6));
}

/* Mobile Menu Toggle */
.myaccount-menu-toggle {
	display: none;
	width: 100%;
	padding: var(--spacing-4);
	background: var(--surface-1);
	border: 1px solid var(--surface-2);
	border-radius: var(--radius-md);
	color: var(--text-primary-dark);
	font-weight: var(--weight-medium);
	cursor: pointer;
	align-items: center;
	gap: var(--spacing-3);
	transition: all 0.2s ease;
}

.myaccount-menu-toggle:hover {
	background: var(--surface-2);
}

.menu-toggle-icon {
	display: flex;
	align-items: center;
}

@media (max-width: 991px) {
	.myaccount-menu-toggle {
		display: flex;
	}

	.myaccount-navigation-inner {
		display: none;
		margin-block-start: var(--spacing-2);
	}

	.myaccount-navigation-inner.is-open {
		display: block;
	}

	.myaccount-navigation-wrapper {
		position: static;
	}
}

/* Account Navigation */
.techtronic-account-nav {
	background: var(--surface-1);
	border-radius: var(--radius-lg);
	padding: var(--spacing-4);
	border: 1px solid var(--surface-2);
}

.account-nav-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.account-nav-item {
	margin-block-end: var(--spacing-1);
}

.account-nav-item:last-child {
	margin-block-end: 0;
}

.account-nav-link {
	display: flex;
	align-items: center;
	gap: var(--spacing-3);
	padding: var(--spacing-3) var(--spacing-4);
	color: var(--text-secondary-dark);
	text-decoration: none;
	border-radius: var(--radius-md);
	font-weight: var(--weight-medium);
	font-size: var(--text-base);
	transition: all 0.2s ease;
	border-left: 3px solid transparent;
}

.account-nav-link:hover {
	background: var(--surface-2);
	color: var(--text-primary-dark);
}

/* Active State */
.account-nav-item.is-active .account-nav-link {
	background: rgba(6, 182, 212, 0.1);
	color: var(--primary-400);
	border-left-color: var(--primary-400);
}

/* Navigation Icons */
.nav-icon {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.nav-icon svg {
	width: 20px;
	height: 20px;
}

/* Logout Link Special Styling */
.account-nav-item.woocommerce-MyAccount-navigation-link--customer-logout .account-nav-link {
	color: var(--error-500);
}

.account-nav-item.woocommerce-MyAccount-navigation-link--customer-logout .account-nav-link:hover {
	background: rgba(239, 68, 68, 0.1);
}

/* ============================================
   CONTENT AREA
   ============================================ */

.myaccount-content-wrapper {
	min-width: 0;
}

.woocommerce-MyAccount-content {
	/* Content inherits card styling from individual sections */
}

/* ============================================
   ORDERS PAGE STYLES
   ============================================ */

.orders-content {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-6);
}

.orders-header {
	margin-block-end: var(--spacing-2);
}

.orders-title {
	font-size: 1.5rem;
	font-weight: var(--weight-semibold);
	color: var(--text-primary-dark);
	margin-block-end: var(--spacing-2);
}

.orders-description {
	color: var(--text-secondary-dark);
	margin: 0;
}

/* Orders Table Card */
.orders-table-card {
	padding: var(--spacing-6);
	overflow-x: auto;
}

.account-orders-table {
	width: 100%;
	border-collapse: collapse;
}

.account-orders-table thead th {
	font-weight: var(--weight-semibold);
	color: var(--gray-400);
	text-transform: uppercase;
	font-size: 0.75rem;
	letter-spacing: 0.05em;
	padding: var(--spacing-3) var(--spacing-4);
	text-align: left;
	border-bottom: 1px solid var(--gray-700);
}

.account-orders-table tbody th,
.account-orders-table tbody td {
	padding: var(--spacing-4);
	vertical-align: middle;
	border-bottom: 1px solid var(--gray-700);
	color: var(--gray-200);
	font-size: var(--text-sm);
}

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

/* Order Number Link */
.order-number-link {
	color: var(--primary-400);
	font-weight: var(--weight-semibold);
	text-decoration: none;
}

.order-number-link:hover {
	text-decoration: underline;
}

/* Order Status Badges */
.order-status {
	display: inline-block;
	padding: var(--spacing-1) var(--spacing-3);
	border-radius: 12px;
	font-size: 0.75rem;
	font-weight: var(--weight-semibold);
	text-transform: capitalize;
}

.order-status.status-completed {
	background: rgba(34, 197, 94, 0.1);
	color: #16a34a;
}

.order-status.status-processing {
	background: rgba(249, 115, 22, 0.1);
	color: #ea580c;
}

.order-status.status-pending,
.order-status.status-on-hold {
	background: rgba(234, 179, 8, 0.1);
	color: #ca8a04;
}

.order-status.status-cancelled,
.order-status.status-failed,
.order-status.status-refunded {
	background: rgba(239, 68, 68, 0.1);
	color: #dc2626;
}

/* Order Actions */
.order-actions-wrapper {
	display: flex;
	gap: var(--spacing-2);
	flex-wrap: wrap;
}

.btn-primary-sm,
.btn-secondary-sm {
	padding: var(--spacing-2) var(--spacing-3);
	font-size: var(--text-xs);
	font-weight: var(--weight-medium);
	border-radius: var(--radius-md);
	text-decoration: none;
	cursor: pointer;
	transition: all 0.2s ease;
}

.btn-primary-sm {
	background: linear-gradient(135deg, var(--primary-600), var(--primary-500));
	color: white;
	border: none;
}

.btn-primary-sm:hover {
	background: linear-gradient(135deg, var(--primary-700), var(--primary-600));
}

.btn-secondary-sm {
	background: transparent;
	color: var(--gray-200);
	border: 1px solid var(--gray-700);
}

.btn-secondary-sm:hover {
	border-color: var(--primary-500);
	color: var(--primary-400);
}

/* Orders Pagination */
.orders-pagination {
	display: flex;
	justify-content: center;
	gap: var(--spacing-4);
}

/* Empty Orders State */
.orders-empty {
	padding: var(--spacing-12) var(--spacing-6);
	text-align: center;
}

.empty-icon {
	margin-block-end: var(--spacing-4);
	color: var(--gray-500);
	opacity: 0.5;
}

.empty-title {
	font-size: 1.25rem;
	font-weight: var(--weight-semibold);
	color: var(--gray-100);
	margin-block-end: var(--spacing-3);
}

.empty-description {
	color: var(--gray-400);
	margin-block-end: var(--spacing-6);
}

/* ============================================
   VIEW ORDER STYLES
   ============================================ */

.view-order-content {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-6);
}

.order-summary-card {
	padding: var(--spacing-6);
}

.order-summary-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--spacing-4);
	margin-block-end: var(--spacing-4);
}

.order-summary-title {
	font-size: 1.5rem;
	font-weight: var(--weight-semibold);
	color: var(--gray-100);
	margin: 0;
}

.order-meta {
	color: var(--gray-400);
	margin: 0;
}

.order-meta mark {
	background: none;
	color: var(--gray-100);
	font-weight: var(--weight-medium);
}

/* Order Updates */
.order-updates-card {
	padding: var(--spacing-6);
}

.woocommerce-OrderUpdates {
	list-style: none;
	padding: 0;
	margin: 0;
}

.woocommerce-OrderUpdate {
	padding: var(--spacing-4);
	background: var(--surface-1);
	border-radius: var(--radius-md);
	margin-block-end: var(--spacing-3);
	border: 1px solid var(--gray-700);
}

.woocommerce-OrderUpdate:last-child {
	margin-block-end: 0;
}

.woocommerce-OrderUpdate-meta {
	font-size: var(--text-sm);
	color: var(--gray-400);
	margin-block-end: var(--spacing-2);
}

.woocommerce-OrderUpdate-description {
	color: var(--gray-200);
}

/* ============================================
   EDIT ACCOUNT FORM STYLES
   ============================================ */

.edit-account-content {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-6);
}

.account-section-header {
	margin-block-end: var(--spacing-2);
}

.section-description {
	color: var(--text-secondary-dark);
	margin: 0;
}

.edit-account-card {
	padding: var(--spacing-6);
}

.form-section {
	margin-block-end: var(--spacing-6);
}

.form-section-title {
	font-size: 1rem;
	font-weight: var(--weight-semibold);
	color: var(--gray-100);
	margin-block-end: var(--spacing-4);
	padding-block-end: var(--spacing-3);
	border-bottom: 1px solid var(--gray-700);
}

.form-row-group {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--spacing-4);
}

@media (max-width: 767px) {
	.form-row-group {
		grid-template-columns: 1fr;
	}
}

.techtronic-form-row {
	margin-block-end: var(--spacing-4);
}

.form-hint {
	display: block;
	margin-block-start: var(--spacing-2);
	font-size: var(--text-sm);
	color: var(--gray-500);
}

.password-fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

.password-fieldset legend {
	padding: 0;
	margin-block-end: var(--spacing-4);
	padding-block-end: var(--spacing-3);
	border-bottom: 1px solid var(--gray-700);
	width: 100%;
	color: var(--gray-100);
	font-weight: var(--weight-semibold);
}

.form-submit {
	margin-block-start: var(--spacing-6);
	padding-block-start: var(--spacing-6);
	border-top: 1px solid var(--gray-700);
}

/* ============================================
   ADDRESSES STYLES
   ============================================ */

.addresses-content {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-6);
}

.addresses-header {
	margin-block-end: var(--spacing-2);
}

.addresses-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--spacing-6);
}

.addresses-grid.col1-set {
	grid-template-columns: 1fr;
}

@media (max-width: 767px) {
	.addresses-grid {
		grid-template-columns: 1fr;
	}
}

.address-card {
	padding: var(--spacing-6);
}

.address-card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-block-end: var(--spacing-4);
	padding-block-end: var(--spacing-4);
	border-bottom: 1px solid var(--gray-700);
}

.address-type-title {
	font-size: 1rem;
	font-weight: var(--weight-semibold);
	color: var(--gray-100);
	margin: 0;
}

.address-content {
	font-style: normal;
	color: var(--gray-400);
	line-height: 1.6;
}

.no-address {
	color: var(--gray-500);
	font-style: italic;
}

/* Edit Address Form */
.edit-address-content {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-6);
}

.edit-address-card {
	padding: var(--spacing-6);
}

.address-form-title {
	font-size: 1.25rem;
	font-weight: var(--weight-semibold);
	color: var(--gray-100);
	margin-block-end: var(--spacing-6);
	padding-block-end: var(--spacing-4);
	border-bottom: 1px solid var(--gray-700);
}

/* ============================================
   MY ACCOUNT FORM INPUTS
   ============================================ */

/* Form Labels */
.woocommerce-MyAccount-content .form-label,
.woocommerce-MyAccount-content .woocommerce-form-row label {
	display: block;
	font-weight: var(--weight-medium);
	color: var(--gray-200);
	margin-block-end: var(--spacing-2);
	font-size: var(--text-sm);
}

/* Form Inputs */
.woocommerce-MyAccount-content .form-input,
.woocommerce-MyAccount-content .woocommerce-Input,
.woocommerce-MyAccount-content .input-text,
.woocommerce-MyAccount-content select {
	width: 100%;
	padding: var(--spacing-3) var(--spacing-4);
	border: 1px solid var(--gray-700);
	border-radius: var(--radius-md);
	font-size: var(--text-base);
	background: var(--surface-2);
	color: var(--gray-100);
	transition: all var(--duration-base) var(--ease-out);
}

.woocommerce-MyAccount-content .form-input:focus,
.woocommerce-MyAccount-content .woocommerce-Input:focus,
.woocommerce-MyAccount-content .input-text:focus,
.woocommerce-MyAccount-content select:focus {
	outline: none;
	border-color: var(--primary-500);
	box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.15);
}

.woocommerce-MyAccount-content input::placeholder,
.woocommerce-MyAccount-content textarea::placeholder {
	color: var(--gray-500);
}

/* Required Field Indicator */
.woocommerce-MyAccount-content .required {
	color: var(--error-500);
}

/* Default WooCommerce Form Field Styles for My Account */
.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="tel"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content input[type="number"],
.woocommerce-MyAccount-content textarea {
	width: 100%;
	padding: var(--spacing-3) var(--spacing-4);
	border: 1px solid var(--gray-700);
	border-radius: var(--radius-md);
	font-size: var(--text-base);
	font-family: inherit;
	background: var(--surface-2);
	color: var(--gray-100);
	transition: all var(--duration-base) var(--ease-out);
}

.woocommerce-MyAccount-content input[type="text"]:focus,
.woocommerce-MyAccount-content input[type="email"]:focus,
.woocommerce-MyAccount-content input[type="tel"]:focus,
.woocommerce-MyAccount-content input[type="password"]:focus,
.woocommerce-MyAccount-content input[type="number"]:focus,
.woocommerce-MyAccount-content textarea:focus {
	outline: none;
	border-color: var(--primary-500);
	box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.15);
}

/* Form Row Layout for My Account */
.woocommerce-MyAccount-content .woocommerce-form-row,
.woocommerce-MyAccount-content .form-row {
	margin-block-end: var(--spacing-4);
}

.woocommerce-MyAccount-content .form-row-first,
.woocommerce-MyAccount-content .form-row-last {
	width: 48%;
	display: inline-block;
	vertical-align: top;
}

.woocommerce-MyAccount-content .form-row-first {
	margin-right: 4%;
}

.woocommerce-MyAccount-content .form-row-wide {
	width: 100%;
}

@media (max-width: 767px) {
	.woocommerce-MyAccount-content .form-row-first,
	.woocommerce-MyAccount-content .form-row-last {
		width: 100%;
		display: block;
		margin-right: 0;
	}
}

/* Select2 for My Account */
.woocommerce-MyAccount-content .select2-container {
	width: 100% !important;
}

.woocommerce-MyAccount-content .select2-container .select2-selection--single {
	height: auto;
	padding: var(--spacing-3) var(--spacing-4);
	border: 1px solid var(--gray-700);
	border-radius: var(--radius-md);
	background: var(--surface-2);
}

.woocommerce-MyAccount-content .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--gray-100);
	line-height: normal;
	padding: 0;
}

.woocommerce-MyAccount-content .select2-container--default.select2-container--open .select2-selection--single {
	border-color: var(--primary-500);
	box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.15);
}

/* ============================================
   MY ACCOUNT BUTTONS
   ============================================ */

.woocommerce-MyAccount-content .btn-primary,
.woocommerce-MyAccount-content button.btn-primary,
.woocommerce-MyAccount-content .woocommerce-Button.btn-primary {
	display: inline-block;
	padding: var(--spacing-3) var(--spacing-6);
	background: linear-gradient(135deg, var(--primary-600), var(--primary-500));
	color: white;
	font-weight: var(--weight-semibold);
	text-align: center;
	text-decoration: none;
	border: none;
	border-radius: var(--radius-md);
	cursor: pointer;
	transition: all 0.2s ease;
	font-size: var(--text-base);
}

.woocommerce-MyAccount-content .btn-primary:hover,
.woocommerce-MyAccount-content button.btn-primary:hover,
.woocommerce-MyAccount-content .woocommerce-Button.btn-primary:hover {
	background: linear-gradient(135deg, var(--primary-700), var(--primary-600));
	transform: translateY(-2px);
	box-shadow:
		0 8px 24px rgba(6, 182, 212, 0.4),
		0 0 0 1px rgba(6, 182, 212, 0.2);
}

.woocommerce-MyAccount-content .btn-secondary {
	display: inline-block;
	padding: var(--spacing-3) var(--spacing-6);
	background: transparent;
	color: var(--gray-100);
	font-weight: var(--weight-medium);
	text-align: center;
	text-decoration: none;
	border: 1px solid var(--gray-700);
	border-radius: var(--radius-md);
	cursor: pointer;
	transition: all var(--duration-base) var(--ease-out);
}

.woocommerce-MyAccount-content .btn-secondary:hover {
	border-color: var(--primary-500);
	color: var(--primary-400);
	background: var(--surface-2);
}

/* Default WooCommerce Button Styles (fallback when custom classes not applied) */
.woocommerce-MyAccount-content button[type="submit"],
.woocommerce-MyAccount-content .woocommerce-button,
.woocommerce-MyAccount-content .button {
	display: inline-block;
	padding: var(--spacing-3) var(--spacing-6);
	background: linear-gradient(135deg, var(--primary-600), var(--primary-500));
	color: white;
	font-weight: var(--weight-semibold);
	text-align: center;
	text-decoration: none;
	border: none;
	border-radius: var(--radius-md);
	cursor: pointer;
	transition: all 0.2s ease;
	font-size: var(--text-base);
}

.woocommerce-MyAccount-content button[type="submit"]:hover,
.woocommerce-MyAccount-content .woocommerce-button:hover,
.woocommerce-MyAccount-content .button:hover {
	background: linear-gradient(135deg, var(--primary-700), var(--primary-600));
	transform: translateY(-2px);
	box-shadow:
		0 8px 24px rgba(6, 182, 212, 0.4),
		0 0 0 1px rgba(6, 182, 212, 0.2);
}

/* Default Checkout Button Styles */
.woocommerce-checkout button[type="submit"],
.woocommerce-checkout .woocommerce-button,
.woocommerce-checkout .button {
	display: inline-block;
	padding: var(--spacing-3) var(--spacing-6);
	background: linear-gradient(135deg, var(--primary-600), var(--primary-500));
	color: white;
	font-weight: var(--weight-semibold);
	text-align: center;
	text-decoration: none;
	border: none;
	border-radius: var(--radius-md);
	cursor: pointer;
	transition: all var(--duration-base) var(--ease-out);
	font-size: var(--text-base);
}

.woocommerce-checkout button[type="submit"]:hover,
.woocommerce-checkout .woocommerce-button:hover,
.woocommerce-checkout .button:hover {
	background: linear-gradient(135deg, var(--primary-700), var(--primary-600));
	transform: translateY(-2px);
	box-shadow:
		0 8px 24px rgba(6, 182, 212, 0.4),
		0 0 0 1px rgba(6, 182, 212, 0.2);
}

/* ============================================
   MY ACCOUNT RESPONSIVE STYLES
   ============================================ */

@media (max-width: 767px) {
	.techtronic-myaccount-page {
		padding-block: var(--spacing-6);
	}

	.myaccount-page-title {
		font-size: 1.5rem;
	}

	/* Mobile table styles */
	.account-orders-table,
	.account-orders-table thead,
	.account-orders-table tbody,
	.account-orders-table th,
	.account-orders-table td,
	.account-orders-table tr {
		display: block;
	}

	.account-orders-table thead {
		display: none;
	}

	.account-orders-table tbody tr {
		padding: var(--spacing-4);
		margin-block-end: var(--spacing-4);
		border: 1px solid var(--border-color);
		border-radius: var(--radius-md);
	}

	.account-orders-table tbody th,
	.account-orders-table tbody td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: var(--spacing-2) 0;
		border-bottom: none;
	}

	.account-orders-table tbody th::before,
	.account-orders-table tbody td::before {
		content: attr(data-title);
		font-weight: var(--weight-medium);
		color: var(--text-secondary-light);
	}

	/* Cards padding */
	.dashboard-welcome,
	.dashboard-info,
	.orders-table-card,
	.order-summary-card,
	.order-updates-card,
	.edit-account-card,
	.address-card,
	.edit-address-card,
	.login-card,
	.register-card {
		padding: var(--spacing-4);
	}
}

/* Orders page */
.orders-content {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-6);
}

.orders-header {
	margin-block-end: 0;
}

.orders-title {
	font-size: 1.5rem;
	font-weight: var(--weight-semibold);
	color: var(--gray-100);
	margin-block-end: var(--spacing-2);
}

.orders-description {
	color: var(--gray-400);
	margin: 0;
}

/* Orders table card */
.orders-table-card {
	padding: var(--spacing-5);
	overflow-x: auto;
}

/* Order actions wrapper */
.order-actions-wrapper {
	display: flex;
	gap: var(--spacing-2);
	flex-wrap: wrap;
}

/* Orders empty state */
.orders-empty {
	padding: var(--spacing-12) var(--spacing-6);
	text-align: center;
}

.orders-empty .empty-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	margin: 0 auto var(--spacing-4);
	background: linear-gradient(135deg, rgba(6, 182, 212, 0.1), rgba(6, 182, 212, 0.05));
	border-radius: var(--radius-full);
	border: 2px solid rgba(6, 182, 212, 0.2);
	color: var(--primary-400);
	opacity: 0.7;
}

.orders-empty .empty-title {
	font-size: 1.25rem;
	font-weight: var(--weight-semibold);
	color: var(--gray-100);
	margin-block-end: var(--spacing-3);
}

.orders-empty .empty-description {
	color: var(--gray-400);
	margin-block-end: var(--spacing-6);
	max-width: 400px;
	margin-inline: auto;
}

/* Pagination */
.orders-pagination {
	display: flex;
	justify-content: center;
	gap: var(--spacing-4);
	margin-block-start: var(--spacing-4);
}

@media (max-width: 991px) {
		/* My Account grid */
		.myaccount-grid {
			grid-template-columns: 1fr;
		}

		.myaccount-navigation-wrapper {
			position: static;
		}
}
@media (max-width: 767px) {
		/* Orders table mobile */
		.account-orders-table thead {
			display: none;
		}

		.account-orders-table,
		.account-orders-table tbody,
		.account-orders-table tr,
		.account-orders-table th,
		.account-orders-table td {
			display: block;
		}

		.account-orders-table tbody tr {
			padding: var(--spacing-4);
			margin-block-end: var(--spacing-3);
			border: 1px solid var(--gray-700);
			border-radius: var(--radius-md);
		}

		.account-orders-table tbody th,
		.account-orders-table tbody td {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: var(--spacing-2) 0;
			border-bottom: 1px solid rgba(148, 163, 184, 0.1);
		}

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

		.account-orders-table tbody th::before,
		.account-orders-table tbody td::before {
			content: attr(data-title);
			font-weight: var(--weight-medium);
			color: var(--gray-400);
			font-size: var(--text-sm);
		}

		/* Order actions on mobile */
		.order-actions-wrapper {
			flex-direction: column;
			width: 100%;
		}

		.order-actions-wrapper .btn-primary-sm,
		.order-actions-wrapper .btn-secondary-sm {
			width: 100%;
		}
}
.woocommerce-cart table.cart td.product-name a,
.woocommerce-account table.shop_table td a {
	font-weight: var(--weight-semibold);
	text-decoration: none;
}
.woocommerce-account .woocommerce {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: var(--spacing-6);
	align-items: start;
}

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

.woocommerce-account .woocommerce-MyAccount-navigation {
	padding: var(--spacing-3);
	position: sticky;
	top: calc(var(--navbar-height) + var(--spacing-6));
}

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

.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: flex;
	align-items: center;
	padding: var(--spacing-3) var(--spacing-4);
	border-radius: var(--radius-md);
	color: var(--gray-300);
	font-weight: var(--weight-semibold);
	text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
	background: rgba(6, 182, 212, 0.12);
	color: var(--primary-300);
}
@media (max-width: 1023px) {
		.woocommerce-account .woocommerce,
		.woocommerce-checkout .col2-set {
			display: block;
		}

		.woocommerce-cart .cart-collaterals .cart_totals,
		.woocommerce-account .woocommerce-MyAccount-navigation {
			position: static;
			margin-block-start: var(--spacing-6);
		}

		.woocommerce-account .woocommerce-MyAccount-navigation {
			margin-block: 0 var(--spacing-6);
		}
}
@media (max-width: 767px) {
		.woocommerce-page-wrapper > .woocommerce,
		.woocommerce-cart .woocommerce,
		.woocommerce-checkout .woocommerce,
		.woocommerce-account .woocommerce {
			width: min(100% - var(--spacing-4), var(--container-wide));
			padding-block: var(--spacing-8);
		}

		.woocommerce-cart .woocommerce-cart-form,
		.woocommerce-checkout form.checkout,
		.woocommerce-account .woocommerce-MyAccount-content {
			padding: var(--spacing-4);
		}

		.woocommerce-page-wrapper table.shop_table_responsive thead,
		.woocommerce-page-wrapper table.shop_table_responsive tbody th {
			display: none;
		}

		.woocommerce-page-wrapper table.shop_table_responsive tr,
		.woocommerce-page-wrapper table.shop_table_responsive td {
			display: block;
			width: 100%;
			text-align: right;
		}

		.woocommerce-page-wrapper table.shop_table_responsive td::before {
			content: attr(data-title) ": ";
			float: left;
			color: var(--gray-400);
			font-weight: var(--weight-bold);
		}
}