/**
 * My Account (login/register, dashboard, orders, addresses, details)
 * and the order-received page. WooCommerce's legacy CSS is not loaded.
 */

/* Shared: WooCommerce buttons, fields, tables ----------------------------------- */
.woocommerce-account .woocommerce .button,
.woocommerce-order-received .woocommerce .button,
.woocommerce-account .woocommerce-Button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-block-size: var(--az-tap);
	padding: 10px 22px;
	border: 0;
	border-radius: 999px;
	background: var(--az-ink);
	color: var(--az-white) !important;
	font: inherit;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
}

.woocommerce-account .woocommerce .button:hover,
.woocommerce-account .woocommerce-Button:hover {
	background: var(--az-ink-2);
}

.woocommerce-account .woocommerce-form-login__submit,
.woocommerce-account .woocommerce-form-register__submit {
	background: var(--az-orange) !important;
	color: var(--az-ink) !important;
}

.woocommerce-account .woocommerce-form-login__submit:hover,
.woocommerce-account .woocommerce-form-register__submit:hover {
	background: var(--az-orange-hover) !important;
}

.woocommerce-account .form-row,
.woocommerce-account .woocommerce-form-row {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0 0 14px;
}

.woocommerce-account label {
	font-size: 0.875rem;
	font-weight: 600;
}

.woocommerce-account .required {
	color: #b42318;
	text-decoration: none;
}

.woocommerce-account .woocommerce input.input-text,
.woocommerce-account .woocommerce select,
.woocommerce-account .woocommerce textarea {
	inline-size: 100%;
	min-block-size: var(--az-tap);
	padding: 8px 12px;
	border: 1px solid #cfcfcf;
	border-radius: 10px;
	background: var(--az-white);
	font: inherit;
	font-size: 1rem;
}

.woocommerce-account .woocommerce input.input-text:focus,
.woocommerce-account .woocommerce select:focus,
.woocommerce-account .woocommerce textarea:focus {
	border-color: var(--az-ink);
	outline: 2px solid var(--az-orange-soft);
}

.woocommerce-account fieldset {
	margin: 20px 0;
	padding: 16px;
	border: 1px solid var(--az-line);
	border-radius: var(--az-radius);
}

.woocommerce-account legend {
	padding-inline: 6px;
	font-weight: 700;
}

.woocommerce-account .password-input {
	position: relative;
	display: block;
}

.woocommerce-account .show-password-input {
	position: absolute;
	inset-block-start: 50%;
	inset-inline-end: 10px;
	inline-size: 32px;
	block-size: 32px;
	margin-block-start: -16px;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.woocommerce-account .show-password-input::after {
	content: "";
	display: block;
	inline-size: 20px;
	block-size: 20px;
	margin: auto;
	background: var(--az-muted);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
}

.woocommerce-account .show-password-input.display-password::after {
	background: var(--az-ink);
}

.shop_table,
.woocommerce-orders-table,
.woocommerce-table--order-details {
	inline-size: 100%;
	border-collapse: collapse;
	border: 1px solid var(--az-line);
	border-radius: var(--az-radius);
	overflow: hidden;
	background: var(--az-white);
	font-size: 0.9375rem;
}

.shop_table th,
.shop_table td {
	padding: 12px 14px;
	border-block-end: 1px solid var(--az-line);
	text-align: start;
	vertical-align: middle;
}

.shop_table thead th {
	background: var(--az-surface-2);
	font-size: 0.8125rem;
	font-weight: 700;
	color: var(--az-muted);
}

.shop_table tfoot th {
	font-weight: 600;
}

.shop_table a {
	color: var(--az-orange-text);
}

.woocommerce-orders-table__cell-order-actions .button {
	min-block-size: 36px !important;
	padding: 6px 14px !important;
	font-size: 0.8125rem;
}

/* Small screens: orders table becomes stacked cards */
@media (max-width: 767px) {
	.woocommerce-orders-table thead {
		display: none;
	}

	.woocommerce-orders-table tr {
		display: grid;
		padding: 8px 0;
		border-block-end: 1px solid var(--az-line);
	}

	.woocommerce-orders-table td,
	.woocommerce-orders-table th {
		display: flex;
		justify-content: space-between;
		gap: 12px;
		padding: 6px 14px;
		border: 0;
	}

	.woocommerce-orders-table td::before,
	.woocommerce-orders-table th::before {
		content: attr(data-title);
		color: var(--az-muted);
		font-weight: 600;
	}
}

/* Logged out: login + register --------------------------------------------------- */
.woocommerce-account:not(.logged-in) .az-page__content .woocommerce {
	max-inline-size: 960px;
}

.u-columns.col2-set {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 20px;
}

.u-columns.col2-set > div,
.woocommerce-form-login:only-child {
	padding: clamp(18px, 3vw, 28px);
	border: 1px solid var(--az-line);
	border-radius: var(--az-radius-lg);
	background: var(--az-white);
}

.u-columns.col2-set h2,
.woocommerce-account:not(.logged-in) .woocommerce > h2 {
	margin: 0 0 16px;
	font-size: 1.25rem;
}

.u-columns.col2-set form {
	margin: 0;
	padding: 0;
	border: 0;
}

.woocommerce-form-login__rememberme {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center;
	gap: 8px;
	margin-block-end: 12px;
	font-weight: 400 !important;
}

.woocommerce-LostPassword a {
	color: var(--az-orange-text);
	font-size: 0.875rem;
}

.woocommerce-privacy-policy-text {
	color: var(--az-muted);
	font-size: 0.8125rem;
}

/* Logged in: navigation + content ---------------------------------------------- */
.woocommerce-account.logged-in .az-page__content .woocommerce {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 20px;
}

.woocommerce-MyAccount-navigation ul {
	display: flex;
	gap: 8px;
	margin: 0;
	padding: 0 0 4px;
	overflow-x: auto;
	list-style: none;
	scrollbar-width: none;
}

.woocommerce-MyAccount-navigation a {
	--az-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='13' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='4' y='13' width='7' height='7' rx='1.5'/%3E%3Crect x='13' y='13' width='7' height='7' rx='1.5'/%3E%3C/svg%3E");
	display: flex;
	align-items: center;
	gap: 10px;
	min-block-size: var(--az-tap);
	padding-inline: 14px;
	border: 1px solid var(--az-line);
	border-radius: 10px;
	background: var(--az-white);
	color: var(--az-ink);
	font-weight: 600;
	white-space: nowrap;
	text-decoration: none;
}

.woocommerce-MyAccount-navigation a::before {
	content: "";
	inline-size: 20px;
	block-size: 20px;
	flex-shrink: 0;
	background: currentColor;
	-webkit-mask: var(--az-nav-icon) center / contain no-repeat;
	mask: var(--az-nav-icon) center / contain no-repeat;
}

.woocommerce-MyAccount-navigation-link--dashboard a { --az-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-7 9 7M5 9.5V20h14V9.5'/%3E%3Cpath d='M10 20v-5h4v5'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--orders a { --az-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v10H3zM14 9h4l3 3v4h-7'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--edit-address a { --az-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--edit-account a { --az-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--az-wishlist a { --az-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--customer-logout a { --az-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 4h4v16h-4M10 8l-4 4 4 4M6 12h10'/%3E%3C/svg%3E"); }

.woocommerce-MyAccount-navigation a:hover {
	border-color: var(--az-orange);
}

.woocommerce-MyAccount-navigation .is-active a {
	border-color: var(--az-ink);
	background: var(--az-ink);
	color: var(--az-white);
}

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

.woocommerce-MyAccount-content {
	min-inline-size: 0;
	padding: clamp(16px, 2.5vw, 28px);
	border: 1px solid var(--az-line);
	border-radius: var(--az-radius-lg);
	background: var(--az-white);
}

.woocommerce-MyAccount-content > p:first-child {
	margin-block-start: 0;
}

.woocommerce-MyAccount-content mark {
	padding: 0 4px;
	border-radius: 4px;
	background: var(--az-orange-tint);
	color: var(--az-ink);
	font-weight: 700;
}

/* Dashboard tiles */
.az-acc-dash__hello {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
	margin: 0 0 18px;
	font-size: 1.25rem;
}

.az-acc-dash__logout {
	color: var(--az-orange-text);
	font-size: 0.875rem;
}

.az-acc-tiles {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.az-acc-tile {
	display: flex;
	align-items: center;
	gap: 14px;
	block-size: 100%;
	padding: 18px;
	border: 1px solid var(--az-line);
	border-radius: var(--az-radius);
	color: var(--az-ink);
	text-decoration: none;
	transition: border-color 0.15s, box-shadow 0.15s;
}

.az-acc-tile:hover {
	border-color: var(--az-orange);
	box-shadow: var(--az-shadow-card);
	color: var(--az-ink);
}

.az-acc-tile__icon {
	display: grid;
	flex-shrink: 0;
	place-items: center;
	inline-size: 52px;
	block-size: 52px;
	border-radius: 14px;
	background: var(--az-orange-tint);
	color: var(--az-orange-text);
}

.az-acc-tile__icon .az-icon {
	inline-size: 26px;
	block-size: 26px;
}

.az-acc-tile__copy {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.az-acc-tile__copy span {
	color: var(--az-muted);
	font-size: 0.8125rem;
}

/* Addresses */
.woocommerce-Addresses.col2-set {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 16px;
}

.woocommerce-Address {
	padding: 16px;
	border: 1px solid var(--az-line);
	border-radius: var(--az-radius);
}

.woocommerce-Address-title {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
}

.woocommerce-Address-title h2 {
	margin: 0 0 8px;
	font-size: 1.0625rem;
}

.woocommerce-Address-title a {
	color: var(--az-orange-text);
	font-size: 0.875rem;
}

address {
	font-style: normal;
	line-height: 1.8;
}

/* Order received (thank-you) -------------------------------------------------- */
.woocommerce-order {
	display: grid;
	gap: 20px;
}

.woocommerce-thankyou-order-received {
	margin: 0;
	padding: 18px 20px;
	border: 1px solid var(--az-line);
	border-inline-start: 4px solid var(--az-success);
	border-radius: var(--az-radius);
	background: var(--az-white);
	font-size: 1.125rem;
	font-weight: 700;
}

.woocommerce-order-overview {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-order-overview li {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 14px;
	border: 1px solid var(--az-line);
	border-radius: var(--az-radius);
	background: var(--az-white);
	color: var(--az-muted);
	font-size: 0.8125rem;
}

.woocommerce-order-overview strong {
	color: var(--az-ink);
	font-size: 1rem;
}

.woocommerce-order-details__title,
.woocommerce-column__title {
	margin: 8px 0 12px;
	font-size: 1.25rem;
}

.woocommerce-customer-details address {
	padding: 16px;
	border: 1px solid var(--az-line);
	border-radius: var(--az-radius);
	background: var(--az-white);
}

/* ======================================================================== */
@media (min-width: 768px) {
	.u-columns.col2-set {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.woocommerce-account.logged-in .az-page__content .woocommerce {
		grid-template-columns: 250px minmax(0, 1fr);
		align-items: start;
		gap: 28px;
	}

	.woocommerce-MyAccount-navigation ul {
		flex-direction: column;
		overflow: visible;
	}
}