/* Woo My Account re-skin (Mallow rework, owner-approved mock 5).
   Skin only — the endpoint nav + tables stay Woo's structure. */

body.woocommerce-account {
	overflow-x: clip;
}

/* ── Baloo title in a dark zone + seam (the cart-page pattern) ── */
body.woocommerce-account h1.wp-block-post-title {
	position: relative;
	z-index: 0;
	font-family: 'Baloo 2', 'Inter', sans-serif;
	font-size: 30px;
	font-weight: 800;
	color: #FEE7B1;
	padding: 4px 0 42px;
	margin-bottom: 8px;
}

body.woocommerce-account h1.wp-block-post-title::before {
	content: '';
	position: absolute;
	inset: -120px calc(50% - 50vw - 10px) 26px;
	background: #0E0B09;
	z-index: -1;
}

body.woocommerce-account h1.wp-block-post-title::after {
	content: '';
	position: absolute;
	left: calc(50% - 50vw - 10px);
	right: calc(50% - 50vw - 10px);
	bottom: 0;
	height: 26px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1180 26' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1180 V8 Q1150,26 1120,8 Q1090,26 1060,8 Q1030,26 1000,8 Q970,26 940,8 Q910,26 880,8 Q850,26 820,8 Q790,26 760,8 Q730,26 700,8 Q670,26 640,8 Q610,26 580,8 Q550,26 520,8 Q490,26 460,8 Q430,26 400,8 Q370,26 340,8 Q310,26 280,8 Q250,26 220,8 Q190,26 160,8 Q130,26 100,8 Q70,26 40,8 Q10,26 0,8 Z' fill='%230E0B09'/%3E%3C/svg%3E");
	background-size: 100% 26px;
}

/* ── The endpoint nav = a marshmallow rail ── */
.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 12px;
	background: #FFFDF6;
	border: 1.5px solid #E9D6AC;
	border-radius: 19px 23px 20px 24px;
}

.woocommerce-MyAccount-navigation li {
	/* !important: the theme block-gap inflates list-item margins.
	   font-size 0 collapses the whitespace text nodes that inflated each
	   li ~33px past its anchor (the a restores its own size). */
	margin: 0 0 4px !important;
	font-size: 0;
	line-height: 0;
}

.woocommerce-MyAccount-navigation li a {
	display: block;
	line-height: 1.4;
	font-size: 14px;
	font-weight: 600;
	color: #422623;
	text-decoration: none;
	padding: 9px 14px;
	border-radius: 12px 15px 11px 14px;
	transition: background .12s ease, transform .12s ease;
}

.woocommerce-MyAccount-navigation li a:hover {
	background: #FBEBC9;
	transform: scale(1.02, .98);
}

.woocommerce-MyAccount-navigation li.is-active a {
	background: #422623;
	color: #FEE7B1;
	font-weight: 700;
}

.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a {
	color: #B22765;
}

/* ── Content headings + text ── */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
	font-family: 'Baloo 2', 'Inter', sans-serif;
	font-weight: 800;
	color: #2B1714;
}

.woocommerce-MyAccount-content a:not(.woocommerce-button) {
	color: #0E93A6;
}

/* ── The orders table reads as marshmallow rows ── */
.woocommerce-orders-table thead {
	display: none;
}

.woocommerce-orders-table {
	border: 0 !important;
	border-collapse: separate;
	border-spacing: 0 10px;
}

.woocommerce-orders-table tbody tr {
	background: #FFFDF6;
}

.woocommerce-orders-table tbody tr td {
	border-top: 1.5px solid #E9D6AC !important;
	border-bottom: 1.5px solid #E9D6AC !important;
	border-left: 0 !important;
	border-right: 0 !important;
	padding: 14px 10px !important;
	vertical-align: middle;
}

.woocommerce-orders-table tbody tr td:first-child {
	border-left: 1.5px solid #E9D6AC !important;
	border-radius: 17px 0 0 22px;
	padding-left: 18px !important;
}

.woocommerce-orders-table tbody tr td:last-child {
	border-right: 1.5px solid #E9D6AC !important;
	border-radius: 0 21px 16px 0;
	padding-right: 18px !important;
}

.woocommerce-orders-table__cell-order-number a {
	font-family: 'Baloo 2', 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 800;
	color: #2B1714 !important;
	text-decoration: none;
}

.woocommerce-orders-table__cell-order-date {
	font-size: 13px;
	font-weight: 600;
	color: #8a6a52;
}

/* Status pills via the row's --status-* class (the tone grammar). */
.woocommerce-orders-table__cell-order-status {
	font-size: 12px;
	font-weight: 700;
}

.woocommerce-orders-table__row .woocommerce-orders-table__cell-order-status {
	color: #0B7C8D; /* in-flight default (processing / on-hold / pending) */
}

.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status {
	color: #422623;
}

.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status {
	color: #B22765;
}

.woocommerce-orders-table__cell-order-total {
	font-family: 'Baloo 2', 'Inter', sans-serif;
	font-weight: 800;
	color: #2B1714;
}

/* ── Buttons + forms ── */
.woocommerce-MyAccount-content .woocommerce-button,
.woocommerce-MyAccount-content button[type='submit'],
.woocommerce-account .woocommerce-form-login button[type='submit'],
.woocommerce-account .woocommerce-form-register button[type='submit'] {
	background: #422623 !important;
	color: #FEE7B1 !important;
	border: none !important;
	border-radius: 13px 16px 12px 15px !important;
	font-weight: 700 !important;
	transition: transform .12s ease, box-shadow .12s ease;
}

.woocommerce-MyAccount-content .woocommerce-button:hover,
.woocommerce-MyAccount-content button[type='submit']:hover {
	transform: scale(1.03, .97);
	box-shadow: 0 4px 0 #E9B45C;
}

.woocommerce-account .woocommerce-form input[type='text'],
.woocommerce-account .woocommerce-form input[type='email'],
.woocommerce-account .woocommerce-form input[type='password'],
.woocommerce-account .woocommerce-form input[type='tel'],
.woocommerce-MyAccount-content input[type='text'],
.woocommerce-MyAccount-content input[type='email'],
.woocommerce-MyAccount-content input[type='password'],
.woocommerce-MyAccount-content input[type='tel'],
.woocommerce-MyAccount-content select {
	background: #FFFDF6;
	border: 1.5px solid #E9D6AC;
	border-radius: 12px 15px 11px 14px;
	color: #422623;
	padding: 10px 13px;
}

.woocommerce-MyAccount-content input:focus,
.woocommerce-MyAccount-content select:focus {
	outline: none;
	border-color: #2BC3D8;
	box-shadow: 0 0 0 2px rgba(43, 195, 216, .28);
}

/* Address boxes as cards. */
.woocommerce-Addresses .woocommerce-Address,
.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
	background: #FFFDF6;
	border: 1.5px solid #E9D6AC;
	border-radius: 17px 21px 16px 22px;
	padding: 16px 18px;
}

@media (prefers-reduced-motion: reduce) {
	.woocommerce-MyAccount-navigation li a,
	.woocommerce-MyAccount-content .woocommerce-button {
		transition: none;
	}

	.woocommerce-MyAccount-navigation li a:hover,
	.woocommerce-MyAccount-content .woocommerce-button:hover {
		transform: none;
	}
}

/* ── Logged-out login + register columns (registration enabled 2026-07-20).
   Woo's two-column #customer_login floats were unstyled — render both
   forms as marshmallow cards, side by side desktop, stacked mobile. ── */
.woocommerce-account #customer_login {
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
	margin-bottom: 28px;
}

.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .u-column2 {
	flex: 1 1 340px;
	float: none;
	width: auto;
	max-width: 100%;
	margin: 0;
	background: #FFFDF6;
	border: 1.5px solid #E9D6AC;
	border-radius: 19px 23px 20px 24px;
	box-shadow: 0 6px 0 rgba(233, 180, 92, .25);
	padding: 20px 22px 22px;
}

.woocommerce-account #customer_login h2 {
	font-family: 'Baloo 2', 'Inter', sans-serif;
	font-size: 22px;
	font-weight: 800;
	color: #422623;
	margin: 0 0 12px;
}

.woocommerce-account #customer_login form.woocommerce-form {
	border: none;
	padding: 0;
	margin: 0;
}

.woocommerce-account #customer_login .woocommerce-privacy-policy-text,
.woocommerce-account #customer_login .woocommerce-form-register p:not([class]) {
	font-size: 13px;
	color: #8a6a52;
}

.woocommerce-account #customer_login .lost_password a {
	color: #0B7C8D;
	font-weight: 600;
}

/* ── Cross-brand banner above login/register (same as wp-login) ── */
.woocommerce-account .mw-crossbrand {
	background: #FFF7E3;
	border: 1.5px solid #E9D6AC;
	border-radius: 21px 17px 22px 18px;
	box-shadow: 0 5px 0 rgba(233, 180, 92, .25);
	padding: 16px 18px 14px;
	margin: 0 auto 22px;
	max-width: 420px;
	text-align: center;
	transform: rotate(-.6deg);
}

.woocommerce-account .mw-crossbrand-marks {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-bottom: 8px;
}

.woocommerce-account .mw-crossbrand-marks img {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #FFFDF6;
	border: 1.5px solid #E9D6AC;
	object-fit: contain;
}

.woocommerce-account .mw-crossbrand-plus {
	font-family: 'Baloo 2', 'Inter', sans-serif;
	font-size: 26px;
	font-weight: 800;
	color: #E9B45C;
	line-height: 1;
}

.woocommerce-account .mw-crossbrand-line {
	font-family: 'Baloo 2', 'Inter', sans-serif;
	font-size: 18px;
	font-weight: 800;
	color: #422623;
	margin: 0;
	line-height: 1.25;
}

.woocommerce-account .mw-crossbrand-sub {
	font-size: 12.5px;
	color: #8a6a52;
	margin: 4px 0 0;
}

@media (prefers-reduced-motion: reduce) {
	.woocommerce-account .mw-crossbrand {
		transform: none;
	}
}