/* Kitchenu — WooCommerce My Account (Win11 card style) */

body.woocommerce-account {
	background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%) !important;
}

body.woocommerce-account .page-wrapper {
	padding-top: 8px !important;
}

body.woocommerce-account #main .container {
	width: 100% !important;
	max-width: 1180px !important;
	padding-inline: 16px !important;
}

/* Page title */
body.woocommerce-account .my-account-header.page-title {
	margin: 0 0 18px !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
}

body.woocommerce-account .my-account-header .page-title-inner {
	max-width: 1180px !important;
	margin: 0 auto !important;
	padding: 18px 20px !important;
	border: 1px solid rgba(255, 255, 255, 0.78) !important;
	border-radius: 20px !important;
	background: rgba(255, 255, 255, 0.9) !important;
	backdrop-filter: blur(20px) saturate(165%) !important;
	-webkit-backdrop-filter: blur(20px) saturate(165%) !important;
	box-shadow:
		0 1px 2px rgba(15, 23, 42, 0.04),
		0 12px 32px rgba(15, 23, 42, 0.07),
		inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

body.woocommerce-account .my-account-header h1 {
	margin: 0 !important;
	color: #0f172a !important;
	font-size: clamp(20px, 2.4vw, 26px) !important;
	font-weight: 900 !important;
	line-height: 1.35 !important;
}

body.woocommerce-account .my-account-header .uppercase {
	display: inline-block !important;
	margin-top: 6px !important;
	padding: 4px 10px !important;
	border-radius: 999px !important;
	background: linear-gradient(135deg, #fff7ed 0%, #ffffff 100%) !important;
	border: 1px solid #fed7aa !important;
	color: #c2410c !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 0 !important;
}

/* Main layout */
body.woocommerce-account .row.vertical-tabs {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 18px !important;
	margin: 0 !important;
}

body.woocommerce-account .row.vertical-tabs > .col {
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
}

body.woocommerce-account .row.vertical-tabs > .col-border {
	border: none !important;
	box-shadow: none !important;
}

@media (min-width: 850px) {
	body.woocommerce-account .row.vertical-tabs {
		flex-wrap: nowrap !important;
		align-items: flex-start !important;
	}

	body.woocommerce-account .row.vertical-tabs > .large-3 {
		flex: 0 0 280px !important;
		max-width: 280px !important;
		width: 280px !important;
	}

	body.woocommerce-account .row.vertical-tabs > .large-9 {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		width: auto !important;
		max-width: none !important;
	}
}

/* Sidebar card */
body.woocommerce-account .row.vertical-tabs > .large-3 > .account-user,
body.woocommerce-account .row.vertical-tabs > .large-3 > .woocommerce-MyAccount-navigation {
	margin: 0 !important;
}

body.woocommerce-account .account-user.circle {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin: 0 0 12px !important;
	padding: 16px !important;
	border: 1px solid rgba(226, 232, 240, 0.95) !important;
	border-radius: 18px !important;
	background: rgba(255, 255, 255, 0.92) !important;
	box-shadow:
		0 1px 2px rgba(15, 23, 42, 0.04),
		0 10px 28px rgba(15, 23, 42, 0.06),
		inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

body.woocommerce-account .account-user .image {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 48px !important;
	height: 48px !important;
	border-radius: 14px !important;
	background: linear-gradient(145deg, #eff6ff 0%, #ffffff 100%) !important;
	border: 1px solid #bfdbfe !important;
	overflow: hidden !important;
}

body.woocommerce-account .account-user .image:empty::before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2'%3E%3Cpath d='M20 21a8 8 0 10-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center/contain no-repeat;
}

body.woocommerce-account .account-user .user-name {
	color: #0f172a !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	line-height: 1.4 !important;
}

body.woocommerce-account .account-user .user-id {
	display: block !important;
	margin-top: 2px !important;
	color: #94a3b8 !important;
	font-size: 11px !important;
	font-style: normal !important;
	font-weight: 700 !important;
}

/* Account navigation */
body.woocommerce-account .woocommerce-MyAccount-navigation {
	margin: 0 !important;
	padding: 14px !important;
	border: 1px solid rgba(226, 232, 240, 0.95) !important;
	border-radius: 20px !important;
	background: rgba(255, 255, 255, 0.92) !important;
	box-shadow:
		0 1px 2px rgba(15, 23, 42, 0.04),
		0 10px 28px rgba(15, 23, 42, 0.06),
		inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

body.woocommerce-account .account-nav.nav-vertical,
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	border: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li::before,
body.woocommerce-account .woocommerce-MyAccount-navigation li::after {
	display: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	width: 100% !important;
	min-height: 46px !important;
	padding: 10px 14px !important;
	border: 1px solid transparent !important;
	border-radius: 14px !important;
	background: transparent !important;
	color: #475569 !important;
	font-size: 13.5px !important;
	font-weight: 800 !important;
	line-height: 1.4 !important;
	text-decoration: none !important;
	transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
	background: #f8fafc !important;
	border-color: #e2e8f0 !important;
	color: #0f172a !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation-link.active a {
	background: linear-gradient(135deg, #fff7ed 0%, #ffffff 100%) !important;
	border-color: #fed7aa !important;
	color: #c2410c !important;
	box-shadow: 0 4px 14px rgba(245, 158, 11, 0.12) !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a {
	color: #dc2626 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
	background: #fef2f2 !important;
	border-color: #fecaca !important;
	color: #b91c1c !important;
}

/* Content card */
body.woocommerce-account .woocommerce-MyAccount-content {
	margin: 0 !important;
	padding: 20px 18px !important;
	border: 1px solid rgba(255, 255, 255, 0.78) !important;
	border-radius: 20px !important;
	background: rgba(255, 255, 255, 0.92) !important;
	backdrop-filter: blur(18px) saturate(160%) !important;
	-webkit-backdrop-filter: blur(18px) saturate(160%) !important;
	box-shadow:
		0 1px 2px rgba(15, 23, 42, 0.04),
		0 12px 32px rgba(15, 23, 42, 0.07),
		inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

body.woocommerce-account .woocommerce-MyAccount-content > p {
	color: #334155 !important;
	font-size: 14px !important;
	line-height: 1.9 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content a {
	color: #ea580c !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-content a:hover {
	color: #c2410c !important;
	text-decoration: underline !important;
}

/* Dashboard quick links */
body.woocommerce-account .dashboard-links {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 12px !important;
	margin: 18px 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.woocommerce-account .dashboard-links > li {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
}

body.woocommerce-account .dashboard-links > li.woocommerce-MyAccount-navigation-link--dashboard {
	display: none !important;
}

body.woocommerce-account .dashboard-links > li > a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 74px !important;
	padding: 14px 16px !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 16px !important;
	background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%) !important;
	color: #0f172a !important;
	font-size: 14px !important;
	font-weight: 900 !important;
	line-height: 1.45 !important;
	text-align: center !important;
	text-decoration: none !important;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.98) inset,
		0 6px 18px rgba(15, 23, 42, 0.05) !important;
	transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease !important;
}

body.woocommerce-account .dashboard-links > li > a:hover {
	border-color: #fdba74 !important;
	background: linear-gradient(135deg, #fff7ed 0%, #ffffff 100%) !important;
	color: #c2410c !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 10px 24px rgba(249, 115, 22, 0.12) !important;
}

/* Orders table */
body.woocommerce-account .woocommerce-orders-table,
body.woocommerce-account table.shop_table {
	width: 100% !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 16px !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	overflow: hidden !important;
	background: #ffffff !important;
}

body.woocommerce-account .woocommerce-orders-table thead th,
body.woocommerce-account table.shop_table thead th {
	padding: 12px 14px !important;
	border: none !important;
	border-bottom: 1px solid #e2e8f0 !important;
	background: #f8fafc !important;
	color: #0f172a !important;
	font-size: 12.5px !important;
	font-weight: 900 !important;
	text-align: right !important;
}

body.woocommerce-account .woocommerce-orders-table tbody td,
body.woocommerce-account table.shop_table tbody td {
	padding: 12px 14px !important;
	border: none !important;
	border-bottom: 1px solid #f1f5f9 !important;
	color: #334155 !important;
	font-size: 13px !important;
	vertical-align: middle !important;
}

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

body.woocommerce-account .woocommerce-orders-table .button,
body.woocommerce-account table.shop_table .button {
	min-height: 36px !important;
	padding: 0 14px !important;
	border-radius: 10px !important;
	border: 1px solid #fed7aa !important;
	background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%) !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	box-shadow: 0 6px 16px rgba(249, 115, 22, 0.2) !important;
}

/* Forms */
body.woocommerce-account .woocommerce-EditAccountForm,
body.woocommerce-account .woocommerce-address-fields,
body.woocommerce-account .woocommerce-ResetPassword {
	display: grid !important;
	gap: 12px !important;
}

body.woocommerce-account .woocommerce-form-row {
	margin: 0 !important;
}

body.woocommerce-account .woocommerce-form-row label {
	display: block !important;
	margin-bottom: 6px !important;
	color: #0f172a !important;
	font-size: 13px !important;
	font-weight: 800 !important;
}

body.woocommerce-account .woocommerce-Input,
body.woocommerce-account .input-text,
body.woocommerce-account select,
body.woocommerce-account textarea {
	width: 100% !important;
	min-height: 46px !important;
	padding: 10px 14px !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	background: #ffffff !important;
	color: #0f172a !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}

body.woocommerce-account .woocommerce-Input:focus,
body.woocommerce-account .input-text:focus,
body.woocommerce-account select:focus,
body.woocommerce-account textarea:focus {
	border-color: #fdba74 !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.18) !important;
}

body.woocommerce-account button.button,
body.woocommerce-account .woocommerce-Button.button {
	min-height: 46px !important;
	padding: 0 20px !important;
	border: none !important;
	border-radius: 12px !important;
	background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%) !important;
	color: #ffffff !important;
	font-size: 14px !important;
	font-weight: 900 !important;
	box-shadow: 0 8px 20px rgba(249, 115, 22, 0.24) !important;
}

body.woocommerce-account fieldset {
	margin: 0 !important;
	padding: 16px !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 16px !important;
	background: #f8fafc !important;
}

body.woocommerce-account fieldset legend {
	padding: 0 8px !important;
	color: #0f172a !important;
	font-size: 14px !important;
	font-weight: 900 !important;
}

/* Login / register (logged out) */
body.woocommerce-account:not(.logged-in) .u-columns,
body.woocommerce-account:not(.logged-in) #customer_login {
	display: grid !important;
	gap: 18px !important;
}

@media (min-width: 850px) {
	body.woocommerce-account:not(.logged-in) .u-columns.col2-set {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

body.woocommerce-account:not(.logged-in) .u-column1,
body.woocommerce-account:not(.logged-in) .u-column2,
body.woocommerce-account:not(.logged-in) .col-1,
body.woocommerce-account:not(.logged-in) .col-2 {
	width: 100% !important;
	max-width: 100% !important;
	padding: 20px 18px !important;
	border: 1px solid rgba(255, 255, 255, 0.78) !important;
	border-radius: 20px !important;
	background: rgba(255, 255, 255, 0.92) !important;
	box-shadow: 0 12px 32px rgba(15, 23, 42, 0.07) !important;
}

body.woocommerce-account:not(.logged-in) h2 {
	margin: 0 0 14px !important;
	color: #0f172a !important;
	font-size: 18px !important;
	font-weight: 900 !important;
}

/* Mobile */
@media (max-width: 849px) {
	body.woocommerce-account .my-account-header .page-title-inner {
		padding: 14px 16px !important;
		border-radius: 18px !important;
	}

	body.woocommerce-account .row.vertical-tabs {
		gap: 14px !important;
	}

	body.woocommerce-account .account-nav.nav-vertical,
	body.woocommerce-account .woocommerce-MyAccount-navigation ul {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 8px !important;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation {
		padding: 12px !important;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation a {
		min-height: 42px !important;
		padding: 8px 10px !important;
		font-size: 12px !important;
		justify-content: center !important;
		text-align: center !important;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout {
		grid-column: 1 / -1 !important;
	}

	body.woocommerce-account .woocommerce-MyAccount-content {
		padding: 16px 14px !important;
	}

	body.woocommerce-account .dashboard-links {
		grid-template-columns: 1fr !important;
	}

	body.woocommerce-account .woocommerce-orders-table {
		display: block !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
	}
}

@media (max-width: 359px) {
	body.woocommerce-account .account-nav.nav-vertical,
	body.woocommerce-account .woocommerce-MyAccount-navigation ul {
		grid-template-columns: 1fr !important;
	}
}