/* ==========================================================================
   Otherwise — My Account
   Native WooCommerce account functionality, dark styling. No default blue.
   ========================================================================== */

body.ow.woocommerce-account .woocommerce {
	max-width: var(--ow-container);
	margin-inline: auto;
	padding-inline: var(--ow-gutter);
	padding-bottom: var(--ow-section);
}

/* ---- Logged-in dashboard ------------------------------------------------- */

body.ow .woocommerce-MyAccount-navigation {
	float: none;
	width: auto;
	margin-bottom: var(--ow-space-6);
}

body.ow .woocommerce-MyAccount-navigation ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ow-space-2);
	margin: 0;
	padding: 0;
	list-style: none;
}

body.ow .woocommerce-MyAccount-navigation li a {
	display: inline-flex;
	align-items: center;
	min-height: 42px;
	padding: 0 var(--ow-space-4);
	border: 1px solid var(--ow-border);
	border-radius: var(--ow-radius-sm);
	color: var(--ow-muted);
	font-size: var(--ow-fs-xs);
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	transition:
		border-color var(--ow-dur-fast) var(--ow-ease),
		color var(--ow-dur-fast) var(--ow-ease),
		background-color var(--ow-dur-fast) var(--ow-ease);
}

body.ow .woocommerce-MyAccount-navigation li a:hover {
	border-color: var(--ow-border-strong);
	color: var(--ow-text);
}

body.ow .woocommerce-MyAccount-navigation li.is-active a {
	background: var(--ow-accent);
	border-color: var(--ow-accent);
	color: var(--ow-on-accent);
}

body.ow .woocommerce-MyAccount-content {
	float: none;
	width: auto;
	padding-top: var(--ow-space-5);
	border-top: var(--ow-hairline);
}

body.ow .woocommerce-MyAccount-content > p { color: var(--ow-muted); }
body.ow .woocommerce-MyAccount-content mark {
	background: transparent;
	color: var(--ow-accent);
	font-weight: 800;
}

/* ---- Orders table -------------------------------------------------------- */

body.ow .woocommerce-orders-table,
body.ow .woocommerce-table--order-details,
body.ow .woocommerce-table--downloads {
	width: 100%;
	border-collapse: collapse;
}

body.ow .woocommerce-orders-table th,
body.ow .woocommerce-table--order-details th {
	padding: 0 var(--ow-space-3) var(--ow-space-3) 0;
	border: 0;
	border-bottom: 1px solid var(--ow-border);
	font-size: var(--ow-fs-xs);
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--ow-muted);
	text-align: left;
}

body.ow .woocommerce-orders-table td,
body.ow .woocommerce-table--order-details td {
	padding: var(--ow-space-4) var(--ow-space-3) var(--ow-space-4) 0;
	border: 0;
	border-bottom: 1px solid var(--ow-border);
	font-size: var(--ow-fs-sm);
	background: transparent;
}

body.ow .woocommerce-orders-table__cell-order-actions .button,
body.ow .woocommerce-MyAccount-content .button,
body.ow .woocommerce-Address .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 var(--ow-space-4);
	border: 1px solid var(--ow-border-strong);
	border-radius: var(--ow-radius-sm);
	background: transparent;
	color: var(--ow-text);
	font-size: var(--ow-fs-xs);
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	cursor: pointer;
	transition: border-color var(--ow-dur-fast) var(--ow-ease), color var(--ow-dur-fast) var(--ow-ease);
}

body.ow .woocommerce-MyAccount-content .button:hover,
body.ow .woocommerce-Address .button:hover {
	border-color: var(--ow-accent);
	color: var(--ow-accent);
}

/* ---- Addresses ----------------------------------------------------------- */

body.ow .woocommerce-Addresses {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--ow-space-5);
	margin-top: var(--ow-space-5);
}

body.ow .woocommerce-Address {
	width: auto;
	float: none;
	padding: var(--ow-space-5);
	border: var(--ow-hairline);
	border-radius: var(--ow-radius);
	background: var(--ow-surface);
}

body.ow .woocommerce-Address-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ow-space-3);
	margin-bottom: var(--ow-space-4);
}

body.ow .woocommerce-Address-title h2,
body.ow .woocommerce-Address-title h3 {
	margin: 0;
	font-size: var(--ow-fs-h4);
	text-transform: uppercase;
}

body.ow .woocommerce-Address address {
	font-style: normal;
	color: var(--ow-muted);
	line-height: var(--ow-lh-body);
}

@media (max-width: 700px) {
	body.ow .woocommerce-Addresses { grid-template-columns: minmax(0, 1fr); }
}

/* ---- Login / register / reset ------------------------------------------- */

body.ow.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-notices-wrapper,
body.ow .ow-account-auth {
	max-width: var(--ow-container-narrow);
	margin-inline: auto;
}

body.ow .u-columns.col2-set,
body.ow.woocommerce-account .col2-set {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1.5rem, 3vw, 3rem);
	max-width: var(--ow-container-narrow);
	margin-inline: auto;
}

body.ow .u-columns .col-1,
body.ow .u-columns .col-2 {
	width: auto;
	float: none;
}

body.ow form.woocommerce-form-login,
body.ow form.woocommerce-form-register,
body.ow form.woocommerce-ResetPassword,
body.ow form.edit-account,
body.ow form.woocommerce-address-fields {
	padding: var(--ow-space-6);
	border: var(--ow-hairline);
	border-radius: var(--ow-radius);
	background: var(--ow-surface);
}

body.ow form.woocommerce-form-login .form-row,
body.ow form.woocommerce-form-register .form-row,
body.ow form.edit-account .form-row {
	margin-bottom: var(--ow-space-4);
}

body.ow .woocommerce-form-login__submit,
body.ow .woocommerce-form-register__submit,
body.ow .woocommerce-Button,
body.ow form.edit-account button[type="submit"],
body.ow form.woocommerce-ResetPassword button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 0 var(--ow-space-6);
	border: 1px solid var(--ow-accent);
	border-radius: var(--ow-radius);
	background: var(--ow-accent);
	color: var(--ow-on-accent);
	font-family: var(--ow-font-body);
	font-size: var(--ow-fs-sm);
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color var(--ow-dur) var(--ow-ease);
}

body.ow .woocommerce-form-login__submit:hover,
body.ow .woocommerce-form-register__submit:hover,
body.ow .woocommerce-Button:hover {
	background: var(--ow-accent-dim);
	border-color: var(--ow-accent-dim);
}

/* WooCommerce's show/hide password toggle ships with a blue chip background.
   Reduce it to a quiet icon button sitting inside the field. */
body.ow .password-input {
	display: block;
	position: relative;
	width: 100%;
}

body.ow .password-input input { padding-right: 52px; }

body.ow .show-password-input {
	position: absolute;
	top: 50%;
	right: var(--ow-space-3);
	transform: translateY(-50%);
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	border-radius: var(--ow-radius-sm);
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.6;
	cursor: pointer;
	transition: opacity var(--ow-dur-fast) var(--ow-ease);
}

body.ow .show-password-input:hover,
body.ow .show-password-input.display-password {
	background-color: transparent;
	opacity: 1;
}

body.ow .woocommerce-form-login__rememberme {
	display: inline-flex;
	align-items: center;
	gap: var(--ow-space-2);
	margin-bottom: var(--ow-space-4);
	font-size: var(--ow-fs-sm);
	letter-spacing: 0;
	text-transform: none;
	color: var(--ow-muted);
}

body.ow .woocommerce-LostPassword {
	margin-top: var(--ow-space-4);
	font-size: var(--ow-fs-xs);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

body.ow .woocommerce-LostPassword a { color: var(--ow-muted); }
body.ow .woocommerce-LostPassword a:hover { color: var(--ow-accent); }

body.ow .woocommerce-privacy-policy-text {
	font-size: var(--ow-fs-xs);
	color: var(--ow-muted);
}

body.ow .woocommerce-privacy-policy-text a { color: var(--ow-accent); }

body.ow fieldset {
	margin-top: var(--ow-space-6);
	padding: var(--ow-space-5);
	border: var(--ow-hairline);
	border-radius: var(--ow-radius-sm);
}

body.ow fieldset legend {
	padding-inline: var(--ow-space-2);
	font-size: var(--ow-fs-xs);
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--ow-muted);
}

@media (max-width: 760px) {
	body.ow .u-columns.col2-set,
	body.ow.woocommerce-account .col2-set {
		grid-template-columns: minmax(0, 1fr);
	}

	body.ow .woocommerce-orders-table thead { display: none; }

	body.ow .woocommerce-orders-table,
	body.ow .woocommerce-orders-table tbody,
	body.ow .woocommerce-orders-table tr,
	body.ow .woocommerce-orders-table td {
		display: block;
		width: 100%;
	}

	body.ow .woocommerce-orders-table tr {
		padding: var(--ow-space-4) 0;
		border-bottom: 1px solid var(--ow-border);
	}

	body.ow .woocommerce-orders-table td {
		display: flex;
		justify-content: space-between;
		gap: var(--ow-space-4);
		padding: var(--ow-space-1) 0;
		border: 0;
	}

	body.ow .woocommerce-orders-table td::before {
		content: attr(data-title);
		font-size: var(--ow-fs-xs);
		font-weight: 800;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		color: var(--ow-muted);
	}
}