/* Feramo V2 – My Account stylesheet (WooCommerce my account page, all endpoints, login, registration and lost password screens): title band, account shell and navigation, dashboard (shortcuts, recent orders, appointment), status badges, orders, view order, addresses, forms, and the auth card (login, registration page creer-un-compte, lost password). Loaded after woocommerce.css (form fields: section 14) and, on view order, order-details.css. Enqueued on account pages only; the shell, navigation and endpoint rules are scoped under .woocommerce-account, while the feramo-account-*, feramo-auth-* and status components are unscoped. */

/* 1. Title band */
.feramo-account-header {
	background: var(--feramo-ivory);
	border-bottom: 1px solid var(--feramo-line-warm);
}

.feramo-account-header__inner {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-block: 44px;
}

.feramo-account-header__eyebrow {
	margin: 0;
	font-size: 12px;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--feramo-copper-dark);
}

.feramo-account-header__title {
	margin: 0;
	font-family: var(--feramo-font-serif);
	font-size: 48px;
	font-weight: 400;
	line-height: 1.1;
}

.feramo-account-header__title em {
	color: var(--feramo-copper-dark);
}

.feramo-account-header__switch {
	margin: 0;
	color: var(--feramo-muted);
	font-size: 14px;
}

.feramo-account-header__switch a {
	color: var(--feramo-ink);
	text-decoration: underline;
}

.feramo-account-header__switch a:hover {
	color: var(--feramo-copper-dark);
}

/* 2. Account shell */
.woocommerce-account:not(.feramo-account-auth) .entry-content > .woocommerce {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 40px 64px;
	box-sizing: border-box;
	max-width: var(--feramo-container);
	margin-inline: auto;
	padding: 48px var(--feramo-gutter) 104px;
}

.woocommerce-account:not(.feramo-account-auth) .entry-content > .woocommerce > :not(.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content) {
	flex: 1 1 100%;
}

.woocommerce-account .woocommerce-MyAccount-content {
	display: flex;
	flex: 1 1 640px;
	flex-direction: column;
	gap: 32px;
	min-width: 0;
}

.woocommerce-account.woocommerce-dashboard .woocommerce-MyAccount-content {
	gap: 40px;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
	display: none;
}

.woocommerce-account .woocommerce-MyAccount-content :is(.woocommerce-info, .woocommerce-message, .woocommerce-error) {
	margin: 0;
}

/* WooCommerce greeting: shown in the title band instead. */
.woocommerce-account.woocommerce-dashboard .woocommerce-MyAccount-content > p:first-of-type:has(> strong) {
	display: none;
}

.woocommerce-account.woocommerce-dashboard .woocommerce-MyAccount-content > p {
	max-width: 720px;
	margin: 0;
	color: var(--feramo-body);
	font-size: 15px;
	line-height: 1.8;
}

/* 3. Navigation */
.woocommerce-account .woocommerce-MyAccount-navigation {
	flex: 0 1 260px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 20px;
	border-radius: var(--feramo-radius-pill);
	color: var(--feramo-ink);
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation a::before {
	content: "";
	flex: none;
	width: 18px;
	height: 18px;
	background: currentColor;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
	background: var(--feramo-ivory);
	color: var(--feramo-ink);
}

.woocommerce-account .woocommerce-MyAccount-navigation a[aria-current="page"] {
	background: var(--feramo-ink);
	color: #fff;
}

.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout::before {
	content: "";
	display: block;
	height: 1px;
	margin: 4px 20px 10px;
	background: var(--feramo-line);
}

.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout a {
	color: var(--feramo-muted);
}

.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
	color: var(--feramo-ink);
}

.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout a[aria-current="page"] {
	color: #fff;
}

/* Icons: the default (dot, unknown plugin endpoints) comes first, the endpoint rules are more specific. */
.woocommerce-account .woocommerce-MyAccount-navigation a::before {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%222%22/%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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%222%22/%3E%3C/svg%3E") center / contain no-repeat;
}

.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--dashboard a::before {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect%20x=%223%22%20y=%223%22%20width=%227%22%20height=%227%22%20rx=%221%22/%3E%3Crect%20x=%2214%22%20y=%223%22%20width=%227%22%20height=%227%22%20rx=%221%22/%3E%3Crect%20x=%223%22%20y=%2214%22%20width=%227%22%20height=%227%22%20rx=%221%22/%3E%3Crect%20x=%2214%22%20y=%2214%22%20width=%227%22%20height=%227%22%20rx=%221%22/%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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect%20x=%223%22%20y=%223%22%20width=%227%22%20height=%227%22%20rx=%221%22/%3E%3Crect%20x=%2214%22%20y=%223%22%20width=%227%22%20height=%227%22%20rx=%221%22/%3E%3Crect%20x=%223%22%20y=%2214%22%20width=%227%22%20height=%227%22%20rx=%221%22/%3E%3Crect%20x=%2214%22%20y=%2214%22%20width=%227%22%20height=%227%22%20rx=%221%22/%3E%3C/svg%3E") center / contain no-repeat;
}

.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--orders a::before {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath%20d=%22M5%208h14l-1%2013H6L5%208z%22/%3E%3Cpath%20d=%22M9%208V6a3%203%200%20016%200v2%22/%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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath%20d=%22M5%208h14l-1%2013H6L5%208z%22/%3E%3Cpath%20d=%22M9%208V6a3%203%200%20016%200v2%22/%3E%3C/svg%3E") center / contain no-repeat;
}

.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-address a::before {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath%20d=%22M12%2021s-7-6.2-7-11a7%207%200%200114%200c0%204.8-7%2011-7%2011z%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2210%22%20r=%222.5%22/%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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath%20d=%22M12%2021s-7-6.2-7-11a7%207%200%200114%200c0%204.8-7%2011-7%2011z%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2210%22%20r=%222.5%22/%3E%3C/svg%3E") center / contain no-repeat;
}

.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--payment-methods a::before {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect%20x=%223%22%20y=%225%22%20width=%2218%22%20height=%2214%22%20rx=%222%22/%3E%3Cpath%20d=%22M3%2010h18%22/%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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect%20x=%223%22%20y=%225%22%20width=%2218%22%20height=%2214%22%20rx=%222%22/%3E%3Cpath%20d=%22M3%2010h18%22/%3E%3C/svg%3E") center / contain no-repeat;
}

.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-account a::before {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle%20cx=%2212%22%20cy=%228%22%20r=%224%22/%3E%3Cpath%20d=%22M4%2021c1.5-4%204.5-6%208-6s6.5%202%208%206%22/%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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle%20cx=%2212%22%20cy=%228%22%20r=%224%22/%3E%3Cpath%20d=%22M4%2021c1.5-4%204.5-6%208-6s6.5%202%208%206%22/%3E%3C/svg%3E") center / contain no-repeat;
}

.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout a::before {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath%20d=%22M15%204h4v16h-4%22/%3E%3Cpath%20d=%22M10%208l-4%204%204%204%22/%3E%3Cpath%20d=%22M6%2012h10%22/%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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath%20d=%22M15%204h4v16h-4%22/%3E%3Cpath%20d=%22M10%208l-4%204%204%204%22/%3E%3Cpath%20d=%22M6%2012h10%22/%3E%3C/svg%3E") center / contain no-repeat;
}

.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--downloads a::before {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath%20d=%22M12%204v11%22/%3E%3Cpath%20d=%22M7%2010l5%205%205-5%22/%3E%3Cpath%20d=%22M5%2020h14%22/%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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath%20d=%22M12%204v11%22/%3E%3Cpath%20d=%22M7%2010l5%205%205-5%22/%3E%3Cpath%20d=%22M5%2020h14%22/%3E%3C/svg%3E") center / contain no-repeat;
}

/* 4. Dashboard shortcuts */
.feramo-account-shortcuts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.feramo-account-shortcut {
	display: flex;
	flex-direction: column;
	gap: 12px;
	height: 100%;
	box-sizing: border-box;
	padding: 28px;
	border: 1px solid var(--feramo-line);
	border-radius: 8px;
	color: var(--feramo-ink);
	text-decoration: none;
}

.feramo-account-shortcut:hover {
	border-color: var(--feramo-ink);
	color: var(--feramo-ink);
}

.feramo-account-shortcut__icon {
	color: var(--feramo-copper-dark);
}

.feramo-account-shortcut__icon svg {
	width: 26px;
	height: 26px;
}

.feramo-account-shortcut__body {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.feramo-account-shortcut__title {
	font-family: var(--feramo-font-serif);
	font-size: 22px;
}

.feramo-account-shortcut__text {
	color: var(--feramo-muted);
	font-size: 13px;
	line-height: 1.6;
}

.feramo-account-shortcut__chevron {
	display: none;
}

/* 5. Orders table (dashboard block and orders endpoint) */
.feramo-account-orders__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 16px;
}

.feramo-account-orders__title {
	margin: 0;
	font-family: var(--feramo-font-serif);
	font-size: 28px;
	font-weight: 400;
}

.feramo-account-orders__all {
	padding: 10px 0;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.woocommerce-account .woocommerce-orders-table {
	display: block;
	width: 100%;
	border: 1px solid var(--feramo-line);
	border-radius: 8px;
	border-collapse: separate;
	overflow: hidden;
}

.woocommerce-account .woocommerce-orders-table thead,
.woocommerce-account .woocommerce-orders-table tbody {
	display: block;
}

.woocommerce-account .woocommerce-orders-table tr {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
	align-items: center;
	gap: 16px;
	padding: 18px 24px;
}

.woocommerce-account .woocommerce-orders-table thead tr {
	padding: 14px 24px 11px;
	background: var(--feramo-ivory);
	color: var(--feramo-muted);
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.woocommerce-account .woocommerce-orders-table th {
	padding: 0;
	border: 0;
	font-family: var(--feramo-font-sans);
	font-weight: 400;
	text-align: left;
}

.woocommerce-account .woocommerce-orders-table td {
	padding: 0;
	border: 0;
}

.woocommerce-account .woocommerce-orders-table tbody tr {
	border-top: 1px solid var(--feramo-line);
	font-size: 14px;
}

.woocommerce-account .woocommerce-orders-table tbody th {
	font-weight: 600;
}

.woocommerce-account .woocommerce-orders-table .nobr {
	white-space: inherit;
}

.woocommerce-account .woocommerce-orders-table a {
	color: var(--feramo-ink);
}

.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__header-order-actions,
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions {
	text-align: right;
}

.woocommerce-account .woocommerce-orders-table a.button,
.woocommerce-account .woocommerce-pagination a.button {
	display: inline-block;
	margin-left: 8px;
	padding: 9px 20px;
	border: 1px solid var(--feramo-ink);
	border-radius: var(--feramo-radius-pill);
	background: transparent;
	color: var(--feramo-ink);
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
}

.woocommerce-account .woocommerce-orders-table a.button:first-child {
	margin-left: 0;
}

.woocommerce-account .woocommerce-orders-table a.button:hover,
.woocommerce-account .woocommerce-pagination a.button:hover {
	background: var(--feramo-ink);
	color: #fff;
}

.woocommerce-account .woocommerce-pagination {
	display: flex;
	gap: 12px;
	margin-top: 24px;
}

.woocommerce-account .woocommerce-pagination a.button {
	margin-left: 0;
	min-height: 44px;
	box-sizing: border-box;
	line-height: 24px;
}

/* 6. Status badge */
.feramo-status,
mark.feramo-status {
	display: inline-block;
	padding: 6px 12px;
	border-radius: var(--feramo-radius-pill);
	background: #f3ebe4;
	color: #7a4a33;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2;
	white-space: nowrap;
}

.feramo-status--completed {
	background: #e9efe6;
	color: #3d5a32;
}

.feramo-status--cancelled,
.feramo-status--refunded,
.feramo-status--failed,
.feramo-status--checkout-draft {
	background: #efedea;
	color: var(--feramo-muted);
}

/* 7. Appointment band */
.feramo-account-appointment {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 36px 40px;
	border-radius: 8px;
	background: var(--feramo-anthracite);
	color: #fff;
}

.feramo-account-appointment__body {
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: 520px;
}

.feramo-account-appointment__eyebrow {
	margin: 0;
	font-size: 12px;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--feramo-copper);
}

.feramo-account-appointment__title {
	margin: 0;
	color: #fff;
	font-family: var(--feramo-font-serif);
	font-size: 30px;
	font-weight: 400;
	line-height: 1.15;
}

.feramo-account-appointment__title em {
	color: var(--feramo-copper);
}

.feramo-account-appointment__text {
	margin: 0;
	color: var(--feramo-footer-text);
	font-size: 14px;
	line-height: 1.7;
}

.feramo-account-appointment__cta {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 30px;
	border-radius: var(--feramo-radius-pill);
	background: #fff;
	color: var(--feramo-ink);
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
}

.feramo-account-appointment__cta svg {
	width: 16px;
	height: 16px;
}

.feramo-account-appointment__cta:hover {
	background: var(--feramo-copper);
	color: var(--feramo-ink);
}

/* 8. View order */
.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content > p:has(> mark) {
	margin: 0;
	color: var(--feramo-body);
	font-size: 15px;
	line-height: 1.8;
}

.woocommerce-account mark.order-number,
.woocommerce-account mark.order-date {
	background: none;
	color: var(--feramo-ink);
	font-weight: 600;
}

.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content > h2 {
	margin: 0;
	font-family: var(--feramo-font-serif);
	font-size: 24px;
}

.woocommerce-account ol.woocommerce-OrderUpdates {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-account .woocommerce-OrderUpdate {
	padding: 16px 20px;
	border-radius: 8px;
	background: var(--feramo-ivory);
	font-size: 14px;
}

.woocommerce-account .woocommerce-OrderUpdate-meta {
	margin: 0 0 6px 12px;
	color: var(--feramo-muted);
}

.woocommerce-account .woocommerce-OrderUpdate .clear {
	display: none;
}

.woocommerce-account .woocommerce-customer-details {
	margin-top: 0;
}

/* 9. Addresses */
.woocommerce-account .woocommerce-Addresses {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.woocommerce-account .woocommerce-Addresses .u-column1,
.woocommerce-account .woocommerce-Addresses .u-column2,
.woocommerce-account .woocommerce-Addresses .col-1,
.woocommerce-account .woocommerce-Addresses .col-2 {
	float: none;
	width: auto;
}

.woocommerce-account .woocommerce-Addresses:not(:has(.woocommerce-Address ~ .woocommerce-Address)) {
	grid-template-columns: minmax(0, 1fr);
}

.woocommerce-account .woocommerce-Address {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 24px;
	border: 1px solid var(--feramo-line);
	border-radius: 8px;
}

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

.woocommerce-account .woocommerce-Address-title h2 {
	margin: 0;
	font-family: var(--feramo-font-serif);
	font-size: 22px;
}

.woocommerce-account .woocommerce-Address-title a.edit {
	color: var(--feramo-ink);
	font-size: 13px;
	font-weight: 500;
	text-decoration: underline;
}

.woocommerce-account .woocommerce-Address-title a.edit:hover {
	color: var(--feramo-copper-dark);
}

.woocommerce-account .woocommerce-Address address {
	margin: 0;
	color: var(--feramo-body);
	font-size: 14px;
	font-style: normal;
	line-height: 1.8;
}

.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content > p {
	margin: 0;
	color: var(--feramo-body);
	font-size: 14px;
}

/* 10. Forms (fields: woocommerce.css section 14) */
.woocommerce-account .woocommerce-MyAccount-content form {
	max-width: 720px;
	margin: 0;
}

.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form > h2 {
	margin: 0 0 20px;
	font-family: var(--feramo-font-serif);
	font-size: 28px;
}

.woocommerce-account .woocommerce-address-fields > p:last-child {
	margin: 28px 0 0;
}

.woocommerce-account form.edit-account {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.woocommerce-account form.edit-account > * {
	grid-column: 1 / -1;
	margin: 0;
}

.woocommerce-account form.edit-account .form-row {
	display: flex;
	flex-direction: column;
	gap: 8px;
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
}

.woocommerce-account form.edit-account > .form-row-first,
.woocommerce-account form.edit-account > .form-row-last {
	grid-column: auto;
}

.woocommerce-account form.edit-account .clear {
	display: none;
}

.woocommerce-account form.edit-account #account_display_name_description {
	color: var(--feramo-muted);
	font-size: 12px;
}

.woocommerce-account form.edit-account #account_display_name_description em {
	font-style: normal;
}

.woocommerce-account form.edit-account fieldset {
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
	margin: 8px 0 0;
	padding: 24px 0 0;
	border: 0;
	border-top: 1px solid var(--feramo-line);
}

.woocommerce-account form.edit-account legend {
	float: left;
	width: 100%;
	margin-bottom: 0;
	padding: 0;
	font-family: var(--feramo-font-serif);
	font-size: 22px;
}

.woocommerce-account form.edit-account .form-row label:has(> input[type="radio"], > input[type="checkbox"]) {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
}

.woocommerce-account form.edit-account > p:not(.form-row) {
	font-size: 14px;
}

.woocommerce-account .woocommerce-MyAccount-content button.button,
.woocommerce-account .woocommerce-MyAccount-content > a.button,
.woocommerce-account #add_payment_method #place_order {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 52px;
	padding: 0 32px;
	border: 0;
	border-radius: var(--feramo-radius-pill);
	background: var(--feramo-ink);
	color: #fff;
	font: inherit;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-decoration: none;
	cursor: pointer;
}

.woocommerce-account .woocommerce-MyAccount-content > a.button {
	align-self: flex-start;
}

.woocommerce-account .woocommerce-MyAccount-content button.button:hover,
.woocommerce-account .woocommerce-MyAccount-content > a.button:hover,
.woocommerce-account #add_payment_method #place_order:hover {
	background: var(--feramo-copper-dark);
	color: #fff;
}

.woocommerce-account #add_payment_method #payment ul.payment_methods {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

.woocommerce-account #add_payment_method #payment ul.payment_methods li {
	padding: 16px 18px;
	border: 1px solid var(--feramo-line-warm);
	border-radius: 8px;
}

.woocommerce-account #add_payment_method #payment .payment_box {
	margin-top: 12px;
	font-size: 13px;
}

/* 11. Auth view (login, registration, lost and reset password) */
.feramo-account-auth .entry-content {
	border-bottom: 1px solid var(--feramo-line-warm);
	background: var(--feramo-ivory);
}

.feramo-account-auth .entry-content > .woocommerce {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	gap: 32px;
	box-sizing: border-box;
	max-width: 1080px;
	margin-inline: auto;
	padding: 72px var(--feramo-gutter) 96px;
}

.feramo-account-auth .entry-content > .woocommerce > :not(.feramo-auth-card, .feramo-auth-aside) {
	flex: 1 1 100%;
	max-width: 560px;
	margin: 0;
}

.feramo-account-auth .entry-content > .woocommerce > .woocommerce-notices-wrapper:empty {
	display: none;
}

.feramo-account-auth .entry-content > .woocommerce > .feramo-auth-card {
	display: flex;
	flex: 1 1 440px;
	flex-direction: column;
	gap: 22px;
	box-sizing: border-box;
	padding: 48px;
	border: 1px solid var(--feramo-line-warm);
	border-radius: 8px;
	background: #fff;
}

.woocommerce-lost-password.feramo-account-auth .entry-content > .woocommerce > .feramo-auth-card {
	flex: 0 1 560px;
}

.feramo-auth-card .feramo-auth-card__eyebrow {
	margin: 0;
	font-size: 12px;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--feramo-copper-dark);
}

.feramo-auth-card__title {
	margin: 0;
	font-family: var(--feramo-font-serif);
	font-size: 44px;
	font-weight: 400;
	line-height: 1.1;
}

/* WooCommerce "Login" heading duplicates the card H1. Registration has its own page (inc/woocommerce-register.php); .u-column1 covers the two-column markup if My Account registration is ever enabled. */
.feramo-auth-card > h2,
.feramo-auth-card .u-column1 > h2 {
	display: none;
}

.feramo-auth-card .woocommerce-notices-wrapper:empty {
	display: none;
}

.feramo-auth-card :is(.woocommerce-info, .woocommerce-message, .woocommerce-error) {
	margin: 0;
}

.feramo-auth-card form.woocommerce-form-login {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 22px 12px;
	margin: 0;
	padding: 0;
	border: 0;
}

.feramo-auth-card form.woocommerce-form-login > * {
	grid-column: 1 / -1;
	margin: 0;
}

.feramo-auth-card form.woocommerce-form-login > p.form-row:has(.woocommerce-form-login__submit) {
	display: contents;
}

.feramo-auth-card :is(form.woocommerce-form-login, form.woocommerce-form-register) .form-row {
	display: flex;
	flex-direction: column;
	gap: 8px;
	float: none;
	width: auto;
	padding: 0;
}

.feramo-auth-card form.woocommerce-form-login .woocommerce-form-login__rememberme {
	display: flex;
	grid-column: 1;
	align-items: center;
	gap: 10px;
	order: 1;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
}

.feramo-auth-card form.woocommerce-form-login > p.lost_password {
	grid-column: 2;
	order: 2;
	margin: 0;
	font-size: 14px;
}

.feramo-auth-card form.woocommerce-form-login > p.lost_password a {
	display: inline-block;
	padding: 8px 0;
}

.feramo-auth-card form.woocommerce-form-login .woocommerce-form-login__submit,
.feramo-auth-card form.woocommerce-form-register .woocommerce-form-register__submit {
	display: flex;
	grid-column: 1 / -1;
	align-items: center;
	justify-content: center;
	gap: 12px;
	order: 3;
	width: 100%;
	height: 56px;
	margin-top: 6px;
	padding: 0;
	border: 0;
	border-radius: var(--feramo-radius-pill);
	background: var(--feramo-ink);
	color: #fff;
	font: inherit;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
}

.feramo-auth-card form.woocommerce-form-login .woocommerce-form-login__submit::before,
.feramo-auth-card form.woocommerce-form-register .woocommerce-form-register__submit::before {
	content: "";
	width: 16px;
	height: 16px;
	background: currentColor;
}

.woocommerce-account :is(.woocommerce-form-login__submit, .woocommerce-form-register__submit)::before {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath%20d=%22M4%2012h16%22/%3E%3Cpath%20d=%22M14%206l6%206-6%206%22/%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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath%20d=%22M4%2012h16%22/%3E%3Cpath%20d=%22M14%206l6%206-6%206%22/%3E%3C/svg%3E") center / contain no-repeat;
}

.feramo-auth-card form.woocommerce-form-login .woocommerce-form-login__submit:hover,
.feramo-auth-card form.woocommerce-form-register .woocommerce-form-register__submit:hover {
	background: var(--feramo-copper-dark);
}

/* Registration form: same stack as the lost / reset password form. */
.feramo-auth-card form.woocommerce-form-register {
	display: flex;
	flex-direction: column;
	gap: 22px;
	margin: 0;
	padding: 0;
	border: 0;
}

.feramo-auth-card form.woocommerce-form-register > * {
	margin: 0;
}

/* WooCommerce order attribution element (hidden inputs only): an empty flex item would double the gap. */
.feramo-auth-card form.woocommerce-form-register > wc-order-attribution-inputs {
	display: none;
}

/* Disabled by the password strength meter while the password is too weak. */
.feramo-auth-card form.woocommerce-form-register .woocommerce-form-register__submit:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.feramo-auth-card form.woocommerce-form-register .woocommerce-form-register__submit:disabled:hover {
	background: var(--feramo-ink);
}

.feramo-auth-card .woocommerce-privacy-policy-text p {
	margin: 0;
	color: var(--feramo-body);
	font-size: 12px;
	line-height: 1.7;
}

.feramo-auth-card .woocommerce-privacy-policy-text a {
	color: var(--feramo-ink);
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Optional newsletter / SMS opt-ins added by third-party register hooks. */
.feramo-auth-card form.woocommerce-form-register .woocommerce-form__label-for-checkbox {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	cursor: pointer;
}

.feramo-auth-card__note {
	margin: 0;
	color: var(--feramo-body);
	font-size: 14px;
	line-height: 1.7;
}

/* Cross link between the login and the registration cards. */
.feramo-auth-card__switch {
	margin: 0;
	padding-top: 22px;
	border-top: 1px solid var(--feramo-line-warm);
	color: var(--feramo-body);
	font-size: 14px;
	line-height: 1.7;
	text-align: center;
}

.feramo-auth-card__switch a {
	margin-left: 4px;
	color: var(--feramo-ink);
	font-weight: 500;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.feramo-auth-card__switch a:hover {
	color: var(--feramo-copper-dark);
}

.feramo-auth-card form.woocommerce-form-login > .feramo-auth-card__switch {
	order: 4;
}

.feramo-auth-card form.lost_reset_password {
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin: 0;
	padding: 0;
	border: 0;
}

.feramo-auth-card form.lost_reset_password > p:first-child {
	margin: 0;
	color: var(--feramo-body);
	font-size: 14px;
	line-height: 1.7;
}

.feramo-auth-card form.lost_reset_password .form-row {
	display: flex;
	flex-direction: column;
	gap: 8px;
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

.feramo-auth-card form.lost_reset_password .clear {
	display: none;
}

.feramo-auth-card form.lost_reset_password button.button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 56px;
	padding: 0;
	border: 0;
	border-radius: var(--feramo-radius-pill);
	background: var(--feramo-ink);
	color: #fff;
	font: inherit;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
}

.feramo-auth-card form.lost_reset_password button.button:hover {
	background: var(--feramo-copper-dark);
}

.feramo-auth-card > p {
	margin: 0;
	color: var(--feramo-body);
	font-size: 14px;
	line-height: 1.7;
}

.feramo-account-auth .entry-content > .woocommerce > .feramo-auth-aside {
	display: flex;
	flex: 1 1 380px;
	flex-direction: column;
	justify-content: center;
	gap: 20px;
	box-sizing: border-box;
	padding: 48px;
	border-radius: 8px;
	background: var(--feramo-anthracite);
	color: #fff;
}

.feramo-auth-aside__eyebrow {
	margin: 0;
	font-size: 12px;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--feramo-copper);
}

.feramo-auth-aside__title {
	margin: 0;
	color: #fff;
	font-family: var(--feramo-font-serif);
	font-size: 36px;
	font-weight: 400;
	line-height: 1.12;
}

.feramo-auth-aside__title em {
	color: var(--feramo-copper);
}

.feramo-auth-aside__text {
	margin: 0;
	color: var(--feramo-footer-text);
	font-size: 15px;
	line-height: 1.75;
}

.feramo-auth-aside__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	padding-top: 6px;
}

.feramo-auth-aside__btn {
	display: inline-flex;
	align-items: center;
	border-radius: var(--feramo-radius-pill);
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	padding: 15px 28px;
}

.feramo-auth-aside__btn--primary {
	background: #fff;
	color: var(--feramo-ink);
}

.feramo-auth-aside__btn--primary:hover {
	background: var(--feramo-copper);
	color: var(--feramo-ink);
}

.feramo-auth-aside__btn--secondary {
	padding: 14px 28px;
	border: 1px solid #fff;
	color: #fff;
}

.feramo-auth-aside__btn--secondary:hover {
	background: #fff;
	color: var(--feramo-ink);
}

/* Desktop shell: navigation and content side by side (grid avoids the flex-wrap break between 900px and ~1027px). */
@media (min-width: 900px) {
	.woocommerce-account:not(.feramo-account-auth) .entry-content > .woocommerce {
		display: grid;
		grid-template-columns: minmax(200px, 260px) minmax(0, 1fr);
		align-items: start;
		gap: 40px;
	}

	.woocommerce-account:not(.feramo-account-auth) .entry-content > .woocommerce > :not(.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content) {
		grid-column: 1 / -1;
	}
}

@media (min-width: 1200px) {
	.woocommerce-account:not(.feramo-account-auth) .entry-content > .woocommerce {
		column-gap: 64px;
	}
}

/* Focus ring on the anthracite surfaces: copper keeps 3:1 contrast. */
.feramo-account-appointment :focus-visible,
.feramo-auth-aside :focus-visible {
	outline-color: var(--feramo-copper);
}

/* 12. Mobile */
@media (max-width: 899.98px) {
	.feramo-account-header__inner {
		gap: 10px;
		padding-block: 28px;
	}

	.feramo-account-header__eyebrow {
		font-size: 11px;
		letter-spacing: 0.22em;
	}

	.feramo-account-header__title {
		font-size: 34px;
	}

	.feramo-account-header__switch {
		font-size: 13px;
	}

	.woocommerce-account:not(.feramo-account-auth) .entry-content > .woocommerce {
		display: block;
		padding: 0 var(--feramo-gutter) 48px;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation {
		margin-inline: calc(var(--feramo-gutter) * -1);
		border-bottom: 1px solid var(--feramo-line);
	}

	.woocommerce-account .woocommerce-MyAccount-navigation ul {
		flex-direction: row;
		gap: 8px;
		padding: 16px var(--feramo-gutter);
		overflow-x: auto;
		scrollbar-width: none;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
		display: none;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation li {
		flex: none;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation a {
		padding: 11px 18px;
		border: 1px solid var(--feramo-line-strong);
		background: #fff;
		font-size: 13px;
		white-space: nowrap;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation a::before,
	.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout::before {
		display: none;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation a[aria-current="page"] {
		border-color: var(--feramo-ink);
		background: var(--feramo-ink);
	}

	.woocommerce-account .woocommerce-MyAccount-content,
	.woocommerce-account.woocommerce-dashboard .woocommerce-MyAccount-content {
		gap: 32px;
		padding-top: 24px;
	}

	.woocommerce-account.woocommerce-dashboard .woocommerce-MyAccount-content > p {
		font-size: 14px;
		line-height: 1.75;
	}

	.feramo-account-shortcuts {
		display: flex;
		flex-direction: column;
		gap: 0;
		border-top: 1px solid var(--feramo-line);
	}

	.feramo-account-shortcut {
		flex-direction: row;
		align-items: center;
		gap: 14px;
		height: auto;
		padding: 18px 0;
		border: 0;
		border-bottom: 1px solid var(--feramo-line);
		border-radius: 0;
	}

	.feramo-account-shortcut__icon svg {
		width: 22px;
		height: 22px;
	}

	.feramo-account-shortcut__body {
		flex: 1 1 auto;
		gap: 0;
	}

	.feramo-account-shortcut__title {
		font-size: 18px;
	}

	.feramo-account-shortcut__text {
		font-size: 12px;
	}

	.feramo-account-shortcut__chevron {
		display: flex;
	}

	.feramo-account-shortcut__chevron svg {
		width: 16px;
		height: 16px;
		transform: rotate(-90deg);
	}

	.feramo-account-orders__title {
		font-size: 24px;
	}

	.feramo-account-orders__all {
		font-size: 12px;
		letter-spacing: 0.1em;
	}

	.woocommerce-account .woocommerce-orders-table {
		border: 0;
		border-radius: 0;
		overflow: visible;
	}

	.woocommerce-account .woocommerce-orders-table thead {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	.woocommerce-account .woocommerce-orders-table tbody {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.woocommerce-account .woocommerce-orders-table tbody tr {
		grid-auto-flow: row;
		grid-template-columns: auto 1fr;
		gap: 10px 6px;
		padding: 18px;
		border: 1px solid var(--feramo-line);
		border-radius: 8px;
	}

	.woocommerce-account .woocommerce-orders-table tbody tr > * {
		grid-column: 1 / -1;
	}

	.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-number {
		grid-column: 1;
		grid-row: 1;
		font-size: 14px;
	}

	.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-status {
		grid-column: 2;
		grid-row: 1;
		justify-self: end;
	}

	.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-date {
		grid-column: 1;
		grid-row: 2;
		color: var(--feramo-muted);
		font-size: 13px;
	}

	.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-total {
		grid-column: 2;
		grid-row: 2;
		color: var(--feramo-muted);
		font-size: 13px;
	}

	.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-total::before {
		content: "· ";
	}

	.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions {
		grid-column: 1 / -1;
		grid-row: 3;
		margin-top: 4px;
		text-align: left;
	}

	.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a.button {
		display: block;
		margin: 0 0 8px;
		padding: 11px;
		text-align: center;
	}

	.feramo-account-appointment {
		flex-direction: column;
		align-items: stretch;
		gap: 14px;
		padding: 28px 22px;
	}

	.feramo-account-appointment__eyebrow {
		font-size: 11px;
		letter-spacing: 0.22em;
	}

	.feramo-account-appointment__title {
		font-size: 26px;
	}

	.feramo-account-appointment__text {
		display: none;
	}

	.feramo-account-appointment__cta {
		justify-content: center;
		height: 52px;
		margin-top: 4px;
		padding: 0;
	}

	.woocommerce-account .woocommerce-Addresses {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}

	.woocommerce-account .woocommerce-Address {
		padding: 20px;
	}

	.woocommerce-account .woocommerce-Address-title h2 {
		font-size: 19px;
	}

	.woocommerce-account form.edit-account {
		grid-template-columns: minmax(0, 1fr);
	}

	.woocommerce-account form.edit-account > .form-row-first,
	.woocommerce-account form.edit-account > .form-row-last {
		grid-column: 1 / -1;
	}

	.woocommerce-account .woocommerce-MyAccount-content button.button,
	.woocommerce-account .woocommerce-MyAccount-content > a.button,
	.woocommerce-account #add_payment_method #place_order {
		width: 100%;
		height: 50px;
	}

	.feramo-account-auth .entry-content > .woocommerce {
		gap: 24px;
		padding: 32px 16px 40px;
	}

	.feramo-account-auth .entry-content > .woocommerce > .feramo-auth-card {
		flex-basis: 100%;
		gap: 18px;
		padding: 28px 20px;
	}

	.feramo-auth-card .feramo-auth-card__eyebrow {
		font-size: 11px;
		letter-spacing: 0.22em;
	}

	.feramo-auth-card__title {
		font-size: 34px;
	}

	.feramo-auth-card form.woocommerce-form-login .woocommerce-form-login__rememberme {
		grid-column: 1 / -1;
		order: 1;
	}

	.feramo-auth-card form.woocommerce-form-login .woocommerce-form-login__submit,
	.feramo-auth-card form.woocommerce-form-register .woocommerce-form-register__submit {
		order: 2;
		height: 54px;
		margin-top: 0;
	}

	.feramo-auth-card form.woocommerce-form-login > p.lost_password {
		grid-column: 1 / -1;
		order: 3;
		justify-self: center;
	}

	.feramo-auth-card form.woocommerce-form-register {
		gap: 18px;
	}

	.feramo-auth-card .feramo-auth-card__switch {
		padding-top: 18px;
		font-size: 13px;
	}

	.feramo-account-auth .entry-content > .woocommerce > .feramo-auth-aside {
		gap: 14px;
		padding: 28px 22px;
	}

	.feramo-auth-aside__title {
		font-size: 28px;
	}

	.feramo-auth-aside__text {
		font-size: 14px;
		line-height: 1.7;
	}

	.feramo-auth-aside__actions {
		flex-direction: column;
		gap: 10px;
		padding-top: 4px;
	}

	.feramo-auth-aside__btn {
		justify-content: center;
		width: 100%;
	}
}