/*
 * Merchado Flow — Mijn Account styling
 * Dashboard + Order Detail templates
 */

/* ============ Variables (zelfde palette als checkout) ============ */
body.merchado-myaccount {
	--mf-ink: #1D1D1B;
	--mf-cream: #EFEEE5;
	--mf-cream-soft: #F7F6F0;
	--mf-rust: #9E491D;
	--mf-rust-hover: #894424;
	--mf-muted: #B2B2B2;
	--mf-border: #E5E4DC;
	--mf-bg: #FFFFFF;
}

/* Light grey achtergrond voor de account-pagina zodat de header-pill duidelijk
   los van de pagina staat. Shell blijft wit → wordt een nette card. */
body.merchado-myaccount,
body.merchado-myaccount #main-container,
body.merchado-myaccount main,
body.merchado-myaccount [data-prefix*="main"] {
	background-color: #F7F7F7 !important;
}

/* Blocksy's <main> wrapper full-width forceren zodat onze shell niet beperkt wordt */
body.merchado-myaccount main {
	max-width: none !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* WC My Account navigation verbergen (we hebben eigen dropdown) */
body.merchado-myaccount .woocommerce-MyAccount-navigation {
	display: none !important;
}

/* Blocksy's .ct-container heeft max-width: 1290px. We willen die alleen
   opheffen voor de .ct-container BINNEN <main> — niet die in header/footer
   want anders verliest de header z'n pill-containment. */
body.merchado-myaccount main .ct-container,
body.merchado-myaccount #main .ct-container,
body.merchado-myaccount .site-main .ct-container {
	max-width: none !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* WC's eigen 2-koloms layout volledig breken: navigation is verborgen
   maar content keeps 68% width float by default. Force full width. */
body.merchado-myaccount .woocommerce,
body.merchado-myaccount .woocommerce-account,
body.merchado-myaccount .woocommerce-account .woocommerce {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	float: none !important;
}
body.merchado-myaccount .woocommerce-account .woocommerce-MyAccount-content,
body.merchado-myaccount .woocommerce .woocommerce-MyAccount-content {
	width: 100% !important;
	max-width: none !important;
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
body.merchado-myaccount .woocommerce-account::before,
body.merchado-myaccount .woocommerce-account::after,
body.merchado-myaccount .woocommerce::before,
body.merchado-myaccount .woocommerce::after {
	display: none !important;
	content: none !important;
}

/* Custom shell — witte card op grey body, gecentreerd, met ademruimte */
body.merchado-myaccount .merchado-myaccount-shell {
	width: 100%;
	max-width: 1280px;
	margin: 72px auto 64px auto;
	padding: 56px 40px 64px 40px;
	box-sizing: border-box;
	background: #FFFFFF !important;
	border-radius: 16px;
	font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}

/* WC's wrappers volledig laten flowen binnen de shell */
body.merchado-myaccount .woocommerce-account,
body.merchado-myaccount .woocommerce-account .woocommerce,
body.merchado-myaccount .woocommerce-account form.woocommerce-form,
body.merchado-myaccount .entry-content {
	display: block !important;
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}
body.merchado-myaccount .woocommerce-MyAccount-content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}

/* Sub-pages (edit-address / edit-account) houden een normale form-breedte */
body.merchado-myaccount .woocommerce-account form.woocommerce-EditAccountForm,
body.merchado-myaccount .woocommerce-account .woocommerce-address-fields {
	max-width: 600px;
}

/* Mobile padding compacter */
@media (max-width: 640px) {
	body.merchado-myaccount .merchado-myaccount-shell {
		padding: 28px 20px 56px 20px;
	}
}

/* Reset WC default headings + tables binnen content */
body.merchado-myaccount .woocommerce-MyAccount-content h1,
body.merchado-myaccount .woocommerce-MyAccount-content h2,
body.merchado-myaccount .woocommerce-MyAccount-content h3 {
	font-family: 'Inter', system-ui, sans-serif !important;
	color: var(--mf-ink) !important;
}

/* ============ Account wrapper ============ */
.mc-account {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

/* Account-menu dropdown (top-right) — native <details> */
.mc-account__menu {
	position: relative;
	align-self: flex-end;
	margin-left: auto;
	display: inline-block;
}
.mc-account__menu-trigger {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 16px 10px 14px;
	background: #fff;
	border: 1px solid var(--mf-border);
	border-radius: 9999px;
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	font-weight: 500;
	color: var(--mf-ink);
	cursor: pointer;
	list-style: none;
	transition: border-color .15s ease, background .15s ease;
}
.mc-account__menu-trigger::-webkit-details-marker { display: none; }
.mc-account__menu-trigger::marker { display: none; }
.mc-account__menu-trigger:hover {
	border-color: var(--mf-ink);
}
.mc-account__menu-caret {
	transition: transform .2s ease;
	opacity: 0.55;
}
.mc-account__menu[open] .mc-account__menu-caret {
	transform: rotate(180deg);
}
.mc-account__menu[open] .mc-account__menu-trigger {
	background: var(--mf-ink);
	color: #fff;
	border-color: var(--mf-ink);
}
.mc-account__menu[open] .mc-account__menu-caret {
	opacity: 0.85;
}

.mc-account__menu-panel {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	min-width: 200px;
	background: #fff;
	border: 1px solid var(--mf-border);
	border-radius: 12px;
	padding: 6px;
	box-shadow: 0 12px 32px rgba(29,29,27,0.08), 0 2px 6px rgba(29,29,27,0.04);
	display: flex;
	flex-direction: column;
	gap: 2px;
	z-index: 50;
}
.mc-account__menu-link,
a.mc-account__menu-link {
	display: block;
	padding: 10px 14px;
	font-size: 13px;
	font-weight: 500;
	color: var(--mf-ink) !important;
	text-decoration: none !important;
	border-radius: 8px;
	transition: background .12s ease, color .12s ease;
}
.mc-account__menu-link:hover,
a.mc-account__menu-link:hover {
	background: var(--mf-cream-soft);
	color: var(--mf-rust) !important;
}
.mc-account__menu-link--logout,
a.mc-account__menu-link--logout {
	border-top: 1px solid var(--mf-border);
	margin-top: 4px;
	padding-top: 12px;
	color: var(--mf-rust) !important;
}

/* Order-detail topbar (back-link links + dropdown rechts) */
.mc-order__topbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}

/* ============ Welkom banner ============ */
.mc-account__welcome {
	background: var(--mf-cream);
	border-radius: 14px;
	padding: 32px 36px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.mc-account__welcome-title {
	font-size: 32px !important;
	font-weight: 700 !important;
	color: var(--mf-ink) !important;
	letter-spacing: -0.02em !important;
	line-height: 1.15 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}
.mc-account__welcome-meta {
	font-size: 14px !important;
	line-height: 1.55 !important;
	color: var(--mf-ink) !important;
	opacity: 0.8 !important;
	margin: 0 !important;
}

/* ============ Empty state ============ */
.mc-account__empty {
	background: #fff;
	border: 1px solid var(--mf-border);
	border-radius: 14px;
	padding: 48px 36px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	text-align: center;
}
.mc-account__empty svg { margin-bottom: 6px; }
.mc-account__empty h2 {
	font-size: 20px !important;
	font-weight: 700 !important;
	margin: 0 !important;
}
.mc-account__empty p {
	font-size: 14px;
	color: var(--mf-ink);
	opacity: 0.7;
	margin: 0;
	max-width: 420px;
}
.mc-account__cta,
a.mc-account__cta {
	display: inline-block;
	margin-top: 8px;
	padding: 12px 24px;
	background: var(--mf-ink);
	color: #fff !important;
	border-radius: 9999px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none !important;
}
.mc-account__cta:hover { background: #000; }

/* ============ Orders section ============ */
.mc-account__orders {
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.mc-account__orders-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
}
.mc-account__orders-title {
	font-size: 22px !important;
	font-weight: 700 !important;
	color: var(--mf-ink) !important;
	letter-spacing: -0.01em !important;
	margin: 0 !important;
}
.mc-account__orders-filters {
	display: inline-flex;
	gap: 8px;
}

/* Filter pills — clean + compact, theme button-reset */
body.merchado-myaccount button.mc-pill,
.mc-pill {
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	padding: 6px 14px !important;
	background: #fff !important;
	border: 1px solid var(--mf-border) !important;
	border-radius: 9999px !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	letter-spacing: 0 !important;
	color: var(--mf-ink) !important;
	cursor: pointer !important;
	transition: all .15s ease !important;
	text-transform: none !important;
	box-shadow: none !important;
	min-height: 0 !important;
	height: auto !important;
	width: auto !important;
}
body.merchado-myaccount button.mc-pill:hover,
.mc-pill:hover {
	border-color: var(--mf-ink) !important;
	background: #fff !important;
}
body.merchado-myaccount button.mc-pill--active,
.mc-pill--active {
	background: var(--mf-ink) !important;
	color: #fff !important;
	border-color: var(--mf-ink) !important;
}
body.merchado-myaccount button.mc-pill--active:hover,
.mc-pill--active:hover {
	background: var(--mf-ink) !important;
}
.mc-pill__count {
	font-weight: 400 !important;
	opacity: 0.6 !important;
}

/* ============ Orders table (grid-based, geen <table>) ============ */
.mc-account__table {
	display: flex;
	flex-direction: column;
}
.mc-account__table-head {
	display: grid;
	grid-template-columns: 120px minmax(0, 1.4fr) minmax(0, 0.9fr) 80px 130px 130px;
	gap: 16px;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px solid var(--mf-border);
}
.mc-account__th {
	font-size: 11px;
	font-weight: 600;
	color: var(--mf-ink);
	opacity: 0.55;
	text-transform: uppercase;
	letter-spacing: 0.12em;
}
.mc-account__th--num,
.mc-account__th--actions {
	text-align: right;
}
.mc-account__row {
	display: grid;
	grid-template-columns: 120px minmax(0, 1.4fr) minmax(0, 0.9fr) 80px 130px 130px;
	gap: 16px;
	align-items: center;
	padding: 18px 0;
	border-bottom: 1px solid var(--mf-border);
	text-decoration: none !important;
	color: inherit !important;
	transition: background .12s ease;
}
.mc-account__row:hover {
	background: var(--mf-cream-soft);
	color: inherit !important;
}
.mc-account__td {
	font-size: 14px;
	color: var(--mf-ink);
	min-width: 0;
}
.mc-account__td--num { text-align: right; font-variant-numeric: tabular-nums; }
.mc-account__td--actions { text-align: right; }
.mc-account__td--order {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.mc-account__order-num {
	font-size: 14px;
	font-weight: 600;
	color: var(--mf-ink);
}
.mc-account__order-date {
	font-size: 12px;
	color: var(--mf-ink);
	opacity: 0.55;
}
.mc-account__td--product {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}
.mc-account__thumb {
	width: 44px;
	height: 44px;
	background: var(--mf-cream);
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	overflow: hidden;
}
.mc-account__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mc-account__thumb-initials {
	font-size: 12px;
	font-weight: 700;
	color: var(--mf-rust);
}
.mc-account__product-info {
	min-width: 0;
	overflow: hidden;
}
.mc-account__product-name {
	font-size: 13px;
	font-weight: 600;
	color: var(--mf-ink);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.mc-account__product-more {
	font-weight: 400;
	opacity: 0.55;
	font-size: 12px;
	margin-left: 4px;
}
.mc-account__indicatie {
	font-size: 13px;
	font-style: italic;
	color: var(--mf-ink);
	opacity: 0.6;
}

/* Status pills */
.mc-account__pill {
	display: inline-block;
	padding: 5px 12px;
	border-radius: 9999px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	white-space: nowrap;
}
.mc-account__pill--cream { background: var(--mf-cream); color: var(--mf-ink); }
.mc-account__pill--rust  { background: var(--mf-rust);  color: #fff; }
.mc-account__pill--ink-outline { background: transparent; color: var(--mf-ink); border: 1px solid var(--mf-border); }
.mc-account__pill--muted { background: var(--mf-cream-soft); color: var(--mf-ink); opacity: 0.6; }

/* Actie kolom: pill + icon-knop side-by-side */
.mc-account__td--actions {
	display: inline-flex !important;
	gap: 8px;
	justify-content: flex-end;
	align-items: center;
}
.mc-account__cta-pill,
a.mc-account__cta-pill {
	display: inline-flex !important;
	align-items: center;
	padding: 7px 16px !important;
	border-radius: 9999px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	text-decoration: none !important;
	transition: all .12s ease;
	cursor: pointer;
	white-space: nowrap;
}
.mc-account__cta-pill--ink,
a.mc-account__cta-pill--ink {
	background: var(--mf-ink) !important;
	color: #fff !important;
}
.mc-account__cta-pill--ink:hover {
	background: #000 !important;
}
.mc-account__cta-pill--outline,
a.mc-account__cta-pill--outline {
	background: transparent !important;
	color: var(--mf-ink) !important;
	border: 1px solid var(--mf-border) !important;
}
.mc-account__row:hover .mc-account__cta-pill--outline {
	border-color: var(--mf-ink) !important;
}
.mc-account__cta-pill--outline:hover {
	border-color: var(--mf-ink) !important;
	background: var(--mf-cream-soft) !important;
}

/* Icon-knop voor herbestel actie */
.mc-account__cta-icon,
a.mc-account__cta-icon {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: transparent !important;
	color: var(--mf-ink) !important;
	border: 1px solid var(--mf-border) !important;
	text-decoration: none !important;
	transition: all .12s ease;
	cursor: pointer;
	flex-shrink: 0;
}
.mc-account__cta-icon:hover {
	background: var(--mf-cream) !important;
	border-color: var(--mf-ink) !important;
	color: var(--mf-rust) !important;
}
.mc-account__cta-icon svg {
	display: block;
}

/* Row pointer behavior */
.mc-account__row {
	cursor: pointer;
}
.mc-account__row:focus-visible {
	outline: 2px solid var(--mf-rust);
	outline-offset: -2px;
}

/* ============ Order Detail ============ */
.mc-order {
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.mc-order__back {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 500;
	color: var(--mf-ink) !important;
	text-decoration: none !important;
	opacity: 0.7;
	transition: opacity .15s ease, color .15s ease;
	align-self: flex-start;
}
.mc-order__back:hover {
	opacity: 1;
	color: var(--mf-rust) !important;
}

.mc-order__head {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.mc-order__title {
	font-size: 32px !important;
	font-weight: 700 !important;
	color: var(--mf-ink) !important;
	letter-spacing: -0.02em !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	line-height: 1.15 !important;
}
.mc-order__date {
	font-size: 14px;
	color: var(--mf-ink);
	opacity: 0.55;
}

/* Status-banner (orange) */
.mc-order__banner {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px 22px;
	background: var(--mf-rust);
	color: #fff;
	border-radius: 12px;
}
.mc-order__banner-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	flex-shrink: 0;
}
.mc-order__banner-text {
	flex: 1;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.45;
}
.mc-order__banner-cta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 18px;
	background: #fff;
	color: var(--mf-ink) !important;
	border-radius: 9999px;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none !important;
	flex-shrink: 0;
}
.mc-order__banner-cta:hover { background: var(--mf-cream-soft); }

/* Step timeline */
.mc-order__timeline {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 20px 0;
	gap: 4px;
}
.mc-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	min-width: 0;
	flex: 0 0 auto;
}
.mc-step__circle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid var(--mf-border);
	color: var(--mf-ink);
	transition: all .2s ease;
}
.mc-step--done .mc-step__circle {
	background: var(--mf-ink);
	border-color: var(--mf-ink);
	color: #fff;
}
.mc-step--active .mc-step__circle {
	background: var(--mf-rust);
	border-color: var(--mf-rust);
	color: #fff;
	box-shadow: 0 0 0 4px rgba(158,73,29,0.15);
}
.mc-step--future .mc-step__circle {
	background: #fff;
	border-color: var(--mf-border);
}
.mc-step__label {
	font-size: 12px;
	font-weight: 500;
	color: var(--mf-ink);
	text-align: center;
	max-width: 120px;
}
.mc-step--done    .mc-step__label { color: var(--mf-ink); opacity: 0.85; }
.mc-step--active  .mc-step__label { color: var(--mf-rust); font-weight: 600; }
.mc-step--future  .mc-step__label { color: var(--mf-muted); }
.mc-step__line {
	flex: 1;
	height: 2px;
	background: var(--mf-border);
	margin-top: 13px;
	min-width: 20px;
}
.mc-step__line--done { background: var(--mf-ink); }
.mc-step__line--active { background: var(--mf-rust); }

/* Grid: main + sidebar */
.mc-order__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 36px;
	align-items: start;
}
.mc-order__main {
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.mc-order__sidebar {
	display: flex;
	flex-direction: column;
	gap: 16px;
	position: sticky;
	top: 24px;
}

/* Section blokken in main */
.mc-order__section { display: flex; flex-direction: column; gap: 16px; }
.mc-order__section-head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--mf-border);
}
.mc-order__section-head h2 {
	font-size: 18px !important;
	font-weight: 700 !important;
	color: var(--mf-ink) !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}
.mc-order__section-meta {
	font-size: 13px;
	color: var(--mf-ink);
	opacity: 0.55;
}

/* Items */
.mc-order__items {
	display: flex;
	flex-direction: column;
	gap: 0;
}
.mc-order__item {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 18px 0;
	border-bottom: 1px solid var(--mf-border);
}
.mc-order__item:last-child { border-bottom: 0; }
.mc-order__item-thumb {
	position: relative;
	width: 64px;
	height: 64px;
	background: var(--mf-cream);
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	overflow: visible;
}
.mc-order__item-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}
.mc-order__item-initials {
	font-size: 16px;
	font-weight: 700;
	color: var(--mf-rust);
}
.mc-order__item-badge {
	position: absolute;
	top: -7px;
	right: -7px;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	background: var(--mf-ink);
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	border-radius: 9999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.mc-order__item-info {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.mc-order__item-name {
	font-size: 14px;
	font-weight: 600;
	color: var(--mf-ink);
}
.mc-order__item-variant {
	font-size: 12px;
	color: var(--mf-ink);
	opacity: 0.65;
}
.mc-order__item-total {
	font-size: 14px;
	font-weight: 600;
	color: var(--mf-ink);
	white-space: nowrap;
}

/* Bestelgegevens 3-col */
.mc-order__details {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 24px;
}
.mc-order__detail-col {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.mc-order__detail-label {
	font-size: 11px;
	font-weight: 600;
	color: var(--mf-ink);
	opacity: 0.55;
	text-transform: uppercase;
	letter-spacing: 0.12em;
}
.mc-order__detail-value {
	font-size: 14px;
	line-height: 1.55;
	color: var(--mf-ink);
	font-style: normal;
}
.mc-order__detail-sub {
	font-size: 12px;
	color: var(--mf-ink);
	opacity: 0.55;
}

/* Activity log */
.mc-order__activity {
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.mc-order__activity-row {
	display: grid;
	grid-template-columns: 120px 1fr;
	gap: 20px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--mf-border);
}
.mc-order__activity-row:last-child { border-bottom: 0; }
.mc-order__activity-time {
	font-size: 12px;
	color: var(--mf-ink);
	opacity: 0.55;
	font-variant-numeric: tabular-nums;
}
.mc-order__activity-text {
	font-size: 13px;
	line-height: 1.55;
	color: var(--mf-ink);
}
.mc-order__activity-text strong {
	font-weight: 600;
}
.mc-order__activity-text p { margin: 0 0 6px 0; }
.mc-order__activity-empty {
	font-size: 13px;
	color: var(--mf-ink);
	opacity: 0.55;
	font-style: italic;
}

/* Sidebar: info card */
.mc-order__info-card {
	background: var(--mf-cream);
	border-radius: 14px;
	padding: 22px 24px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.mc-order__info-label {
	font-size: 11px;
	font-weight: 600;
	color: var(--mf-ink);
	opacity: 0.55;
	text-transform: uppercase;
	letter-spacing: 0.12em;
}
.mc-order__info-row {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	font-size: 13px;
	color: var(--mf-ink);
}
.mc-order__info-row span:last-child { font-weight: 500; }
.mc-order__info-divider {
	height: 1px;
	background: rgba(29,29,27,0.08);
	margin: 4px 0;
}
.mc-order__info-row--total {
	font-size: 16px;
}
.mc-order__info-row--total span {
	font-weight: 700 !important;
}
.mc-order__info-row--total span:last-child {
	font-size: 22px;
	letter-spacing: -0.02em;
}
.mc-order__info-note {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-size: 12px;
	color: var(--mf-ink);
	opacity: 0.78;
	line-height: 1.5;
}

/* Sidebar: contact block */
.mc-order__contact {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 20px;
	background: #fff;
	border: 1px solid var(--mf-border);
	border-radius: 14px;
}
.mc-order__contact-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: var(--mf-cream);
	border-radius: 50%;
	flex-shrink: 0;
}
.mc-order__contact-text {
	display: flex;
	flex-direction: column;
	gap: 1px;
}
.mc-order__contact-small {
	font-size: 11px;
	color: var(--mf-ink);
	opacity: 0.55;
}
.mc-order__contact-phone {
	font-size: 14px;
	font-weight: 600;
	color: var(--mf-ink);
}

/* ============ Tablet / Mobile ============ */
@media (max-width: 1024px) {
	.mc-order__grid { grid-template-columns: 1fr; gap: 28px; }
	.mc-order__sidebar { position: static; flex-direction: row; flex-wrap: wrap; }
	.mc-order__info-card, .mc-order__contact { flex: 1 1 280px; }
	.mc-order__details { grid-template-columns: 1fr 1fr; }
	.mc-order__title { font-size: 26px !important; }
	.mc-account__table-head { display: none; }
	.mc-account__row {
		grid-template-columns: 1fr auto;
		grid-template-areas:
			"product action"
			"order   status"
			"qty     amount";
		gap: 8px 12px;
		padding: 16px 0;
	}
	.mc-account__td--product { grid-area: product; }
	.mc-account__td--order   { grid-area: order; flex-direction: row; gap: 8px; align-items: baseline; }
	.mc-account__td--actions { grid-area: action; }
	.mc-account__td:nth-child(3) { grid-area: status; }
	.mc-account__td--num:nth-child(4) { grid-area: qty;    text-align: left; opacity: 0.6; font-size: 13px; }
	.mc-account__td--num:nth-child(5) { grid-area: amount; }
}
@media (max-width: 640px) {
	.mc-account__welcome { padding: 24px 24px; }
	.mc-account__welcome-title { font-size: 24px !important; }
	.mc-account__orders-head { flex-direction: column; align-items: flex-start; }
	.mc-pill { padding: 6px 12px; font-size: 12px; }
	.mc-account__row {
		grid-template-columns: 1fr;
		grid-template-areas:
			"product"
			"order"
			"status"
			"qty"
			"amount"
			"action";
	}
	.mc-account__td--actions { text-align: left; }
	/* Order detail mobile */
	.mc-order__timeline { overflow-x: auto; gap: 0; padding-bottom: 12px; }
	.mc-step { min-width: 90px; }
	.mc-step__line { min-width: 12px; }
	.mc-order__title { font-size: 22px !important; }
	.mc-order__banner { flex-direction: column; align-items: flex-start; gap: 10px; }
	.mc-order__banner-cta { width: 100%; justify-content: center; }
	.mc-order__details { grid-template-columns: 1fr; gap: 16px; }
	.mc-order__activity-row { grid-template-columns: 1fr; gap: 4px; }
	.mc-order__sidebar { flex-direction: column; }
}

/* ==========================================================================
   Account v2 (Stap 1) — sidebar-shell, actie-pill, notice, offerte- en
   proefdruk-goedkeurblokken. Tokens: ink #1D1D1B, cream #EFEEE5, rust #9E491D.
   ========================================================================== */

/* ---- Sidebar-shell ---- */
.merchado-myaccount-shell--sidebar .mc-shell {
	display: flex;
	align-items: flex-start;
	gap: 34px;
	max-width: 1320px;
	margin: 0 auto;
	padding: 30px 24px 60px;
}
.mc-sidebar {
	flex: 0 0 200px;
	position: sticky;
	top: 110px;
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding-top: 6px;
}
.mc-shell__content {
	flex: 1 1 auto;
	min-width: 0;
}
.mc-sidebar__group {
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: #8A8A86;
	margin: 18px 0 6px 12px;
}
.mc-sidebar__group:first-child {
	margin-top: 0;
}
.mc-sidebar__link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 12px;
	border-radius: 10px;
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #1D1D1B;
	text-decoration: none;
	transition: background 0.12s ease;
}
.mc-sidebar__link:hover {
	background: rgba(29, 29, 27, 0.05);
	color: #1D1D1B;
}
.mc-sidebar__link.is-active {
	background: #FFFFFF;
	font-weight: 600;
	box-shadow: 0 1px 2px rgba(29, 29, 27, 0.06);
}
.mc-sidebar__link--logout {
	margin-top: 18px;
	color: #9E491D;
}
.mc-sidebar__link--logout:hover {
	background: rgba(158, 73, 29, 0.07);
	color: #9E491D;
}
@media (max-width: 900px) {
	.merchado-myaccount-shell--sidebar .mc-shell {
		flex-direction: column;
		gap: 12px;
		padding: 18px 16px 40px;
	}
	.mc-sidebar {
		position: static;
		flex: 0 0 auto;
		width: 100%;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 6px;
	}
	.mc-sidebar__group {
		display: none;
	}
	.mc-sidebar__link {
		padding: 8px 13px;
		background: #FFFFFF;
		border: 1px solid #E5E4DC;
		border-radius: 9999px;
		font-size: 13px;
	}
	.mc-sidebar__link--logout {
		margin-top: 0;
	}
}

/* ---- Actie-pill (Offerte — beoordeel / Proefdruk — beoordeel) ---- */
.mc-account__pill--action {
	background: #9E491D;
	color: #FFFFFF;
}

/* ---- PRG-notice ---- */
.mc-order__notice {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 16px;
	padding: 13px 18px;
	border-radius: 12px;
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 14px;
	font-weight: 500;
}
.mc-order__notice--success {
	background: #E6F2EC;
	color: #2E6B4F;
}
.mc-order__notice--error {
	background: #FBEAEA;
	color: #B32D2E;
}

/* ---- Offerte-goedkeurblok ---- */
.mc-quote__pdf {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 500;
	color: #9E491D;
	text-decoration: none;
}
.mc-quote__pdf:hover {
	text-decoration: underline;
	color: #9E491D;
}
.mc-quote__lines {
	background: #F7F5F0;
	border-radius: 12px;
	padding: 6px 18px;
	margin: 0 0 18px;
}
.mc-quote__line {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	padding: 11px 0;
	border-bottom: 1px solid rgba(29, 29, 27, 0.07);
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 14px;
}
.mc-quote__line:last-child {
	border-bottom: 0;
}
.mc-quote__line-name {
	font-weight: 600;
	color: #1D1D1B;
}
.mc-quote__line-qty {
	font-weight: 400;
	color: #8A8A86;
	margin-left: 4px;
}
.mc-quote__line-prices {
	text-align: right;
	white-space: nowrap;
}
.mc-quote__line-unit {
	display: block;
	font-size: 12px;
	color: #8A8A86;
}
.mc-quote__actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.mc-quote__approve {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	background: #1D1D1B;
	color: #FFFFFF;
	border: 0;
	border-radius: 9999px;
	padding: 14px 26px;
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.12s ease;
}
.mc-quote__approve:hover {
	background: #000000;
}
.mc-quote__reject summary {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 13.5px;
	font-weight: 500;
	color: #5C5C58;
	border: 1px solid #E5E4DC;
	border-radius: 9999px;
	padding: 10px 20px;
	background: #FFFFFF;
	list-style: none;
}
.mc-quote__reject summary::-webkit-details-marker {
	display: none;
}
.mc-quote__reject summary:hover {
	border-color: #9E491D;
	color: #9E491D;
}
.mc-quote__reject[open] summary {
	border-color: #9E491D;
	color: #9E491D;
}
.mc-quote__reject form,
.mc-proof__reject form {
	margin-top: 10px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-width: 520px;
}
.mc-quote__feedback-label {
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 12.5px;
	color: #5C5C58;
}
.mc-quote__reject textarea,
.mc-proof__reject textarea {
	width: 100%;
	border: 1px solid #E5E4DC;
	border-radius: 12px;
	padding: 10px 14px;
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 14px;
	resize: vertical;
	background: #FFFFFF;
}
.mc-quote__reject textarea:focus,
.mc-proof__reject textarea:focus {
	outline: none;
	border-color: #9E491D;
}
.mc-quote__reject-btn,
.mc-proof__reject-btn {
	align-self: flex-start;
	background: #FFFFFF;
	color: #9E491D;
	border: 1px solid #9E491D;
	border-radius: 9999px;
	padding: 9px 18px;
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
}
.mc-quote__reject-btn:hover,
.mc-proof__reject-btn:hover {
	background: #9E491D;
	color: #FFFFFF;
}
.mc-quote__note {
	margin: 14px 0 0;
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 12.5px;
	color: #8A8A86;
}

/* ---- Proefdruk-blok per productregel ---- */
.mc-proof {
	margin-top: 12px;
	padding: 12px 14px;
	background: #F7F5F0;
	border-radius: 12px;
}
.mc-proof__file {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 13px;
}
.mc-proof__name {
	font-weight: 600;
	color: #1D1D1B;
	text-decoration: none;
}
.mc-proof__name:hover {
	text-decoration: underline;
	color: #1D1D1B;
}
.mc-proof__ver {
	font-size: 11px;
	color: #8A8A86;
}
.mc-proof__open {
	margin-left: auto;
	font-weight: 600;
	font-size: 13px;
	color: #9E491D;
	text-decoration: none;
	white-space: nowrap;
}
.mc-proof__open:hover {
	text-decoration: underline;
	color: #9E491D;
}
.mc-proof__actions {
	margin-top: 12px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.mc-proof__approve {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #1D1D1B;
	color: #FFFFFF;
	border: 0;
	border-radius: 9999px;
	padding: 11px 20px;
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 13.5px;
	font-weight: 600;
	cursor: pointer;
}
.mc-proof__approve:hover {
	background: #000000;
}
.mc-proof__reject summary {
	display: inline-flex;
	cursor: pointer;
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 13px;
	font-weight: 500;
	color: #5C5C58;
	border: 1px solid #E5E4DC;
	border-radius: 9999px;
	padding: 8px 16px;
	background: #FFFFFF;
	list-style: none;
	width: fit-content;
}
.mc-proof__reject summary::-webkit-details-marker {
	display: none;
}
.mc-proof__reject summary:hover,
.mc-proof__reject[open] summary {
	border-color: #9E491D;
	color: #9E491D;
}
.mc-proof__chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 10px;
	padding: 5px 12px;
	border-radius: 9999px;
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 12px;
	font-weight: 600;
}
.mc-proof__chip--ok {
	background: #FFFFFF;
	color: #2E6B4F;
}
.mc-proof__chip--rev {
	background: #FFFFFF;
	color: #9E491D;
}

/* ==========================================================================
   Account v2 — dashboard-restyle conform A1/A3-ontwerp (serif-koppen, open
   welkom, acties-nodig-kaart, tellers, pills met dot, tabel-band).
   Staat bewust ONDER de oudere regels: zelfde specificiteit → deze winnen.
   ========================================================================== */

/* Oude "Mijn account"-dropdown is overbodig naast de sidebar. */
.merchado-myaccount-shell--sidebar .mc-account__menu {
	display: none;
}

/* Serif-koppen (site-kopfont = Optima). */
.mc-account__welcome-title,
.mc-account__orders-title,
.mc-order__title,
.mc-order__section-head h2 {
	font-family: Optima, 'Candara', Georgia, serif;
	font-weight: 500;
	letter-spacing: 0;
}

/* Welkom: open op de achtergrond, geen kaart. */
.mc-account__welcome {
	background: transparent;
	border: 0;
	box-shadow: none;
	padding: 6px 0 2px;
	margin: 0 0 22px;
}
.mc-account__welcome-title {
	font-size: 40px;
	line-height: 1.1;
	margin: 0 0 8px;
	color: #1D1D1B;
}
.mc-account__welcome-meta {
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 15px;
	color: #5C5C58;
	margin: 0;
}

/* Acties nodig — cream kaart met rijen + donkere CTA-pills. */
.mc-account__todo {
	background: #F5F1E8;
	border-radius: 16px;
	padding: 22px 24px;
	margin: 0 0 22px;
}
.mc-account__todo-head {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
}
.mc-account__todo-head h2 {
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	color: #1D1D1B;
}
.mc-account__todo-icon {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #9E491D;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Inter', -apple-system, sans-serif;
}
.mc-account__todo-row {
	display: flex;
	align-items: center;
	gap: 14px;
	background: #FFFFFF;
	border-radius: 12px;
	padding: 13px 16px;
	margin-bottom: 10px;
}
.mc-account__todo-row:last-child {
	margin-bottom: 0;
}
.mc-account__todo-thumb {
	width: 46px;
	height: 46px;
	border-radius: 10px;
	overflow: hidden;
	background: #F7F5F0;
	flex-shrink: 0;
}
.mc-account__todo-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.mc-account__todo-info {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	font-family: 'Inter', -apple-system, sans-serif;
}
.mc-account__todo-info strong {
	font-size: 14.5px;
	color: #1D1D1B;
}
.mc-account__todo-info span {
	font-size: 13px;
	color: #8A8A86;
}
.mc-account__todo-cta {
	margin-left: auto;
	flex-shrink: 0;
	background: #1D1D1B;
	color: #FFFFFF !important;
	text-decoration: none;
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 13.5px;
	font-weight: 600;
	padding: 11px 20px;
	border-radius: 9999px;
	transition: background 0.12s ease;
}
.mc-account__todo-cta:hover {
	background: #000000;
}

/* Teller-kaarten. */
.mc-account__stats {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
	margin: 0 0 30px;
}
.mc-account__stat {
	background: #FFFFFF;
	border: 1px solid #E5E4DC;
	border-radius: 16px;
	padding: 18px 22px;
	font-family: 'Inter', -apple-system, sans-serif;
}
.mc-account__stat-label {
	display: block;
	font-size: 13px;
	color: #5C5C58;
	margin-bottom: 4px;
}
.mc-account__stat-num {
	display: block;
	font-family: Optima, 'Candara', Georgia, serif;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.1;
	color: #1D1D1B;
}
.mc-account__stat-sub {
	display: block;
	font-size: 12.5px;
	color: #8A8A86;
	margin-top: 3px;
}

/* Gouden "Actie nodig"-filterpill. */
.mc-account__orders-filters .mc-pill--gold {
	background: #9E491D;
	border-color: #9E491D;
	color: #FFFFFF;
}
.mc-account__orders-filters .mc-pill--gold .mc-pill__count {
	color: rgba(255, 255, 255, 0.75);
}

/* Status-pills met dot, kleuren conform ontwerp. */
.mc-account__pill {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}
.mc-account__pill::before {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
	flex-shrink: 0;
}
.mc-account__pill--action {
	background: #9E491D;
	color: #FFFFFF;
}
.mc-account__pill--rust {
	background: #ECEAE0;
	color: #1D1D1B;
}
.mc-account__pill--ink-outline {
	background: #E4EFE7;
	border: 0;
	color: #2E6B4F;
}
.mc-account__pill--cream {
	background: #F0EFE8;
	color: #5C5C58;
}

/* Tabel-kopband zoals in het ontwerp. */
.mc-account__table-head {
	background: #F5F1E8;
	border-radius: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Serif-override: moet de oude generieke Inter-!important-regel op
   .woocommerce-MyAccount-content h1/h2/h3 verslaan. */
body.merchado-myaccount .woocommerce-MyAccount-content .mc-account__welcome-title,
body.merchado-myaccount .woocommerce-MyAccount-content .mc-account__orders-title,
body.merchado-myaccount .woocommerce-MyAccount-content .mc-order__title,
body.merchado-myaccount .woocommerce-MyAccount-content .mc-order__section-head h2,
body.merchado-myaccount .mc-account__welcome-title,
body.merchado-myaccount .mc-account__orders-title,
body.merchado-myaccount .mc-order__title,
body.merchado-myaccount .mc-order__section-head h2 {
	font-family: Optima, 'Candara', Georgia, serif !important;
	font-weight: 500 !important;
	letter-spacing: 0 !important;
}
body.merchado-myaccount .mc-account__welcome-title {
	font-size: 40px !important;
}
body.merchado-myaccount .mc-account__orders-title {
	font-size: 28px !important;
}
body.merchado-myaccount .mc-order__title {
	font-size: 34px !important;
}

/* Kop van de acties-kaart: bewust sans/klein (oude h2-regels forceren serif/groot). */
body.merchado-myaccount .woocommerce-MyAccount-content .mc-account__todo-head h2,
body.merchado-myaccount .mc-account__todo-head h2 {
	font-family: 'Inter', -apple-system, sans-serif !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	margin: 0 !important;
}

/* Gouden filterpill: oude .mc-pill-reset gebruikt !important → hier ook. */
body.merchado-myaccount .mc-account__orders-filters .mc-pill--gold {
	background: #9E491D !important;
	border-color: #9E491D !important;
	color: #FFFFFF !important;
}
body.merchado-myaccount .mc-account__orders-filters .mc-pill--gold .mc-pill__count {
	color: rgba(255, 255, 255, 0.75) !important;
}

/* Account v2 — kleurstelling conform ontwerp: cream pagina-achtergrond,
   sidebar op cream, content in één witte afgeronde kaart. Overschrijft de
   fase-1 grijs/witte-kaart-opzet hierboven. */
body.merchado-myaccount,
body.merchado-myaccount #main-container,
body.merchado-myaccount main,
body.merchado-myaccount [data-prefix*="main"] {
	background-color: #EFEEE5 !important;
}
body.merchado-myaccount .merchado-myaccount-shell--sidebar {
	background: transparent !important;
	max-width: 1400px;
	margin: 10px auto 70px;
	padding: 0 24px;
	border-radius: 0;
}
.merchado-myaccount-shell--sidebar .mc-shell {
	padding: 20px 0 0;
	gap: 42px;
	max-width: none;
}
.merchado-myaccount-shell--sidebar .mc-shell__content {
	background: #FFFFFF;
	border-radius: 24px;
	padding: 46px 50px;
	box-shadow: 0 1px 2px rgba(29, 29, 27, 0.04);
}
.mc-sidebar__link:hover {
	background: rgba(255, 255, 255, 0.55);
}
.mc-sidebar__link.is-active {
	background: #FFFFFF;
	box-shadow: 0 1px 2px rgba(29, 29, 27, 0.05);
}
.mc-sidebar__badge {
	margin-left: auto;
	background: #9E491D;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: 700;
	min-width: 19px;
	height: 19px;
	border-radius: 9999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 5px;
}
@media (max-width: 900px) {
	.merchado-myaccount-shell--sidebar .mc-shell__content {
		padding: 24px 18px;
		border-radius: 18px;
	}
	.mc-sidebar__link:hover,
	.mc-sidebar__link.is-active {
		background: #FFFFFF;
	}
}

/* Account v2 — EXACTE maten uit Paper A1 (Body: padding 24/40/56, gap 8;
   Sidebar: 224px, padding 16/8/16/4; Main-kaart: padding 48/52/52, radius 24).
   Full-width met 40px zijmarges, zoals het ontwerp — geen gecentreerde max-width. */
body.merchado-myaccount .merchado-myaccount-shell--sidebar {
	max-width: none;
	margin: 0;
	padding: 24px 40px 56px;
}
.merchado-myaccount-shell--sidebar .mc-shell {
	padding: 0;
	gap: 8px;
	max-width: none;
}
.merchado-myaccount-shell--sidebar .mc-sidebar {
	flex: 0 0 224px;
	box-sizing: border-box;
	padding: 16px 8px 16px 4px;
}
.merchado-myaccount-shell--sidebar .mc-shell__content {
	padding: 48px 52px 52px;
	border-radius: 24px;
}
@media (max-width: 900px) {
	body.merchado-myaccount .merchado-myaccount-shell--sidebar {
		padding: 14px 16px 40px;
	}
	.merchado-myaccount-shell--sidebar .mc-sidebar {
		flex: 0 0 auto;
		padding: 0;
	}
	.merchado-myaccount-shell--sidebar .mc-shell__content {
		padding: 26px 20px;
		border-radius: 18px;
	}
}

/* Blocksy's header-pill hangt ~30px onder de header-flow uit (gemeten:
   flow-bottom 123, pill-bottom 153). De 24px ontwerp-ruimte moet vanaf de
   PILL gelden → 24 + 30 overhang = 54px shell-padding-top. */
body.merchado-myaccount .merchado-myaccount-shell--sidebar {
	padding-top: 54px;
}
@media (max-width: 900px) {
	body.merchado-myaccount .merchado-myaccount-shell--sidebar {
		padding-top: 44px;
	}
}

/* Uitlijnen op de header-pill: Blocksy geeft de pill 5vw marge per kant
   (gemeten 75px @1503, 72px @1440). Shell volgt dezelfde 5vw zodat sidebar
   en kaart op elke schermbreedte exact binnen de header vallen. */
body.merchado-myaccount .merchado-myaccount-shell--sidebar {
	padding-left: 5vw;
	padding-right: 5vw;
}
@media (max-width: 900px) {
	body.merchado-myaccount .merchado-myaccount-shell--sidebar {
		padding-left: 5vw;
		padding-right: 5vw;
	}
}

/* Header-pill blijkt te cappen: breedte = min(90vw, 1440px), gecentreerd
   (gemeten: 1296@1440, 1353@1503, 1440@1728). Shell spiegelt dat exact,
   zodat de account-layout op ÉLKE breedte binnen de pill valt. */
body.merchado-myaccount .merchado-myaccount-shell--sidebar {
	padding-left: 0;
	padding-right: 0;
}
.merchado-myaccount-shell--sidebar .mc-shell {
	width: min(90vw, 1440px);
	margin-left: auto;
	margin-right: auto;
}

/* Ademruimte in de tabel-band: labels niet tegen de afgeronde randen.
   Rijen krijgen dezelfde zij-padding zodat de kolommen uitgelijnd blijven.
   Alleen desktop — mobiel rendert rijen als kaarten met eigen padding. */
@media (min-width: 901px) {
	body.merchado-myaccount .mc-account__table-head {
		padding-left: 20px;
		padding-right: 20px;
	}
	body.merchado-myaccount .mc-account__row {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* ==========================================================================
   Order-detail conform A4/A5-ontwerp: genummerde tracker, cream banner,
   offerte-regels met badge+foto, knoppen naast elkaar, feedbackblok, PDF-kaart.
   ========================================================================== */

/* Tracker: bolletjes met vinkje (done) / nummer (actief+toekomst) + subtekst. */
body.merchado-myaccount .mc-step__circle {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 14px;
	font-weight: 600;
	box-sizing: border-box;
}
body.merchado-myaccount .mc-step--done .mc-step__circle {
	background: #1D1D1B;
	border: 0;
	color: #FFFFFF;
}
body.merchado-myaccount .mc-step--active .mc-step__circle {
	background: #9E491D;
	border: 0;
	color: #FFFFFF;
}
body.merchado-myaccount .mc-step--future .mc-step__circle {
	background: transparent;
	border: 1.5px solid #C9C2B3;
	color: #8A8A86;
}
body.merchado-myaccount .mc-step--active .mc-step__label {
	color: #9E491D;
	font-weight: 600;
}
body.merchado-myaccount .mc-step__sub {
	display: block;
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 12px;
	color: #8A8A86;
	margin-top: 2px;
}
body.merchado-myaccount .mc-step--active .mc-step__sub {
	color: #9E491D;
}
body.merchado-myaccount .mc-step--done .mc-step__sub {
	color: #2E6B4F;
}

/* Banner: cream met donkere tekst (was rust-vlak met knop). */
body.merchado-myaccount .mc-order__banner {
	background: #F5F1E8;
	color: #1D1D1B;
	border: 0;
	border-radius: 14px;
	padding: 18px 22px;
	display: flex;
	align-items: flex-start;
	gap: 14px;
}
body.merchado-myaccount .mc-order__banner-icon {
	width: 26px;
	height: 26px;
	flex-shrink: 0;
	border-radius: 50%;
	background: #9E491D;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Inter', -apple-system, sans-serif;
	font-weight: 700;
	font-size: 14px;
}
body.merchado-myaccount .mc-order__banner-body {
	display: flex;
	flex-direction: column;
	gap: 3px;
	font-family: 'Inter', -apple-system, sans-serif;
}
body.merchado-myaccount .mc-order__banner-body strong {
	font-size: 15px;
	color: #1D1D1B;
}
body.merchado-myaccount .mc-order__banner-body span {
	font-size: 14px;
	font-weight: 300;
	color: #5C5C58;
}
/* Rustige info-variant (bv. "in productie · levertijd"): witte kaart met een
   ingetogen rust-omlijnd icoon i.p.v. het gevulde actie-icoon. */
body.merchado-myaccount .mc-order__banner--info {
	background: #FFFFFF;
	box-shadow: inset 0 0 0 1px rgba(29, 29, 27, 0.08);
}
body.merchado-myaccount .mc-order__banner--info .mc-order__banner-icon {
	background: transparent;
	color: #9E491D;
	box-shadow: inset 0 0 0 1.5px #9E491D;
}

/* Offerte-regels: badge + thumb + info + prijzen. */
body.merchado-myaccount .mc-quote__line {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 0;
}
body.merchado-myaccount .mc-quote__line-badge {
	flex-shrink: 0;
	min-width: 34px;
	height: 34px;
	padding: 0 6px;
	border-radius: 9999px;
	background: #1D1D1B;
	color: #FFFFFF;
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 13px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}
body.merchado-myaccount .mc-quote__line-thumb {
	flex-shrink: 0;
	width: 46px;
	height: 46px;
	border-radius: 10px;
	overflow: hidden;
	background: #FFFFFF;
}
body.merchado-myaccount .mc-quote__line-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
body.merchado-myaccount .mc-quote__line-info {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}
body.merchado-myaccount .mc-quote__line-name {
	font-weight: 600;
	color: #1D1D1B;
}
body.merchado-myaccount .mc-quote__line-var {
	font-size: 13px;
	color: #8A8A86;
}
body.merchado-myaccount .mc-quote__line-prices {
	margin-left: auto;
	text-align: right;
	white-space: nowrap;
}
body.merchado-myaccount .mc-quote__line-unit {
	display: block;
	font-size: 12.5px;
	color: #8A8A86;
}

/* Knoppenrij: even groot, naast elkaar. */
body.merchado-myaccount .mc-quote__actions-row {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	margin: 4px 0 18px;
}
body.merchado-myaccount .mc-quote__approve,
body.merchado-myaccount .mc-quote__reject-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	height: 50px;
	padding: 0 26px;
	border-radius: 9999px;
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 14.5px;
	font-weight: 600;
	cursor: pointer;
	box-sizing: border-box;
}
body.merchado-myaccount .mc-quote__approve {
	background: #1D1D1B;
	color: #FFFFFF;
	border: 0;
}
body.merchado-myaccount .mc-quote__approve:hover {
	background: #000000;
}
body.merchado-myaccount .mc-quote__reject-cta {
	background: #FFFFFF;
	color: #1D1D1B;
	border: 1.5px solid #C9C2B3;
}
body.merchado-myaccount .mc-quote__reject-cta:hover {
	border-color: #9E491D;
	color: #9E491D;
	background: #FFFFFF;
}

/* Feedbackblok: altijd zichtbaar, cream kaart met label (A4). */
body.merchado-myaccount .mc-quote__fb {
	background: #F5F1E8;
	border-radius: 14px;
	padding: 16px 20px 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: none;
	margin: 0;
}
body.merchado-myaccount .mc-quote__fb-label {
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: #8A8A86;
}
body.merchado-myaccount .mc-quote__fb textarea {
	width: 100%;
	border: 1px solid #E5E4DC;
	border-radius: 12px;
	padding: 12px 16px;
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 14px;
	background: #FFFFFF;
	resize: vertical;
	box-sizing: border-box;
}
body.merchado-myaccount .mc-quote__fb textarea:focus {
	outline: none;
	border-color: #9E491D;
}

/* PDF-kaart in de sidebar (A4). */
body.merchado-myaccount .mc-order__pdf-card {
	display: flex;
	align-items: center;
	gap: 13px;
	background: #FFFFFF;
	border: 1px solid #E5E4DC;
	border-radius: 14px;
	padding: 16px 18px;
	margin-bottom: 18px;
	text-decoration: none !important;
	transition: border-color 0.12s ease;
}
body.merchado-myaccount .mc-order__pdf-card:hover {
	border-color: #9E491D;
}
body.merchado-myaccount .mc-order__pdf-icon {
	flex-shrink: 0;
	display: flex;
}
body.merchado-myaccount .mc-order__pdf-info {
	display: flex;
	flex-direction: column;
	gap: 2px;
	font-family: 'Inter', -apple-system, sans-serif;
	min-width: 0;
}
body.merchado-myaccount .mc-order__pdf-info strong {
	font-size: 14px;
	color: #1D1D1B;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
body.merchado-myaccount .mc-order__pdf-info span {
	font-size: 12.5px;
	font-weight: 300;
	color: #8A8A86;
}

/* Banner: oude blauwe rand/outline definitief weg + textarea-hoogte begrenzen. */
body.merchado-myaccount .mc-order__banner {
	border: 0 !important;
	outline: none !important;
	box-shadow: none !important;
}
body.merchado-myaccount .mc-quote__fb textarea {
	min-height: 90px;
	height: 110px;
}
/* PDF-kaart staat nu onder de bestelinfo-kaart: marge boven i.p.v. onder. */
body.merchado-myaccount .mc-order__pdf-card {
	margin-bottom: 0;
	margin-top: 18px;
}

/* ==========================================================================
   Proefdruk-blok conform A5: wit bestandskaartje met meta + zwarte
   "Open proefdruk"-knop, actieknoppen naast elkaar, status-chip rechts.
   ========================================================================== */
body.merchado-myaccount .mc-order__item {
	align-items: flex-start;
}
body.merchado-myaccount .mc-order__item-right {
	margin-left: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 8px;
	flex-shrink: 0;
}
body.merchado-myaccount .mc-proof {
	margin-top: 14px;
	padding: 16px;
	background: #F5F1E8;
	border-radius: 14px;
}
body.merchado-myaccount .mc-proof__filecard {
	display: flex;
	align-items: center;
	gap: 12px;
	background: #FFFFFF;
	border-radius: 12px;
	padding: 13px 16px;
}
body.merchado-myaccount .mc-proof__fileinfo {
	display: flex;
	flex-direction: column;
	gap: 1px;
	min-width: 0;
}
body.merchado-myaccount .mc-proof__name {
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #1D1D1B;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
body.merchado-myaccount .mc-proof__name:hover {
	text-decoration: underline;
	color: #1D1D1B;
}
body.merchado-myaccount .mc-proof__meta {
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 12.5px;
	font-weight: 300;
	color: #8A8A86;
}
body.merchado-myaccount .mc-proof__open-btn {
	margin-left: auto;
	flex-shrink: 0;
	background: transparent;
	color: #1D1D1B !important;
	text-decoration: none !important;
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 13.5px;
	font-weight: 600;
	padding: 4px 0;
	border-radius: 0;
	transition: color 0.12s ease;
}
body.merchado-myaccount .mc-proof__open-btn:hover {
	background: transparent;
	color: #9E491D !important;
	text-decoration: underline !important;
}
body.merchado-myaccount .mc-proof__actions {
	margin-top: 14px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 12px;
	flex-wrap: wrap;
}
body.merchado-myaccount .mc-proof__approve {
	height: 46px;
	padding: 0 22px;
}
body.merchado-myaccount .mc-proof__reject summary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 46px;
	padding: 0 22px;
	box-sizing: border-box;
	font-size: 13.5px;
	font-weight: 600;
	color: #1D1D1B;
	border: 1.5px solid #C9C2B3;
	background: #FFFFFF;
}
body.merchado-myaccount .mc-proof__reject summary:hover,
body.merchado-myaccount .mc-proof__reject[open] summary {
	border-color: #9E491D;
	color: #9E491D;
}
body.merchado-myaccount .mc-proof__chip {
	margin-top: 0;
	white-space: nowrap;
}
body.merchado-myaccount .mc-proof__chip--wait {
	background: #FFFFFF;
	color: #9E491D;
}
body.merchado-myaccount .mc-proof__chip--wait::before,
body.merchado-myaccount .mc-proof__chip--ok::before,
body.merchado-myaccount .mc-proof__chip--rev::before {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
	display: inline-block;
}
@media (max-width: 700px) {
	body.merchado-myaccount .mc-proof__filecard {
		flex-wrap: wrap;
	}
	body.merchado-myaccount .mc-proof__open-btn {
		margin-left: 0;
		width: 100%;
		text-align: center;
	}
}

/* Proefdruk-actieknoppen definitief in één rij, gelijke hoogte (oude
   kolom-regels uit de eerste portal-versie overschrijven). */
body.merchado-myaccount .mc-proof__actions {
	flex-direction: row !important;
	align-items: flex-start !important;
}
body.merchado-myaccount .mc-proof__form-inline {
	display: contents;
}
body.merchado-myaccount .mc-proof__approve {
	height: 46px !important;
	padding: 0 22px !important;
	box-sizing: border-box !important;
	font-size: 13.5px !important;
}
body.merchado-myaccount .mc-proof__reject summary {
	height: 46px !important;
	box-sizing: border-box !important;
}

/* Blocksy zet min-height:55px op buttons — min-height verslaat height,
   dus expliciet terugzetten. Rij niet laten wrappen (behalve mobiel). */
body.merchado-myaccount .mc-proof__approve {
	min-height: 46px !important;
}
/* Gesloten: knoppen naast elkaar (nowrap + shrink-to-fit). */
body.merchado-myaccount .mc-proof__actions {
	flex-wrap: nowrap;
}
body.merchado-myaccount .mc-proof__reject {
	flex: 0 0 auto;
	min-width: 0;
}
/* Open: laat de rij wrappen en het afkeur-formulier full-width ONDER de knoprij
   vallen, zodat het niet ernaast uitpuilt over de sidebar bij scrollen. */
body.merchado-myaccount .mc-proof__actions:has( .mc-proof__reject[open] ) {
	flex-wrap: wrap;
}
body.merchado-myaccount .mc-proof__reject[open] {
	flex: 1 1 100%;
}
body.merchado-myaccount .mc-proof__reject[open] form {
	max-width: 100%;
}
@media (max-width: 700px) {
	body.merchado-myaccount .mc-proof__actions {
		flex-wrap: wrap;
	}
}
/* Zelfde min-height-valkuil bij de offerte-knoppen. */
body.merchado-myaccount .mc-quote__approve,
body.merchado-myaccount .mc-quote__reject-cta {
	min-height: 50px !important;
	height: 50px !important;
}

/* Info-kolom laten meegroeien: het proefdruk-blok heeft de volle breedte
   tussen thumbnail en rechterkolom nodig (anders knelt alles). */
body.merchado-myaccount .mc-order__item-info {
	flex: 1 1 auto;
	min-width: 0;
}
body.merchado-myaccount .mc-proof__approve,
body.merchado-myaccount .mc-proof__reject summary {
	white-space: nowrap;
}

/* Product mét proefdruk = eigen cream kaart (A5): pill rechtsboven op de
   titelregel, prijs in de subregel, wit bestandskaartje erin. */
body.merchado-myaccount .mc-order__item--proof {
	background: #F5F1E8;
	border-radius: 16px;
	padding: 18px 20px;
	border-bottom: 0 !important;
	margin-bottom: 14px;
}
body.merchado-myaccount .mc-order__item--proof .mc-order__item-thumb {
	background: #FFFFFF;
}
body.merchado-myaccount .mc-order__item--proof .mc-proof {
	background: transparent;
	padding: 0;
	margin-top: 14px;
}
body.merchado-myaccount .mc-order__item--proof .mc-proof__filecard {
	border: 1px solid rgba(29, 29, 27, 0.06);
}
body.merchado-myaccount .mc-order__item--proof .mc-order__item-right {
	align-self: flex-start;
}

/* Proof-kaart: pill zweeft rechtsboven (uit de flow) zodat bestandskaartje
   en knoppen de volle kaartbreedte krijgen, zoals in A5. */
body.merchado-myaccount .mc-order__item--proof {
	position: relative;
}
body.merchado-myaccount .mc-order__item--proof .mc-order__item-right {
	position: absolute;
	top: 20px;
	right: 20px;
	margin-left: 0;
}
body.merchado-myaccount .mc-order__item--proof .mc-order__item-name {
	display: block;
	padding-right: 230px;
}
body.merchado-myaccount .mc-proof__meta {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ==========================================================================
   Gegevens (A6): kaarten-overzicht met Wijzigen-links; formulier achter ?edit.
   ========================================================================== */
body.merchado-myaccount .mc-gegevens__title {
	font-family: Optima, 'Candara', Georgia, serif !important;
	font-size: 34px !important;
	font-weight: 500 !important;
	margin: 0 0 6px !important;
	color: #1D1D1B !important;
}
body.merchado-myaccount .mc-gegevens__sub {
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 15px;
	color: #5C5C58;
	margin: 0 0 26px;
}
body.merchado-myaccount .mc-gegevens__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
}
@media (max-width: 800px) {
	body.merchado-myaccount .mc-gegevens__grid {
		grid-template-columns: 1fr;
	}
}
body.merchado-myaccount .mc-gegevens__card {
	background: #FFFFFF;
	border: 1px solid #E5E4DC;
	border-radius: 14px;
	padding: 20px 24px;
	font-family: 'Inter', -apple-system, sans-serif;
}
body.merchado-myaccount .mc-gegevens__card-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}
body.merchado-myaccount .mc-gegevens__card-head h2 {
	font-family: 'Inter', -apple-system, sans-serif !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	margin: 0 !important;
	color: #1D1D1B !important;
}
body.merchado-myaccount .mc-gegevens__card-head a {
	font-size: 13.5px;
	font-weight: 500;
	color: #9E491D;
	text-decoration: none;
	white-space: nowrap;
}
body.merchado-myaccount .mc-gegevens__card-head a:hover {
	text-decoration: underline;
	color: #9E491D;
}
body.merchado-myaccount .mc-gegevens__card dl {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
body.merchado-myaccount .mc-gegevens__card dt {
	font-size: 12.5px;
	color: #8A8A86;
	margin-top: 9px;
}
body.merchado-myaccount .mc-gegevens__card dt:first-child {
	margin-top: 0;
}
body.merchado-myaccount .mc-gegevens__card dd {
	margin: 0;
	font-size: 14.5px;
	font-weight: 500;
	color: #1D1D1B;
}
body.merchado-myaccount .mc-gegevens__card address {
	font-style: normal;
	font-size: 14.5px;
	font-weight: 500;
	line-height: 1.6;
	color: #1D1D1B;
	margin: 0;
}
body.merchado-myaccount .mc-gegevens__empty {
	color: #B2B2B2;
	font-weight: 400;
}
body.merchado-myaccount .mc-gegevens__pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #E4EFE7;
	color: #2E6B4F;
	font-size: 12px;
	font-weight: 600;
	padding: 5px 12px;
	border-radius: 9999px;
	white-space: nowrap;
}
body.merchado-myaccount .mc-gegevens__pill::before {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
}
body.merchado-myaccount .mc-gegevens__note {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.55;
	color: #5C5C58;
	margin: 0;
}
body.merchado-myaccount .mc-gegevens__edithead {
	margin-bottom: 18px;
}
body.merchado-myaccount .mc-gegevens__edithead .mc-order__back {
	margin-bottom: 14px;
	display: inline-flex;
}

/* ==========================================================================
   WC-formulieren in huisstijl (adres wijzigen, gegevens ?edit, adressen-
   overzicht) — weg van de standaard Woo-look.
   ========================================================================== */
body.merchado-myaccount .woocommerce-MyAccount-content form .form-row label {
	font-family: 'Inter', -apple-system, sans-serif !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #5C5C58 !important;
	margin: 0 0 6px !important;
	display: block;
}
body.merchado-myaccount .woocommerce-MyAccount-content form .form-row label .required {
	color: #9E491D;
	text-decoration: none;
}
body.merchado-myaccount .woocommerce-MyAccount-content form input.input-text,
body.merchado-myaccount .woocommerce-MyAccount-content form select,
body.merchado-myaccount .woocommerce-MyAccount-content form textarea {
	width: 100%;
	border: 1px solid #E5E4DC !important;
	border-radius: 12px !important;
	background: #FFFFFF !important;
	padding: 12px 16px !important;
	font-family: 'Inter', -apple-system, sans-serif !important;
	font-size: 14.5px !important;
	color: #1D1D1B !important;
	box-shadow: none !important;
	box-sizing: border-box;
	min-height: 46px;
}
body.merchado-myaccount .woocommerce-MyAccount-content form input.input-text:focus,
body.merchado-myaccount .woocommerce-MyAccount-content form select:focus,
body.merchado-myaccount .woocommerce-MyAccount-content form textarea:focus {
	outline: none !important;
	border-color: #9E491D !important;
}
body.merchado-myaccount .woocommerce-MyAccount-content form .form-row {
	margin: 0 0 16px !important;
	padding: 0 !important;
}
/* Select2 (landkeuze) mee in stijl. */
body.merchado-myaccount .woocommerce-MyAccount-content .select2-container .select2-selection--single {
	height: 46px !important;
	border: 1px solid #E5E4DC !important;
	border-radius: 12px !important;
	background: #FFFFFF;
}
body.merchado-myaccount .woocommerce-MyAccount-content .select2-container .select2-selection__rendered {
	line-height: 44px !important;
	padding-left: 16px !important;
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 14.5px;
	color: #1D1D1B !important;
}
body.merchado-myaccount .woocommerce-MyAccount-content .select2-container .select2-selection__arrow {
	height: 44px !important;
	right: 10px;
}
/* Opslaan-knoppen: zwarte pill, consistent met de portal. */
body.merchado-myaccount .woocommerce-MyAccount-content form button[name="save_address"],
body.merchado-myaccount .woocommerce-MyAccount-content form button[name="save_account_details"] {
	background: #1D1D1B !important;
	color: #FFFFFF !important;
	border: 0 !important;
	border-radius: 9999px !important;
	height: 50px !important;
	min-height: 50px !important;
	padding: 0 28px !important;
	font-family: 'Inter', -apple-system, sans-serif !important;
	font-size: 14.5px !important;
	font-weight: 600 !important;
	cursor: pointer;
	transition: background 0.12s ease;
}
body.merchado-myaccount .woocommerce-MyAccount-content form button[name="save_address"]:hover,
body.merchado-myaccount .woocommerce-MyAccount-content form button[name="save_account_details"]:hover {
	background: #000000 !important;
}
/* Wachtwoord-fieldset als nette sectie. */
body.merchado-myaccount .woocommerce-MyAccount-content fieldset {
	border: 0;
	padding: 18px 20px;
	margin: 26px 0 18px;
	background: #F5F1E8;
	border-radius: 14px;
}
body.merchado-myaccount .woocommerce-MyAccount-content fieldset legend {
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: #8A8A86;
	padding: 0 4px;
}
/* Formulieren op een prettige leesbreedte. */
body.merchado-myaccount .woocommerce-MyAccount-content form.mc-addressform,
body.merchado-myaccount .woocommerce-MyAccount-content form.woocommerce-EditAccountForm {
	max-width: 640px;
}
/* Adressen-overzicht (endpoint zonder type) als kaarten. */
body.merchado-myaccount .woocommerce-Addresses {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
	width: 100% !important;
}
@media (max-width: 800px) {
	body.merchado-myaccount .woocommerce-Addresses {
		grid-template-columns: 1fr;
	}
}
body.merchado-myaccount .woocommerce-Address {
	width: 100% !important;
	max-width: none !important;
	background: #FFFFFF;
	border: 1px solid #E5E4DC;
	border-radius: 14px;
	padding: 20px 24px;
	box-sizing: border-box;
}
body.merchado-myaccount .woocommerce-Address .woocommerce-Address-title {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
}
body.merchado-myaccount .woocommerce-Address .woocommerce-Address-title h2,
body.merchado-myaccount .woocommerce-Address .woocommerce-Address-title h3 {
	font-family: 'Inter', -apple-system, sans-serif !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	margin: 0 !important;
	color: #1D1D1B !important;
}
body.merchado-myaccount .woocommerce-Address .woocommerce-Address-title a.edit {
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 13.5px;
	font-weight: 500;
	color: #9E491D !important;
	text-decoration: none;
}
body.merchado-myaccount .woocommerce-Address .woocommerce-Address-title a.edit:hover {
	text-decoration: underline;
}
body.merchado-myaccount .woocommerce-Address address {
	font-family: 'Inter', -apple-system, sans-serif;
	font-style: normal;
	font-size: 14.5px;
	font-weight: 500;
	line-height: 1.6;
	color: #1D1D1B;
	border: 0 !important;
	padding: 0 !important;
}

/* ==========================================================================
   Klantfeedback 9 juli — orderregels rustiger (D1.8, D2.7)
   ========================================================================== */
/* Meta-regel op 1 regel houden; Bestand/Notitie worden server-side al
   weggefilterd, dit vangt lange variatie-combinaties af. */
body.merchado-myaccount .mc-order__item-variant {
	display: block;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* In proof-kaarten zweeft de status-annotatie rechtsboven: tekst er nooit
   onderdoor laten lopen (zelfde reservering als de titelregel). */
body.merchado-myaccount .mc-order__item--proof .mc-order__item-variant {
	padding-right: 230px;
}
@media (max-width: 700px) {
	body.merchado-myaccount .mc-order__item--proof .mc-order__item-variant {
		padding-right: 0;
	}
}
/* Klikbare productfoto + naam (D2.8). */
body.merchado-myaccount .mc-order__item-thumb-link {
	display: block;
	line-height: 0;
}
body.merchado-myaccount a.mc-order__item-name {
	text-decoration: none;
	color: var(--mf-ink, #1D1D1B);
}
body.merchado-myaccount a.mc-order__item-name:hover {
	text-decoration: underline;
	color: var(--mf-ink, #1D1D1B);
}

/* Adressen bewerken: verberg het samengestelde address_1-veld ("Straat en
   huisnummer"); we tonen los Huisnummer/Toevoeging/Straat zoals in de checkout
   en stellen address_1 server-side samen (klantfeedback D2.3). billing_address_1
   krijgt de mc-hidden-field class uit customize_billing_fields; shipping_address_1
   niet, dus die blijft gewoon zichtbaar. */
body.merchado-myaccount .mc-hidden-field,
body.merchado-myaccount .form-row.mc-hidden-field,
body.merchado-myaccount #billing_address_1_field.mc-hidden-field { display: none !important; }