/**
 * My Account (WooCommerce) — Bozpo theme styling.
 *
 * Themes every account screen 1:1 with the rest of the site (checkout / cart
 * design language): a sticky sidebar navigation card + panelled content for the
 * dashboard, orders, order detail, addresses, downloads, account details, the
 * login / register and the lost-password forms. WooCommerce's cosmetic CSS is
 * dequeued on the account page (see inc/woocommerce.php) so these rules are the
 * single source of truth (no !important, no specificity hacks).
 *
 * Scoped to `.woocommerce-account`; uses the global design tokens (tokens.css).
 *
 * @package Bozpo_Custom
 */

.woocommerce-account {
	font-family: var(--font-body);
	color: var(--color-text);
}

/* ------------------------------------------------ Page title (h1 "Môj účet") */
.woocommerce-account .entry-header {
	max-width: var(--container);
	margin: 0 auto;
	padding: var(--space-24, 24px) var(--wrap-pad) 0;
}

.woocommerce-account .entry-title {
	margin: 0;
	font-family: var(--font-display);
	font-size: var(--text-30, 30px);
	font-weight: 700;
	letter-spacing: .01em;
	color: var(--color-text);
}

/* --------------------------------------------------------------- Notices */
.woocommerce-account .woocommerce-notices-wrapper,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error {
	max-width: var(--container);
	margin-left: auto;
	margin-right: auto;
}

.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-8, 8px);
	margin-bottom: var(--space-14, 14px);
	padding: 12px 16px;
	font-size: var(--text-14, 14px);
	color: var(--color-text);
	background: var(--surface-soft);
	border: 1px solid var(--color-border);
	border-left: 3px solid var(--c-brand);
	border-radius: var(--radius-10);
	list-style: none;
}

.woocommerce-account .woocommerce-message {
	border-left-color: var(--c-ok);
	background: var(--c-success-bg);
}

.woocommerce-account .woocommerce-error {
	border-left-color: #d63638;
	background: #fdf3f3;
	flex-direction: column;
	align-items: flex-start;
}

.woocommerce-account .woocommerce-info a,
.woocommerce-account .woocommerce-message a,
.woocommerce-account .woocommerce-error a {
	color: var(--c-brand);
	font-weight: 600;
	text-decoration: underline;
}

.woocommerce-account .woocommerce-info .button {
	margin-left: auto;
}

/* ============================================================ Account shell */
.woocommerce-account .account {
	max-width: var(--container);
	margin: 0 auto;
	padding: var(--space-20, 20px) var(--wrap-pad) var(--space-48, 48px);
}

.woocommerce-account .account__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-20, 20px);
	align-items: start;
}

@media (min-width: 860px) {
	.woocommerce-account .account__grid {
		grid-template-columns: 264px 1fr;
		gap: var(--space-24, 24px);
	}
}

/* ============================================================== Sidebar nav */
.woocommerce-account .woocommerce-MyAccount-navigation {
	background: var(--surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-14, 14px);
	box-shadow: var(--shadow);
	overflow: hidden;
}

@media (min-width: 860px) {
	.woocommerce-account .woocommerce-MyAccount-navigation {
		position: sticky;
		top: var(--space-20, 20px);
	}
}

/* User card (rendered by navigation.php override). */
.account-nav__user {
	display: flex;
	align-items: center;
	gap: var(--space-12, 12px);
	padding: var(--space-18, 18px) var(--space-18, 18px);
	background: var(--surface-soft);
	border-bottom: 1px solid var(--color-border);
}

.account-nav__avatar {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	flex: 0 0 auto;
	border-radius: var(--radius-circle);
	color: var(--on-primary);
	background: var(--color-primary);
	box-shadow: var(--shadow-brand);
}

.account-nav__avatar svg {
	width: 22px;
	height: 22px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.9;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.account-nav__meta {
	min-width: 0;
}

.account-nav__hello {
	display: block;
	font-size: var(--text-11-5, 11.5px);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--color-muted);
}

.account-nav__name {
	display: block;
	font-family: var(--font-display);
	font-size: var(--text-16, 16px);
	font-weight: 600;
	color: var(--color-text);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Menu list. */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: var(--space-8, 8px);
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: flex;
	align-items: center;
	gap: var(--space-12, 12px);
	padding: var(--space-11, 11px) var(--space-12, 12px);
	font-size: var(--text-14-5, 14.5px);
	font-weight: 500;
	color: var(--c-ink-body);
	text-decoration: none;
	border-radius: var(--radius-10);
	transition: background .15s ease, color .15s ease;
}

.account-nav__icon {
	display: grid;
	place-items: center;
	width: 20px;
	height: 20px;
	flex: 0 0 auto;
	color: var(--color-muted);
	transition: color .15s ease;
}

.account-nav__icon svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
	background: var(--surface-soft);
	color: var(--color-text);
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover .account-nav__icon {
	color: var(--c-brand);
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	color: var(--on-primary);
	background: var(--color-primary);
	box-shadow: var(--shadow-brand);
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a .account-nav__icon {
	color: var(--on-primary);
}

/* Logout row sits apart at the bottom. */
.woocommerce-account .woocommerce-MyAccount-navigation li--logout {
	margin-top: var(--space-4, 4px);
	padding-top: var(--space-8, 8px);
	border-top: 1px solid var(--color-border);
}

.woocommerce-account .woocommerce-MyAccount-navigation li--logout a {
	color: var(--c-dpd-ink);
}

.woocommerce-account .woocommerce-MyAccount-navigation li--logout a:hover {
	background: #fdf3f3;
	color: #b0210f;
}

.woocommerce-account .woocommerce-MyAccount-navigation li--logout a:hover .account-nav__icon {
	color: #b0210f;
}

/* ============================================================ Content area */
.woocommerce-account .woocommerce-MyAccount-content {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: var(--space-16, 16px);
}

/* Generic content panel (dashboard, orders, forms all sit on this). */
.woocommerce-account .woocommerce-MyAccount-content > p,
.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-notices-wrapper,
.account-panel {
	background: var(--surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-14, 14px);
	box-shadow: var(--shadow);
}

.woocommerce-account .woocommerce-MyAccount-content > p {
	margin: 0;
	padding: var(--space-16, 16px) var(--space-20, 20px);
	font-size: var(--text-14-5, 14.5px);
	line-height: var(--leading-relaxed);
	color: var(--c-ink-body);
}

.woocommerce-account .woocommerce-MyAccount-content > p:empty {
	display: none;
}

.woocommerce-account .woocommerce-MyAccount-content a {
	color: var(--c-brand);
	font-weight: 500;
}

.woocommerce-account .woocommerce-MyAccount-content a:hover {
	text-decoration: underline;
}

/* Section headings inside the content. */
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
	margin: 0 0 var(--space-6, 6px);
	font-family: var(--font-display);
	font-weight: 600;
	letter-spacing: .01em;
	color: var(--color-text);
}

.woocommerce-account .woocommerce-MyAccount-content h2 { font-size: var(--text-21, 21px); }
.woocommerce-account .woocommerce-MyAccount-content h3 { font-size: var(--text-17, 17px); }

/* ------------------------------------------------------- Dashboard cards */
.account-dash__intro {
	display: flex;
	align-items: center;
	gap: var(--space-16, 16px);
	padding: var(--space-20, 20px);
	background: var(--gradient-hero-1);
	border: 1px solid var(--c-stock-border);
	border-radius: var(--radius-14, 14px);
}

.account-dash__intro .account-nav__avatar {
	width: 52px;
	height: 52px;
}

.account-dash__intro h2 {
	margin: 0 0 2px;
	font-family: var(--font-display);
	font-size: var(--text-22, 22px);
	font-weight: 700;
	color: var(--color-text);
}

.account-dash__intro p {
	margin: 0;
	font-size: var(--text-14, 14px);
	color: var(--c-ink-body);
}

.account-dash__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
	gap: var(--space-14, 14px);
}

.account-dash__card {
	display: flex;
	flex-direction: column;
	gap: var(--space-10, 10px);
	padding: var(--space-18, 18px);
	background: var(--surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-12, 12px);
	box-shadow: var(--shadow);
	text-decoration: none;
	transition: border-color .15s ease, box-shadow .15s ease, transform .05s ease;
}

.account-dash__card:hover {
	border-color: var(--c-border-hover);
	box-shadow: var(--shadow-hover);
	text-decoration: none;
}

.account-dash__card:active { transform: translateY(1px); }

.account-dash__card-icon {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: var(--radius-10);
	color: var(--c-brand);
	background: var(--c-stock-bg);
}

.account-dash__card-icon svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.account-dash__card-title {
	font-family: var(--font-display);
	font-size: var(--text-16, 16px);
	font-weight: 600;
	color: var(--color-text);
}

.account-dash__card-desc {
	font-size: var(--text-13, 13px);
	color: var(--color-muted);
	line-height: var(--leading-snug);
}

/* --------------------------------------------------------- Tables (orders) */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: var(--surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-14, 14px);
	box-shadow: var(--shadow);
	overflow: hidden;
	font-size: var(--text-14, 14px);
}

.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td {
	padding: var(--space-13, 13px) var(--space-16, 16px);
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid var(--color-border);
}

.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th {
	font-family: var(--font-display);
	font-size: var(--text-12-5, 12.5px);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--color-muted);
	background: var(--surface-soft);
}

.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr:last-child td {
	border-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr:hover {
	background: var(--surface-soft);
}

.woocommerce-account .woocommerce-MyAccount-content table.shop_table tfoot th,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tfoot td {
	background: var(--surface-soft);
	font-weight: 600;
}

.woocommerce-account .woocommerce-orders-table__cell-order-actions {
	text-align: right;
	white-space: nowrap;
}

.woocommerce-account .woocommerce-orders-table__cell-order-status {
	font-weight: 600;
	color: var(--c-ink-soft);
}

.woocommerce-account mark,
.woocommerce-account .order-status {
	background: transparent;
	color: inherit;
}

/* ------------------------------------------------- Order detail / addresses */
.woocommerce-account .woocommerce-column__title,
.woocommerce-account .woocommerce-order-details__title {
	margin: 0 0 var(--space-10, 10px);
	font-family: var(--font-display);
	font-size: var(--text-17, 17px);
	font-weight: 600;
}

.woocommerce-account .woocommerce-customer-details address,
.woocommerce-account .woocommerce-Address address {
	padding: var(--space-16, 16px);
	font-style: normal;
	font-size: var(--text-14, 14px);
	line-height: var(--leading-relaxed);
	color: var(--c-ink-body);
	background: var(--surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-12, 12px);
}

.woocommerce-account .col2-set,
.woocommerce-account .woocommerce-Addresses {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-16, 16px);
}

@media (min-width: 640px) {
	.woocommerce-account .col2-set,
	.woocommerce-account .woocommerce-Addresses {
		grid-template-columns: 1fr 1fr;
	}
}

.woocommerce-account .col2-set .col-1,
.woocommerce-account .col2-set .col-2,
.woocommerce-account .woocommerce-Address {
	width: auto;
	float: none;
}

.woocommerce-account .woocommerce-Address-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-10, 10px);
	margin-bottom: var(--space-8, 8px);
}

.woocommerce-account .woocommerce-Address-title .edit {
	font-size: var(--text-13, 13px);
	font-weight: 600;
}

/* ---------------------------------------------------------------- Forms */
.woocommerce-account .woocommerce-EditAccountForm,
.woocommerce-account .woocommerce-address-fields,
.woocommerce-account .woocommerce-ResetPassword,
.woocommerce-account form.edit-account,
.woocommerce-account form.lost_reset_password {
	padding: var(--space-20, 20px);
	background: var(--surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-14, 14px);
	box-shadow: var(--shadow);
}

.woocommerce-account .woocommerce-MyAccount-content form .form-row {
	display: flex;
	flex-direction: column;
	gap: var(--space-6, 6px);
	margin: 0 0 var(--space-14, 14px);
}

.woocommerce-account .woocommerce-MyAccount-content form .form-row-first,
.woocommerce-account .woocommerce-MyAccount-content form .form-row-last {
	width: 100%;
}

@media (min-width: 560px) {
	.woocommerce-account .woocommerce-address-fields__field-wrapper,
	.woocommerce-account .woocommerce-EditAccountForm > p.form-row-first + p.form-row-last {
		/* keep default flow; first/last split handled below */
	}
	.woocommerce-account .woocommerce-MyAccount-content form .form-row-first,
	.woocommerce-account .woocommerce-MyAccount-content form .form-row-last {
		display: inline-flex;
		width: calc(50% - var(--space-8, 8px));
		vertical-align: top;
	}
	.woocommerce-account .woocommerce-MyAccount-content form .form-row-first {
		margin-right: var(--space-14, 14px);
	}
}

.woocommerce-account .woocommerce-MyAccount-content form label {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: var(--text-13, 13px);
	font-weight: 500;
	color: var(--color-muted);
}

.woocommerce-account .woocommerce-MyAccount-content form .required {
	color: var(--c-brand);
	font-weight: 700;
	text-decoration: none;
	border: 0;
}

.woocommerce-account .woocommerce-MyAccount-content form em {
	font-style: normal;
	font-size: var(--text-12-5, 12.5px);
	color: var(--color-muted);
}

.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
.woocommerce-account .woocommerce-MyAccount-content input[type="number"],
.woocommerce-account .woocommerce-MyAccount-content select,
.woocommerce-account .woocommerce-MyAccount-content textarea,
.woocommerce-account .select2-selection {
	width: 100%;
	padding: 11px 13px;
	font-family: var(--font-body);
	font-size: var(--text-14, 14px);
	color: var(--color-text);
	background: var(--surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-10);
	transition: border-color .15s ease, box-shadow .15s ease;
	-webkit-appearance: none;
	appearance: none;
}

.woocommerce-account .woocommerce-MyAccount-content input:focus,
.woocommerce-account .woocommerce-MyAccount-content select:focus,
.woocommerce-account .woocommerce-MyAccount-content textarea:focus {
	outline: none;
	border-color: var(--c-brand);
	box-shadow: 0 0 0 3px rgba(232, 73, 29, .14);
}

.woocommerce-account .woocommerce-MyAccount-content fieldset {
	margin: var(--space-20, 20px) 0 0;
	padding: var(--space-16, 16px) 0 0;
	border: 0;
	border-top: 1px dashed var(--color-border);
}

.woocommerce-account .woocommerce-MyAccount-content fieldset legend {
	padding: 0;
	font-family: var(--font-display);
	font-size: var(--text-16, 16px);
	font-weight: 600;
	color: var(--color-text);
}

/* Password fields: eye toggle sits inside the input on the right. */
.woocommerce-account .woocommerce-MyAccount-content .password-input {
	position: relative;
	display: block;
	width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-content .password-input input {
	padding-right: 44px;
}

.woocommerce-account .woocommerce-MyAccount-content .show-password-input {
	position: absolute;
	top: 50%;
	right: 12px;
	width: 24px;
	height: 24px;
	margin: 0;
	padding: 0;
	transform: translateY(-50%);
	cursor: pointer;
	border: 0;
	box-shadow: none;
	background-color: transparent;
	-webkit-appearance: none;
	appearance: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 22px 22px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}

/* Kill WooCommerce's default icon-font glyph on the toggle. */
.woocommerce-account .woocommerce-MyAccount-content .show-password-input::after {
	content: none;
}

/* Password visible: eye-off icon in brand color. */
.woocommerce-account .woocommerce-MyAccount-content .show-password-input.display-password {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e8491d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E");
}

/* Same eye toggle for the logged-out login & register forms (rendered outside
   .woocommerce-MyAccount-content by WooCommerce's form-login.php). */
.woocommerce-account form.woocommerce-form-login .password-input,
.woocommerce-account form.woocommerce-form-register .password-input {
	position: relative;
	display: block;
	width: 100%;
}

.woocommerce-account form.woocommerce-form-login .password-input input,
.woocommerce-account form.woocommerce-form-register .password-input input {
	width: 100%;
	padding-right: 44px;
}

.woocommerce-account form.woocommerce-form-login .show-password-input,
.woocommerce-account form.woocommerce-form-register .show-password-input {
	position: absolute;
	top: 50%;
	right: 12px;
	width: 24px;
	height: 24px;
	margin: 0;
	padding: 0;
	transform: translateY(-50%);
	cursor: pointer;
	border: 0;
	box-shadow: none;
	background-color: transparent;
	-webkit-appearance: none;
	appearance: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 22px 22px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}

.woocommerce-account form.woocommerce-form-login .show-password-input::after,
.woocommerce-account form.woocommerce-form-register .show-password-input::after {
	content: none;
}

.woocommerce-account form.woocommerce-form-login .show-password-input.display-password,
.woocommerce-account form.woocommerce-form-register .show-password-input.display-password {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e8491d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E");
}

/* ---------------------------------------------------------------- Buttons */
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"],
.woocommerce-account .woocommerce-MyAccount-content input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-8, 8px);
	padding: 12px 20px;
	font-family: var(--font-display);
	font-size: var(--text-14-5, 14.5px);
	font-weight: 600;
	line-height: 1;
	letter-spacing: .02em;
	color: var(--on-primary);
	background: var(--color-primary);
	border: 0;
	border-radius: var(--radius-10);
	cursor: pointer;
	box-shadow: var(--shadow-brand);
	transition: background .15s ease, box-shadow .15s ease, transform .05s ease;
}

.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:hover,
.woocommerce-account .woocommerce-MyAccount-content input[type="submit"]:hover {
	background: var(--color-primary-strong);
	box-shadow: var(--shadow-add-hover);
}

.woocommerce-account .woocommerce-MyAccount-content .button:active,
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:active {
	transform: translateY(1px);
}

/* Secondary / view buttons in tables. */
.woocommerce-account .woocommerce-orders-table .button,
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button {
	padding: 8px 14px;
	font-size: var(--text-13, 13px);
	color: var(--c-brand);
	background: var(--c-stock-bg);
	box-shadow: none;
}

.woocommerce-account .woocommerce-orders-table .button:hover,
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button:hover {
	color: var(--on-primary);
	background: var(--color-primary);
	box-shadow: var(--shadow-brand);
}

/* --------------------------------------------------------------- Pagination */
.woocommerce-account .woocommerce-pagination ul,
.woocommerce-account .woocommerce-Pagination {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-6, 6px);
	margin: var(--space-16, 16px) 0 0;
	padding: 0;
	list-style: none;
	border: 0;
}

.woocommerce-account .woocommerce-pagination a,
.woocommerce-account .woocommerce-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	font-weight: 600;
	color: var(--color-text);
	background: var(--surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-10);
	text-decoration: none;
}

.woocommerce-account .woocommerce-pagination a:hover,
.woocommerce-account .woocommerce-pagination .current {
	color: var(--on-primary);
	background: var(--color-primary);
	border-color: var(--color-primary);
}

/* ============================================= Logged-out: login / register */
.woocommerce-account:not(.logged-in) .entry-header .entry-title,
.woocommerce-account .woocommerce-form-login-wrapper .entry-title {
	text-align: center;
}

.woocommerce-account #customer_login,
.woocommerce-account .woocommerce > .woocommerce-form-login {
	max-width: 460px;
	margin: 0 auto;
}

.woocommerce-account .u-columns.col2-set#customer_login {
	max-width: var(--container);
}

.woocommerce-account form.woocommerce-form-login,
.woocommerce-account form.woocommerce-form-register {
	margin: 0;
	padding: var(--space-24, 24px);
	background: var(--surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-16, 16px);
	box-shadow: var(--shadow);
}

.woocommerce-account #customer_login h2,
.woocommerce-account .woocommerce-form-login h2 {
	margin: 0 0 var(--space-16, 16px);
	font-family: var(--font-display);
	font-size: var(--text-22, 22px);
	font-weight: 700;
	color: var(--color-text);
}

.woocommerce-account .woocommerce-form-login .form-row,
.woocommerce-account .woocommerce-form-register .form-row {
	display: flex;
	flex-direction: column;
	gap: var(--space-6, 6px);
	margin: 0 0 var(--space-14, 14px);
}

.woocommerce-account .woocommerce-form-login label,
.woocommerce-account .woocommerce-form-register label {
	font-size: var(--text-13, 13px);
	font-weight: 500;
	color: var(--color-muted);
}

.woocommerce-account .woocommerce-form-login input[type="text"],
.woocommerce-account .woocommerce-form-login input[type="password"],
.woocommerce-account .woocommerce-form-login input[type="email"],
.woocommerce-account .woocommerce-form-register input[type="text"],
.woocommerce-account .woocommerce-form-register input[type="email"],
.woocommerce-account .woocommerce-form-register input[type="password"] {
	width: 100%;
	padding: 11px 13px;
	font-family: var(--font-body);
	font-size: var(--text-14, 14px);
	color: var(--color-text);
	background: var(--surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-10);
}

.woocommerce-account .woocommerce-form-login input:focus,
.woocommerce-account .woocommerce-form-register input:focus {
	outline: none;
	border-color: var(--c-brand);
	box-shadow: 0 0 0 3px rgba(232, 73, 29, .14);
}

.woocommerce-account .woocommerce-form-login__rememberme {
	flex-direction: row;
	align-items: center;
	gap: var(--space-8, 8px);
	color: var(--c-ink-body);
	font-weight: 500;
	cursor: pointer;
}

.woocommerce-account .woocommerce-form-login input[type="checkbox"],
.woocommerce-account .woocommerce-form-register input[type="checkbox"] {
	width: 18px;
	height: 18px;
	accent-color: var(--c-brand);
	cursor: pointer;
}

.woocommerce-account .woocommerce-form-login__submit,
.woocommerce-account .woocommerce-form-register__submit {
	width: 100%;
	padding: 13px 20px;
	font-family: var(--font-display);
	font-size: var(--text-15, 15px);
	font-weight: 600;
	letter-spacing: .02em;
	color: var(--on-primary);
	background: var(--color-primary);
	border: 0;
	border-radius: var(--radius-10);
	cursor: pointer;
	box-shadow: var(--shadow-brand);
	transition: background .15s ease, box-shadow .15s ease;
}

.woocommerce-account .woocommerce-form-login__submit:hover,
.woocommerce-account .woocommerce-form-register__submit:hover {
	background: var(--color-primary-strong);
	box-shadow: var(--shadow-add-hover);
}

.woocommerce-account .woocommerce-LostPassword {
	margin: var(--space-12, 12px) 0 0;
	text-align: center;
}

.woocommerce-account .woocommerce-LostPassword a {
	font-size: var(--text-13, 13px);
	color: var(--c-brand);
	font-weight: 600;
}