/* Yellow Picnic — My Account dashboard (Figma "Account Dashboard_Active").
   Brand tokens mirror the Figma variables: Espresso #473B37, Onyx #221F1B,
   Fawn #D9D6D0, Ivory #F5F5F2, Juniper #286841. Sharp corners, 1.5px borders. */

.ycwc-dashboard {
	--yp-espresso: #473B37;
	--yp-juniper: #286841;
	--yp-juniper-hover: #215634;
	--yp-ivory: #F5F5F2;
	--yp-fawn: #D9D6D0;
	--yp-onyx: #221F1B;
	--yp-black: #000000;
	--yp-muted: #6F6A64;
	--yp-radius: 0px;
	--yp-border: 1.5px solid var(--yp-fawn);
	--yp-font-sans: 'Montserrat', sans-serif;

	font-family: var(--yp-font-sans);
	color: var(--yp-onyx);
	width: 100%;
	max-width: 1040px;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

/* Hide the stock dashboard.php intro paragraphs even if the template override is
   ever lost to a WooCommerce update. */
.woocommerce-MyAccount-content > p:has(+ .ycwc-dashboard),
.woocommerce-MyAccount-content > p:has(+ p + .ycwc-dashboard) {
	display: none;
}

.ycwc-dashboard *,
.ycwc-dashboard *::before,
.ycwc-dashboard *::after {
	box-sizing: border-box;
}

.ycwc-dashboard a {
	text-decoration: none;
	color: inherit;
}

/* ---- Greeting ---------------------------------------------------------- */
.ycwc-dashboard__head {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.ycwc-dashboard__greeting {
	font-size: 18px;
	font-weight: 500;
	line-height: 20px;
	color: var(--yp-onyx);
	margin: 0;
}

.ycwc-dashboard__subhead {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: var(--yp-onyx);
	margin: 0;
}

/* ---- Cards (shared shell) --------------------------------------------- */
.ycwc-card {
	background: #fff;
	border: var(--yp-border);
	border-radius: var(--yp-radius);
	padding: 0;
}

.ycwc-card__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ycwc-card__eyebrow {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--yp-onyx);
}

.ycwc-card__rule {
	height: 0;
	border-top: var(--yp-border);
}

/* ---- Next Delivery card ------------------------------------------------ */
.ycwc-card--delivery .ycwc-delivery__body {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 20px 24px;
}

.ycwc-card__title {
	font-size: 18px;
	font-weight: 500;
	line-height: 20px;
	margin: 0;
	color: var(--yp-onyx);
}

.ycwc-card__meta {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: var(--yp-onyx);
	margin: 0;
}

.ycwc-card__body {
	font-size: 14px;
	line-height: 20px;
	color: var(--yp-muted);
	margin: 0;
}

.ycwc-card__body + .ycwc-btn {
	margin-top: 18px;
	align-self: flex-start;
}

/* ---- Status badge ------------------------------------------------------ */
.ycwc-badge {
	display: inline-flex;
	align-items: center;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	padding: 6px 12px;
	line-height: 1;
	color: #fff;
}

.ycwc-badge--active   { background: var(--yp-juniper); }
.ycwc-badge--paused   { background: var(--yp-espresso); }
.ycwc-badge--cancelled {
	background: transparent;
	color: var(--yp-espresso);
	border: 1.5px solid var(--yp-fawn);
}

/* ---- Deadline notice --------------------------------------------------- */
.ycwc-notice--deadline {
	display: flex;
	align-items: center;
	gap: 10px;
	border: 1.5px solid var(--yp-onyx);
	border-radius: var(--yp-radius);
	padding: 16px 24px;
	font-size: 14px;
	line-height: 20px;
	color: var(--yp-onyx);
	background: #fff;
}

.ycwc-notice--deadline strong { font-weight: 500; }

.ycwc-notice__icon {
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23221F1B' stroke-width='1.7'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

/* ---- Locked committed-delivery bar ------------------------------------ */
.ycwc-locked-delivery {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 14px 0 0;
	padding: 11px 16px;
	border: 1.5px solid var(--yp-fawn);
	border-radius: var(--yp-radius);
	background: var(--yp-ivory);
	font-size: 13px;
	line-height: 18px;
	color: var(--yp-muted);
}

.ycwc-locked-delivery__icon {
	width: 17px;
	height: 17px;
	flex: 0 0 17px;
	background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236F6A64' stroke-width='1.7'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
}

/* ---- Meal carousel (inside the delivery card) ------------------------- */
.ycwc-meals {
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 16px 24px 28px;
}

.ycwc-meals__stack {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.ycwc-meals__viewport {
	position: relative;
}

.ycwc-meals__scroll {
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	scroll-behavior: smooth;
}

.ycwc-meals__scroll::-webkit-scrollbar { display: none; }

/* Prev/next arrows — circular, overlaid on the image row, auto-hidden at each end */
.ycwc-meals__nav {
	position: absolute;
	top: 95px;
	transform: translateY(-50%);
	z-index: 2;
	width: 40px;
	height: 40px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1.5px solid var(--yp-fawn);
	border-radius: 50%;
	background: #fff;
	color: var(--yp-espresso);
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(34, 31, 27, 0.14);
	transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.ycwc-meals__nav:hover {
	background: var(--yp-ivory);
	box-shadow: 0 3px 12px rgba(34, 31, 27, 0.22);
}

.ycwc-meals__nav:active { transform: translateY(-50%) scale(0.94); }

.ycwc-meals__nav[hidden] { display: none; }

.ycwc-meals__nav svg { width: 20px; height: 20px; display: block; }

.ycwc-meals__nav--prev { left: -12px; }
.ycwc-meals__nav--next { right: -12px; }

.ycwc-meals__track {
	display: flex;
	gap: 16px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.ycwc-meals__card {
	flex: 0 0 auto;
	width: 190px;
	scroll-snap-align: start;
	background: var(--yp-ivory);
	overflow: hidden;
}

.ycwc-meals__image {
	width: 190px;
	height: 190px;
	overflow: hidden;
	background: var(--yp-ivory);
}

.ycwc-meals__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.ycwc-meals__caption {
	padding: 16px 16px 26px;
	font-size: 14px;
	line-height: 20px;
	color: var(--yp-onyx);
}

.ycwc-meals__qty {
	color: var(--yp-muted);
	font-weight: 600;
}

/* Faux scroll indicator (matches Figma) */
.ycwc-meals__bar {
	position: relative;
	height: 2px;
	border-radius: 5px;
	background: var(--yp-fawn);
}

.ycwc-meals__bar span {
	position: absolute;
	left: 0;
	top: -2px;
	height: 6px;
	width: 56%;
	border-radius: 5px;
	background: var(--yp-espresso);
}

.ycwc-meals__cta {
	flex: 0 0 180px;
	width: 180px;
}

/* Customize Meals is the dashboard's primary action — juniper green, not the
   neutral espresso used for secondary dark buttons. Only the enabled anchor
   gets green; the locked <span> keeps the fawn is-disabled treatment. */
a.ycwc-meals__cta.ycwc-btn--dark,
a.ycwc-meals__cta.ycwc-btn--dark:link,
a.ycwc-meals__cta.ycwc-btn--dark:visited,
a.ycwc-meals__cta.ycwc-btn--dark:focus,
a.ycwc-meals__cta.ycwc-btn--dark:active {
	background: var(--yp-juniper);
	border-color: var(--yp-juniper);
}

a.ycwc-meals__cta.ycwc-btn--dark:hover {
	background: var(--yp-juniper-hover);
	border-color: var(--yp-juniper-hover);
}

/* Top-left "Choose this week's meals" headline + description above the menu-preview
   carousel, so the ask is unmistakable. */
.ycwc-choose-head {
	padding: 20px 24px 0;
}

.ycwc-choose-head__title {
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
	color: var(--yp-onyx);
	margin: 0 0 4px;
}

.ycwc-choose-head__sub {
	font-size: 14px;
	line-height: 20px;
	color: var(--yp-muted);
	margin: 0;
	max-width: 60ch;
}

/* ---- "Choose this week's meals" prompt (uncustomized state) ------------ */
.ycwc-choose {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	padding: 24px;
}

.ycwc-choose__lead {
	font-size: 16px;
	font-weight: 600;
	color: var(--yp-onyx);
	margin: 0;
}

.ycwc-choose__sub {
	font-size: 14px;
	line-height: 20px;
	color: var(--yp-muted);
	margin: 0;
	max-width: 48ch;
}

.ycwc-choose__cta { margin-top: 14px; }

a.ycwc-choose__cta.ycwc-btn--dark,
a.ycwc-choose__cta.ycwc-btn--dark:link,
a.ycwc-choose__cta.ycwc-btn--dark:visited,
a.ycwc-choose__cta.ycwc-btn--dark:focus,
a.ycwc-choose__cta.ycwc-btn--dark:active {
	background: var(--yp-juniper);
	border-color: var(--yp-juniper);
}

a.ycwc-choose__cta.ycwc-btn--dark:hover {
	background: var(--yp-juniper-hover);
	border-color: var(--yp-juniper-hover);
}

/* ---- Quick-action tiles ------------------------------------------------ */
.ycwc-actions {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.ycwc-action {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background: #fff;
	border: var(--yp-border);
	border-radius: var(--yp-radius);
	padding: 24px 12px;
	text-align: center;
	transition: border-color 160ms ease, box-shadow 160ms ease;
}

.ycwc-action:hover:not(.ycwc-action--disabled) {
	border-color: var(--yp-espresso);
	box-shadow: 0 4px 14px rgba(34, 31, 27, 0.06);
}

/* Resume is a POST form (prefetch-safe). Keep the form out of the grid so its
   button stays the cell, and reset button chrome so it matches the <a> tiles. */
.ycwc-action-form { display: contents; }
button.ycwc-action {
	width: 100%;
	margin: 0;
	font: inherit;
	color: inherit;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

.ycwc-action__label {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--yp-espresso);
}

.ycwc-action__icon {
	width: 36px;
	height: 36px;
	background: center/contain no-repeat;
}

.ycwc-action--skip .ycwc-action__icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23473B37' stroke-width='1.6'%3E%3Crect x='3' y='5' width='18' height='16' rx='1'/%3E%3Cpath d='M3 9h18M8 3v4M16 3v4'/%3E%3Cpath d='m10 13 4 4M14 13l-4 4'/%3E%3C/svg%3E");
}

.ycwc-action--pause .ycwc-action__icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23473B37' stroke-width='1.6'%3E%3Crect x='7' y='5' width='3.5' height='14' rx='1'/%3E%3Crect x='13.5' y='5' width='3.5' height='14' rx='1'/%3E%3C/svg%3E");
}

.ycwc-action--resume .ycwc-action__icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
}

.ycwc-action--change .ycwc-action__icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23473B37' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h13l-3-3M20 16H7l3 3'/%3E%3C/svg%3E");
}

.ycwc-action--delivery .ycwc-action__icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23473B37' stroke-width='1.6'%3E%3Crect x='3' y='5' width='18' height='16' rx='1'/%3E%3Cpath d='M3 9h18M8 3v4M16 3v4'/%3E%3Ccircle cx='12' cy='15' r='1.4' fill='%23473B37' stroke='none'/%3E%3C/svg%3E");
}

.ycwc-action--resume .ycwc-action__label { color: #fff; }

/* When JS drives the Edit Delivery Day tile, hide the editor's own summary bar and
   its collapsed box so the tile is the single entry point. Without JS the bar stays
   (functional fallback). */
.ycwc-delivery--js > summary { display: none; }
.ycwc-delivery--js:not( [open] ) { display: none; }

.ycwc-action--disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

/* ---- Inline delivery-day editor --------------------------------------- */
.ycwc-delivery {
	background: #fff;
	border: var(--yp-border);
	border-radius: var(--yp-radius);
	padding: 0 24px;
	margin-top: -16px;
}

.ycwc-delivery > summary {
	cursor: pointer;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--yp-espresso);
	padding: 16px 0;
	list-style: none;
}

.ycwc-delivery > summary::-webkit-details-marker { display: none; }

.ycwc-delivery__note {
	font-size: 12px;
	color: var(--yp-muted);
	margin: 0 0 12px;
}

.ycwc-delivery__form {
	display: flex;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap;
	padding-bottom: 20px;
}

.ycwc-delivery__form select {
	height: 44px;
	border: var(--yp-border);
	border-radius: var(--yp-radius);
	padding: 0 12px;
	font-family: var(--yp-font-sans);
	color: var(--yp-onyx);
	background: #fff;
}

/* ---- Two-column row ---------------------------------------------------- */
.ycwc-cols {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	align-items: start;
}

.ycwc-panel { padding: 0; }

.ycwc-panel__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: var(--yp-border);
	padding: 16px 24px;
}

.ycwc-panel__head h3 {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--yp-onyx);
	margin: 0;
}

.ycwc-panel__link {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--yp-espresso);
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.ycwc-panel__link::after {
	content: "";
	width: 18px;
	height: 10px;
	background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 14' fill='none' stroke='%23473B37' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 7h21M16 1l6 6-6 6'/%3E%3C/svg%3E");
}

.ycwc-empty {
	font-size: 14px;
	color: var(--yp-muted);
	margin: 0;
	padding: 24px;
}

.ycwc-orders {
	list-style: none;
	margin: 0;
	padding: 24px;
}

.ycwc-orders__row + .ycwc-orders__row {
	border-top: 1px solid var(--yp-fawn);
}

.ycwc-orders__row a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 0;
	font-size: 14px;
	line-height: 20px;
}

.ycwc-orders__row:first-child a { padding-top: 0; }
.ycwc-orders__row:last-child a { padding-bottom: 0; }

.ycwc-orders__date { font-weight: 500; color: var(--yp-onyx); }
.ycwc-orders__total { color: var(--yp-espresso); }

.ycwc-summary {
	margin: 0;
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.ycwc-summary__row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
}

.ycwc-summary__row dt {
	font-size: 14px;
	font-weight: 400;
	color: var(--yp-espresso);
	margin: 0;
}

.ycwc-summary__row dd {
	font-size: 14px;
	font-weight: 500;
	color: var(--yp-onyx);
	margin: 0;
	text-align: right;
}

/* ---- Referral banner --------------------------------------------------- */
.ycwc-referral {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 16px 24px;
}

.ycwc-referral__text {
	display: flex;
	align-items: center;
	gap: 15px;
}

.ycwc-referral__icon {
	width: 36px;
	height: 36px;
	flex: 0 0 36px;
	background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23221F1B' stroke-width='1.5'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M2 20c0-3 2.5-5 6-5s6 2 6 5M14 20c0-2.3 1.4-4 4-4s4 1.4 4 3.5'/%3E%3C/svg%3E");
}

.ycwc-referral__text strong {
	display: block;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--yp-onyx);
}

.ycwc-referral__text p {
	font-size: 14px;
	color: var(--yp-onyx);
	margin: 5px 0 0;
}

/* ---- Buttons ----------------------------------------------------------- */
.ycwc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding: 0 26px;
	font-family: var(--yp-font-sans);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	border-radius: var(--yp-radius);
	cursor: pointer;
	text-align: center;
	transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

.ycwc-btn--dark,
.ycwc-btn--dark:link,
.ycwc-btn--dark:visited,
.ycwc-btn--dark:hover,
.ycwc-btn--dark:focus,
.ycwc-btn--dark:active {
	background: var(--yp-espresso);
	color: #fff !important; /* beat the theme's anchor color */
	border: 1.5px solid var(--yp-espresso);
}

.ycwc-btn--dark:hover {
	background: var(--yp-onyx);
	border-color: var(--yp-onyx);
}

/* Locked state: menu not released / past cutoff. Visible but non-interactive. */
.ycwc-btn.is-disabled,
.ycwc-btn--dark.is-disabled {
	background: var(--yp-fawn);
	color: var(--yp-espresso) !important;
	border-color: var(--yp-fawn);
	cursor: not-allowed;
	pointer-events: none;
	opacity: 0.85;
}

.ycwc-btn--ghost {
	background: #fff;
	color: var(--yp-espresso);
	border: 1.5px solid var(--yp-espresso);
}

.ycwc-btn--ghost:hover {
	background: var(--yp-espresso);
	color: #fff;
}

/* ---- Responsive -------------------------------------------------------- */
@media screen and (max-width: 900px) {
	.ycwc-actions { grid-template-columns: repeat(2, 1fr); }
	.ycwc-cols { grid-template-columns: 1fr; }
}

@media screen and (max-width: 600px) {
	.ycwc-meals {
		flex-direction: column;
		align-items: stretch;
	}
	.ycwc-meals__cta { width: 100%; flex-basis: auto; }
	.ycwc-referral { flex-direction: column; align-items: flex-start; }
}

/* ---- Kill the stray list bullet on order rows -------------------------- */
.ycwc-orders,
.ycwc-orders__row {
	list-style: none !important;
}
.ycwc-orders__row::marker { content: ""; }

/* =======================================================================
   Account sidebar — Figma rail (Dashboard / My Orders / Payment /
   Account Details / Gift / Log Out). Lives outside .ycwc-dashboard, so it
   uses literal brand values. Only loaded on account pages.
   ===================================================================== */
/* Flex the floated account layout so the ivory sidebar stretches full-height
   (down to the footer), matching the Figma rail. Scoped to logged-in pages so
   the logged-out login/register form keeps its normal layout. */
/* :has(> nav) restricts this to the account-content .woocommerce only — there's
   a second, empty .woocommerce in the header mini-cart we must not touch. */
.woocommerce-account.logged-in .woocommerce:has(> .woocommerce-MyAccount-navigation) {
	display: flex;
	align-items: stretch;
	/* Break out of Salient's centered container so the ivory rail reaches the
	   viewport's left edge and the content column gains the reclaimed width. */
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 0; /* Salient adds 12px 50px — drop it so the rail is flush-left */
}

.woocommerce-account.logged-in .woocommerce:has(> .woocommerce-MyAccount-navigation) > .woocommerce-notices-wrapper {
	flex: 1 0 100%;
	order: -1;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
	float: none;
	flex: 0 0 250px;
	width: 250px;
	max-width: 250px;
	margin: 0;
	background: #F5F5F2;
	border: none;
	padding: 24px 16px;
	box-sizing: border-box;
}

.woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	flex: 1 1 auto;
	width: auto;
	max-width: none;
	min-width: 0;
	margin: 0;
	padding: 32px 56px 64px 56px;
	box-sizing: border-box;
}

@media screen and (max-width: 900px) {
	.woocommerce-account.logged-in .woocommerce:has(> .woocommerce-MyAccount-navigation) { display: block; }
	.woocommerce-account .woocommerce-MyAccount-navigation,
	.woocommerce-account .woocommerce-MyAccount-content {
		float: none;
		flex: none;
		width: auto;
		max-width: none;
	}
	.woocommerce-account .woocommerce-MyAccount-content { padding: 24px 0; }
}

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

.woocommerce-account .woocommerce-MyAccount-navigation li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: flex;
	align-items: center;
	gap: 12px;
	height: 48px;
	padding: 0 12px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #221F1B;
	opacity: 1 !important; /* theme dims inactive links to 0.4 — keep them crisp */
	text-decoration: none;
	transition: background-color 140ms ease, color 140ms ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a::before {
	content: "";
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	/* longhand, NOT the `background` shorthand — the shorthand resets
	   background-image to none and would override every per-endpoint icon below */
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	background: #473B37;
	color: #fff;
	font-weight: 500;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before {
	filter: brightness(0) invert(1);
}

.woocommerce-account .woocommerce-MyAccount-navigation li:not(.is-active) a:hover {
	background: rgba(71, 59, 55, 0.08);
}

/* Group split before the secondary nav (Gift / Log Out) */
.woocommerce-MyAccount-navigation-link--referral_coupons {
	margin-top: 12px !important;
	padding-top: 12px !important;
	border-top: 1.5px solid #D9D6D0 !important;
}

/* Per-endpoint icons — Phosphor (regular) from Figma; onyx fill, whitened on the active tab via filter */

.woocommerce-MyAccount-navigation-link--dashboard a::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23221F1B'%3E%3Cpath d='M9.75 3.9375H5.25C4.9019 3.9375 4.56806 4.07578 4.32192 4.32192C4.07578 4.56806 3.9375 4.9019 3.9375 5.25V9.75C3.9375 9.92236 3.97145 10.093 4.03741 10.2523C4.10337 10.4115 4.20005 10.5562 4.32192 10.6781C4.4438 10.8 4.58849 10.8966 4.74773 10.9626C4.90697 11.0286 5.07764 11.0625 5.25 11.0625H9.75C9.92236 11.0625 10.093 11.0286 10.2523 10.9626C10.4115 10.8966 10.5562 10.8 10.6781 10.6781C10.8 10.5562 10.8966 10.4115 10.9626 10.2523C11.0286 10.093 11.0625 9.92236 11.0625 9.75V5.25C11.0625 5.07764 11.0286 4.90697 10.9626 4.74773C10.8966 4.58849 10.8 4.4438 10.6781 4.32192C10.5562 4.20005 10.4115 4.10337 10.2523 4.03741C10.093 3.97145 9.92236 3.9375 9.75 3.9375ZM9.9375 9.75C9.9375 9.79973 9.91775 9.84742 9.88258 9.88258C9.84742 9.91775 9.79973 9.9375 9.75 9.9375H5.25C5.20027 9.9375 5.15258 9.91775 5.11742 9.88258C5.08225 9.84742 5.0625 9.79973 5.0625 9.75V5.25C5.0625 5.20027 5.08225 5.15258 5.11742 5.11742C5.15258 5.08225 5.20027 5.0625 5.25 5.0625H9.75C9.79973 5.0625 9.84742 5.08225 9.88258 5.11742C9.91775 5.15258 9.9375 5.20027 9.9375 5.25V9.75ZM18.75 3.9375H14.25C13.9019 3.9375 13.5681 4.07578 13.3219 4.32192C13.0758 4.56806 12.9375 4.9019 12.9375 5.25V9.75C12.9375 9.92236 12.9714 10.093 13.0374 10.2523C13.1034 10.4115 13.2 10.5562 13.3219 10.6781C13.4438 10.8 13.5885 10.8966 13.7477 10.9626C13.907 11.0286 14.0776 11.0625 14.25 11.0625H18.75C18.9224 11.0625 19.093 11.0286 19.2523 10.9626C19.4115 10.8966 19.5562 10.8 19.6781 10.6781C19.8 10.5562 19.8966 10.4115 19.9626 10.2523C20.0286 10.093 20.0625 9.92236 20.0625 9.75V5.25C20.0625 4.9019 19.9242 4.56806 19.6781 4.32192C19.4319 4.07578 19.0981 3.9375 18.75 3.9375ZM18.9375 9.75C18.9375 9.79973 18.9177 9.84742 18.8826 9.88258C18.8474 9.91775 18.7997 9.9375 18.75 9.9375H14.25C14.2003 9.9375 14.1526 9.91775 14.1174 9.88258C14.0823 9.84742 14.0625 9.79973 14.0625 9.75V5.25C14.0625 5.20027 14.0823 5.15258 14.1174 5.11742C14.1526 5.08225 14.2003 5.0625 14.25 5.0625H18.75C18.7997 5.0625 18.8474 5.08225 18.8826 5.11742C18.9177 5.15258 18.9375 5.20027 18.9375 5.25V9.75ZM9.75 12.9375H5.25C4.9019 12.9375 4.56806 13.0758 4.32192 13.3219C4.07578 13.5681 3.9375 13.9019 3.9375 14.25V18.75C3.9375 19.0981 4.07578 19.4319 4.32192 19.6781C4.56806 19.9242 4.9019 20.0625 5.25 20.0625H9.75C9.92236 20.0625 10.093 20.0286 10.2523 19.9626C10.4115 19.8966 10.5562 19.8 10.6781 19.6781C10.8 19.5562 10.8966 19.4115 10.9626 19.2523C11.0286 19.093 11.0625 18.9224 11.0625 18.75V14.25C11.0625 14.0776 11.0286 13.907 10.9626 13.7477C10.8966 13.5885 10.8 13.4438 10.6781 13.3219C10.5562 13.2 10.4115 13.1034 10.2523 13.0374C10.093 12.9714 9.92236 12.9375 9.75 12.9375ZM9.9375 18.75C9.9375 18.7997 9.91775 18.8474 9.88258 18.8826C9.84742 18.9177 9.79973 18.9375 9.75 18.9375H5.25C5.20027 18.9375 5.15258 18.9177 5.11742 18.8826C5.08225 18.8474 5.0625 18.7997 5.0625 18.75V14.25C5.0625 14.2003 5.08225 14.1526 5.11742 14.1174C5.15258 14.0823 5.20027 14.0625 5.25 14.0625H9.75C9.79973 14.0625 9.84742 14.0823 9.88258 14.1174C9.91775 14.1526 9.9375 14.2003 9.9375 14.25V18.75ZM18.75 12.9375H14.25C13.9019 12.9375 13.5681 13.0758 13.3219 13.3219C13.0758 13.5681 12.9375 13.9019 12.9375 14.25V18.75C12.9375 19.0981 13.0758 19.4319 13.3219 19.6781C13.5681 19.9242 13.9019 20.0625 14.25 20.0625H18.75C19.0981 20.0625 19.4319 19.9242 19.6781 19.6781C19.9242 19.4319 20.0625 19.0981 20.0625 18.75V14.25C20.0625 13.9019 19.9242 13.5681 19.6781 13.3219C19.4319 13.0758 19.0981 12.9375 18.75 12.9375ZM18.9375 18.75C18.9375 18.7997 18.9177 18.8474 18.8826 18.8826C18.8474 18.9177 18.7997 18.9375 18.75 18.9375H14.25C14.2003 18.9375 14.1526 18.9177 14.1174 18.8826C14.0823 18.8474 14.0625 18.7997 14.0625 18.75V14.25C14.0625 14.2003 14.0823 14.1526 14.1174 14.1174C14.1526 14.0823 14.2003 14.0625 14.25 14.0625H18.75C18.7997 14.0625 18.8474 14.0823 18.8826 14.1174C18.9177 14.1526 18.9375 14.2003 18.9375 14.25V18.75Z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--orders a::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23221F1B'%3E%3Cpath d='M17.0625 9.75C17.0625 9.89918 17.0032 10.0423 16.8977 10.1477C16.7923 10.2532 16.6492 10.3125 16.5 10.3125H7.5C7.35082 10.3125 7.20774 10.2532 7.10225 10.1477C6.99676 10.0423 6.9375 9.89918 6.9375 9.75C6.9375 9.60082 6.99676 9.45774 7.10225 9.35225C7.20774 9.24676 7.35082 9.1875 7.5 9.1875H16.5C16.6492 9.1875 16.7923 9.24676 16.8977 9.35225C17.0032 9.45774 17.0625 9.60082 17.0625 9.75ZM16.5 12.1875H7.5C7.35082 12.1875 7.20774 12.2468 7.10225 12.3523C6.99676 12.4577 6.9375 12.6008 6.9375 12.75C6.9375 12.8992 6.99676 13.0423 7.10225 13.1477C7.20774 13.2532 7.35082 13.3125 7.5 13.3125H16.5C16.6492 13.3125 16.7923 13.2532 16.8977 13.1477C17.0032 13.0423 17.0625 12.8992 17.0625 12.75C17.0625 12.6008 17.0032 12.4577 16.8977 12.3523C16.7923 12.2468 16.6492 12.1875 16.5 12.1875ZM21.5625 5.25V19.5C21.5624 19.5959 21.5378 19.6901 21.491 19.7738C21.4443 19.8575 21.3769 19.9278 21.2953 19.9781C21.2068 20.0334 21.1044 20.0627 21 20.0625C20.9128 20.0626 20.8268 20.0423 20.7488 20.0034L18 18.6291L15.2512 20.0034C15.1732 20.0424 15.0872 20.0627 15 20.0627C14.9128 20.0627 14.8268 20.0424 14.7488 20.0034L12 18.6291L9.25125 20.0034C9.17322 20.0424 9.08721 20.0627 9 20.0627C8.91279 20.0627 8.82678 20.0424 8.74875 20.0034L6 18.6291L3.25125 20.0034C3.16548 20.0463 3.07018 20.0664 2.97442 20.0621C2.87865 20.0577 2.78558 20.029 2.70406 19.9785C2.62253 19.9281 2.55525 19.8576 2.5086 19.7739C2.46194 19.6901 2.43747 19.5959 2.4375 19.5V5.25C2.4375 4.9019 2.57578 4.56806 2.82192 4.32192C3.06806 4.07578 3.4019 3.9375 3.75 3.9375H20.25C20.5981 3.9375 20.9319 4.07578 21.1781 4.32192C21.4242 4.56806 21.5625 4.9019 21.5625 5.25ZM20.4375 5.25C20.4375 5.20027 20.4177 5.15258 20.3826 5.11742C20.3474 5.08225 20.2997 5.0625 20.25 5.0625H3.75C3.70027 5.0625 3.65258 5.08225 3.61742 5.11742C3.58225 5.15258 3.5625 5.20027 3.5625 5.25V18.5897L5.74875 17.4966C5.82678 17.4576 5.91279 17.4373 6 17.4373C6.08721 17.4373 6.17322 17.4576 6.25125 17.4966L9 18.8709L11.7487 17.4966C11.8268 17.4576 11.9128 17.4373 12 17.4373C12.0872 17.4373 12.1732 17.4576 12.2512 17.4966L15 18.8709L17.7488 17.4966C17.8268 17.4576 17.9128 17.4373 18 17.4373C18.0872 17.4373 18.1732 17.4576 18.2512 17.4966L20.4375 18.5897V5.25Z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--payment-methods a::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23221F1B'%3E%3Cpath d='M21 4.6875H3C2.6519 4.6875 2.31806 4.82578 2.07192 5.07192C1.82578 5.31806 1.6875 5.6519 1.6875 6V18C1.6875 18.3481 1.82578 18.6819 2.07192 18.9281C2.31806 19.1742 2.6519 19.3125 3 19.3125H21C21.3481 19.3125 21.6819 19.1742 21.9281 18.9281C22.1742 18.6819 22.3125 18.3481 22.3125 18V6C22.3125 5.6519 22.1742 5.31806 21.9281 5.07192C21.6819 4.82578 21.3481 4.6875 21 4.6875ZM3 5.8125H21C21.0497 5.8125 21.0974 5.83225 21.1326 5.86742C21.1677 5.90258 21.1875 5.95027 21.1875 6V8.4375H2.8125V6C2.8125 5.95027 2.83225 5.90258 2.86742 5.86742C2.90258 5.83225 2.95027 5.8125 3 5.8125ZM21 18.1875H3C2.95027 18.1875 2.90258 18.1677 2.86742 18.1326C2.83225 18.0974 2.8125 18.0497 2.8125 18V9.5625H21.1875V18C21.1875 18.0497 21.1677 18.0974 21.1326 18.1326C21.0974 18.1677 21.0497 18.1875 21 18.1875ZM19.3125 15.75C19.3125 15.8992 19.2532 16.0423 19.1477 16.1477C19.0423 16.2532 18.8992 16.3125 18.75 16.3125H15.75C15.6008 16.3125 15.4577 16.2532 15.3523 16.1477C15.2468 16.0423 15.1875 15.8992 15.1875 15.75C15.1875 15.6008 15.2468 15.4577 15.3523 15.3523C15.4577 15.2468 15.6008 15.1875 15.75 15.1875H18.75C18.8992 15.1875 19.0423 15.2468 19.1477 15.3523C19.2532 15.4577 19.3125 15.6008 19.3125 15.75ZM13.3125 15.75C13.3125 15.8992 13.2532 16.0423 13.1477 16.1477C13.0423 16.2532 12.8992 16.3125 12.75 16.3125H11.25C11.1008 16.3125 10.9577 16.2532 10.8523 16.1477C10.7468 16.0423 10.6875 15.8992 10.6875 15.75C10.6875 15.6008 10.7468 15.4577 10.8523 15.3523C10.9577 15.2468 11.1008 15.1875 11.25 15.1875H12.75C12.8992 15.1875 13.0423 15.2468 13.1477 15.3523C13.2532 15.4577 13.3125 15.6008 13.3125 15.75Z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--edit-account a::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23221F1B'%3E%3Cpath d='M21.4866 19.9688C20.0044 17.4075 17.6775 15.6103 14.9738 14.8481C16.2883 14.1799 17.3394 13.0885 17.9577 11.7498C18.576 10.4111 18.7255 8.90313 18.3819 7.46911C18.0383 6.0351 17.2218 4.75858 16.064 3.84539C14.9062 2.9322 13.4746 2.43556 12 2.43556C10.5254 2.43556 9.09378 2.9322 7.93597 3.84539C6.77816 4.75858 5.96165 6.0351 5.61809 7.46911C5.27454 8.90313 5.42396 10.4111 6.04227 11.7498C6.66058 13.0885 7.71174 14.1799 9.02625 14.8481C6.3225 15.6094 3.99562 17.4066 2.51344 19.9688C2.47274 20.0328 2.44541 20.1044 2.4331 20.1792C2.42079 20.2541 2.42374 20.3307 2.44179 20.4043C2.45984 20.478 2.49261 20.5473 2.53812 20.608C2.58364 20.6687 2.64096 20.7195 2.70664 20.7575C2.77232 20.7955 2.845 20.8198 2.92031 20.8289C2.99562 20.8381 3.072 20.8319 3.14486 20.8107C3.21772 20.7896 3.28556 20.7539 3.34428 20.7059C3.403 20.6579 3.4514 20.5985 3.48656 20.5313C5.2875 17.4197 8.46937 15.5625 12 15.5625C15.5306 15.5625 18.7125 17.4197 20.5134 20.5313C20.5486 20.5985 20.597 20.6579 20.6557 20.7059C20.7144 20.7539 20.7823 20.7896 20.8551 20.8107C20.928 20.8319 21.0044 20.8381 21.0797 20.8289C21.155 20.8198 21.2277 20.7955 21.2934 20.7575C21.359 20.7195 21.4164 20.6687 21.4619 20.608C21.5074 20.5473 21.5402 20.478 21.5582 20.4043C21.5763 20.3307 21.5792 20.2541 21.5669 20.1792C21.5546 20.1044 21.5273 20.0328 21.4866 19.9688ZM6.5625 9C6.5625 7.92456 6.8814 6.87328 7.47888 5.97909C8.07636 5.08489 8.92559 4.38796 9.91916 3.9764C10.9127 3.56485 12.006 3.45717 13.0608 3.66698C14.1156 3.87679 15.0844 4.39466 15.8449 5.15511C16.6053 5.91555 17.1232 6.88442 17.333 7.9392C17.5428 8.99397 17.4351 10.0873 17.0236 11.0808C16.612 12.0744 15.9151 12.9236 15.0209 13.5211C14.1267 14.1186 13.0754 14.4375 12 14.4375C10.5584 14.4358 9.17638 13.8623 8.15703 12.843C7.13767 11.8236 6.56424 10.4416 6.5625 9Z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--referral_coupons a::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23221F1B'%3E%3Cpath d='M20.25 6.9375H16.3819C16.5804 6.81288 16.7685 6.67242 16.9444 6.5175C17.2096 6.28118 17.4233 5.9927 17.572 5.67009C17.7207 5.34748 17.8013 4.99766 17.8088 4.6425C17.8203 4.2518 17.7519 3.86286 17.6078 3.49952C17.4637 3.13617 17.247 2.80606 16.9709 2.52941C16.6947 2.25276 16.365 2.03539 16.002 1.89063C15.6389 1.74586 15.2501 1.67674 14.8594 1.6875C14.5042 1.69494 14.1544 1.77554 13.8318 1.92426C13.5092 2.07299 13.2207 2.28664 12.9844 2.55188C12.5501 3.06436 12.2162 3.65399 12 4.29C11.7843 3.65447 11.451 3.06517 11.0175 2.55281C10.781 2.28718 10.4923 2.07322 10.1694 1.92432C9.84639 1.77542 9.49618 1.6948 9.14062 1.6875C8.74967 1.67622 8.36054 1.74493 7.99709 1.88941C7.63364 2.03389 7.30353 2.25109 7.02702 2.52769C6.7505 2.80429 6.53341 3.13447 6.38905 3.49796C6.24469 3.86146 6.1761 4.25062 6.1875 4.64156C6.19494 4.99673 6.27554 5.34654 6.42426 5.66915C6.57299 5.99177 6.78664 6.28024 7.05187 6.51656C7.22758 6.6717 7.41571 6.81217 7.61437 6.93656H3.75C3.57756 6.93656 3.40681 6.97054 3.24751 7.03656C3.08821 7.10258 2.94348 7.19934 2.82159 7.32132C2.6997 7.44329 2.60304 7.58809 2.53714 7.74744C2.47123 7.90679 2.43738 8.07756 2.4375 8.25V11.25C2.4375 11.5981 2.57578 11.9319 2.82192 12.1781C3.06806 12.4242 3.4019 12.5625 3.75 12.5625H3.9375V18.75C3.9375 19.0981 4.07578 19.4319 4.32192 19.6781C4.56806 19.9242 4.9019 20.0625 5.25 20.0625H18.75C19.0981 20.0625 19.4319 19.9242 19.6781 19.6781C19.9242 19.4319 20.0625 19.0981 20.0625 18.75V12.5625H20.25C20.5981 12.5625 20.9319 12.4242 21.1781 12.1781C21.4242 11.9319 21.5625 11.5981 21.5625 11.25V8.25C21.5625 7.9019 21.4242 7.56806 21.1781 7.32192C20.9319 7.07578 20.5981 6.9375 20.25 6.9375ZM12.7284 5.90625C12.9394 4.77 13.3181 3.86719 13.8244 3.29531C13.9598 3.1458 14.1246 3.02578 14.3085 2.94271C14.4924 2.85965 14.6914 2.81533 14.8931 2.8125H14.9447C15.1779 2.81253 15.4088 2.85934 15.6236 2.95018C15.8384 3.04102 16.0328 3.17403 16.1953 3.34134C16.3578 3.50865 16.4851 3.70685 16.5697 3.92423C16.6542 4.14161 16.6943 4.37374 16.6875 4.60688C16.6843 4.80882 16.6396 5.00795 16.556 5.19183C16.4724 5.37571 16.3519 5.5404 16.2019 5.67563C15.1969 6.5625 13.4925 6.82781 12.5944 6.90469C12.6178 6.63375 12.6562 6.28875 12.7284 5.90625ZM7.82344 3.32344C8.15066 2.99741 8.59339 2.81378 9.05531 2.8125H9.10687C9.30882 2.81568 9.50795 2.86045 9.69183 2.944C9.87571 3.02755 10.0404 3.1481 10.1756 3.29813C11.0625 4.30313 11.3278 6.0075 11.4047 6.90563C11.1337 6.88219 10.7887 6.84188 10.41 6.77156C9.27375 6.5625 8.37094 6.18188 7.79906 5.67469C7.64881 5.5398 7.52803 5.37532 7.4443 5.19158C7.36058 5.00783 7.3157 4.80877 7.3125 4.60688C7.30603 4.36946 7.348 4.13322 7.43584 3.91256C7.52369 3.6919 7.65557 3.49145 7.82344 3.32344ZM3.5625 11.25V8.25C3.5625 8.20027 3.58225 8.15258 3.61742 8.11742C3.65258 8.08226 3.70027 8.0625 3.75 8.0625H11.4375V11.4375H3.75C3.70027 11.4375 3.65258 11.4177 3.61742 11.3826C3.58225 11.3474 3.5625 11.2997 3.5625 11.25ZM5.0625 18.75V12.5625H11.4375V18.9375H5.25C5.20027 18.9375 5.15258 18.9177 5.11742 18.8826C5.08225 18.8474 5.0625 18.7997 5.0625 18.75ZM18.9375 18.75C18.9375 18.7997 18.9177 18.8474 18.8826 18.8826C18.8474 18.9177 18.7997 18.9375 18.75 18.9375H12.5625V12.5625H18.9375V18.75ZM20.4375 11.25C20.4375 11.2997 20.4177 11.3474 20.3826 11.3826C20.3474 11.4177 20.2997 11.4375 20.25 11.4375H12.5625V8.0625H20.25C20.2997 8.0625 20.3474 8.08226 20.3826 8.11742C20.4177 8.15258 20.4375 8.20027 20.4375 8.25V11.25Z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--customer-logout a::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23221F1B'%3E%3Cpath d='M11.0625 20.25C11.0625 20.3992 11.0032 20.5423 10.8977 20.6477C10.7923 20.7532 10.6492 20.8125 10.5 20.8125H4.5C4.35082 20.8125 4.20774 20.7532 4.10225 20.6477C3.99676 20.5423 3.9375 20.3992 3.9375 20.25V3.75C3.9375 3.60082 3.99676 3.45774 4.10225 3.35225C4.20774 3.24676 4.35082 3.1875 4.5 3.1875H10.5C10.6492 3.1875 10.7923 3.24676 10.8977 3.35225C11.0032 3.45774 11.0625 3.60082 11.0625 3.75C11.0625 3.89918 11.0032 4.04226 10.8977 4.14775C10.7923 4.25324 10.6492 4.3125 10.5 4.3125H5.0625V19.6875H10.5C10.6492 19.6875 10.7923 19.7468 10.8977 19.8523C11.0032 19.9577 11.0625 20.1008 11.0625 20.25ZM21.3975 11.6025L17.6475 7.8525C17.5409 7.75314 17.3998 7.69905 17.2541 7.70162C17.1084 7.70419 16.9693 7.76322 16.8663 7.86628C16.7632 7.96934 16.7042 8.10838 16.7016 8.25411C16.699 8.39983 16.7531 8.54087 16.8525 8.6475L19.6416 11.4375H10.5C10.3508 11.4375 10.2077 11.4968 10.1023 11.6023C9.99676 11.7077 9.9375 11.8508 9.9375 12C9.9375 12.1492 9.99676 12.2923 10.1023 12.3977C10.2077 12.5032 10.3508 12.5625 10.5 12.5625H19.6416L16.8525 15.3525C16.7972 15.404 16.7529 15.4661 16.7222 15.5351C16.6914 15.6041 16.6749 15.6786 16.6736 15.7541C16.6722 15.8296 16.6861 15.9047 16.7144 15.9747C16.7427 16.0447 16.7848 16.1084 16.8382 16.1618C16.8916 16.2152 16.9553 16.2573 17.0253 16.2856C17.0953 16.3139 17.1704 16.3278 17.2459 16.3264C17.3214 16.3251 17.3959 16.3086 17.4649 16.2778C17.5339 16.2471 17.596 16.2028 17.6475 16.1475L21.3975 12.3975C21.5028 12.292 21.562 12.1491 21.562 12C21.562 11.8509 21.5028 11.708 21.3975 11.6025Z'/%3E%3C/svg%3E");
}

/* ======================================================================
   Referral page — "Give 40%, Get 40%" (coupon-referral-program plugin).
   Override the plugin's yellow promo box + teal stat cards so the page
   reads like the rest of the account area: white cards, 1.5px Fawn
   borders, sharp corners, Espresso/Onyx text, Juniper accents, Montserrat.
   Scoped + !important to beat the plugin's own enqueued stylesheet.
   ====================================================================== */
.woocommerce-account .woocommerce-MyAccount-content .mwb_crp_referal_section_wrap,
.woocommerce-account .woocommerce-MyAccount-content .mwb-crp-referral-wrapper,
.woocommerce-account .woocommerce-MyAccount-content .mwb-crp-referral-table-wrapper {
	font-family: 'Montserrat', sans-serif;
	color: #221F1B;
}

/* ---- Promo card (kill the yellow) ------------------------------------- */
.woocommerce-account .woocommerce-MyAccount-content fieldset.mwb_crp_referal_section {
	background: #fff !important;
	border: 1.5px solid #D9D6D0 !important;
	border-radius: 0 !important;
	margin: 0 0 28px !important;
	padding: 28px !important;
}
.woocommerce-account .mwb_cpr_heading {
	font-size: 20px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
	color: #221F1B !important;
	margin: 0 0 22px !important;
}

/* Code + link display bars: gray → Ivory inputs with a Fawn border */
.woocommerce-account .mwb_crp_referral_link {
	display: block;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #6F6A64 !important;
	margin: 18px 0 8px !important;
}
.woocommerce-account .mwb_crp_addon_referral_code,
.woocommerce-account .mwb_cpr_refrral_code_copy {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	background: #F5F5F2 !important;
	border: 1.5px solid #D9D6D0 !important;
	border-radius: 0 !important;
	padding: 12px 14px !important;
	margin: 0 !important;
}
.woocommerce-account .mwb_cpr_refrral_code_copy p,
.woocommerce-account .mwb_cpr_refrral_code_copy code {
	margin: 0 !important;
	background: transparent !important;
	font-family: 'Montserrat', monospace !important;
	font-size: 14px !important;
	color: #473B37 !important;
	word-break: break-all;
}
.woocommerce-account .mwb_cpr_refrral_code_copy p {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 12px;
}
.woocommerce-account .mwb_cpr_logged_wrapper small,
.woocommerce-account .mwb_crp_referal_section small {
	display: block;
	font-size: 12.5px !important;
	color: #6F6A64 !important;
	margin-top: 8px !important;
}
/* "Your friend can use this referral code…" helper line */
.woocommerce-account .mwb_crp_addon_referral_code + p,
.woocommerce-account .mwb_crp_referal_code_wrap > p {
	font-size: 12.5px !important;
	color: #6F6A64 !important;
}
.woocommerce-account .mwb_cpr_btn_copy {
	background: transparent !important;
	border: 0 !important;
	padding: 4px !important;
	cursor: pointer;
	opacity: 0.7;
}
.woocommerce-account .mwb_cpr_btn_copy:hover { opacity: 1; }
.woocommerce-account .mwb_cpr_btn_copy img { width: 18px; height: 18px; }

/* Share buttons: tidy row, keep them recognizable */
.woocommerce-account .mwb_crp_wrapper_button {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px !important;
	margin-top: 20px !important;
}

/* Invite-by-email input + buttons → brand */
.woocommerce-account .mwb_crp_email_wrap { margin-top: 20px !important; }
.woocommerce-account input.mwb_crp_email_id {
	width: 100% !important;
	max-width: 420px;
	background: #F5F5F2 !important;
	border: 1.5px solid #D9D6D0 !important;
	border-radius: 0 !important;
	padding: 12px 14px !important;
	font-size: 14px !important;
	color: #221F1B !important;
}
.woocommerce-account .wps_crp_email_buttons { margin-top: 12px !important; display: flex; gap: 10px; }
.woocommerce-account .wps_crp_email_button.button.alt {
	background: #286841 !important;
	border: 1.5px solid #286841 !important;
	border-radius: 0 !important;
	color: #fff !important;
	font-weight: 500 !important;
	padding: 11px 22px !important;
	text-transform: none !important;
}
.woocommerce-account #mwb_crp_add_more.wps_crp_email_button.button.alt {
	background: #fff !important;
	color: #473B37 !important;
	border-color: #D9D6D0 !important;
}
.woocommerce-account .wps_crp_email_button.button.alt:hover { filter: brightness(0.96); }

/* Helper note under the promo card */
.woocommerce-account .custom-referral-text {
	border: 1.5px solid #D9D6D0;
	background: #F5F5F2;
	padding: 14px 18px;
	margin: 0 0 28px;
}
.woocommerce-account .custom-referral-text span {
	font-size: 13px;
	color: #6F6A64;
}

/* ---- Stat cards (teal → white cards) ---------------------------------- */
.woocommerce-account .woocommerce-MyAccount-content .mwb-crp-referral-wrapper {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 16px !important;
	margin: 0 0 28px !important;
	background: transparent !important;
}
.woocommerce-account .mwb-crp-referral-column { padding: 0 !important; background: transparent !important; }
.woocommerce-account .mwb-crp-referral-column-inner {
	background: #fff !important;
	border: 1.5px solid #D9D6D0 !important;
	border-radius: 0 !important;
	color: #221F1B !important;
	box-shadow: none !important;
	padding: 24px 20px !important;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}
.woocommerce-account .mwb-crp-referral-icon {
	color: #286841 !important;
	font-size: 26px !important;
	line-height: 1;
}
.woocommerce-account .mwb-crp-referral-icon i,
.woocommerce-account .mwb-crp-referral-icon svg { color: #286841 !important; fill: #286841 !important; }
.woocommerce-account .mwb-crp-referral-column-inner span {
	/* the LABEL — e.g. "Total Utilization" */
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #6F6A64 !important;
	margin: 0 !important;
	order: 2;
}
.woocommerce-account .mwb-crp-referral-column-inner h4 {
	/* the VALUE — e.g. "$0.00" */
	font-size: 30px !important;
	font-weight: 500 !important;
	color: #473B37 !important;
	margin: 0 !important;
	order: 3;
}

/* ---- Coupons table (DataTables) → clean brand table ------------------- */
.woocommerce-account .mwb-crp-referral-table-wrapper {
	border: 1.5px solid #D9D6D0;
	background: #fff;
	padding: 20px;
}
.woocommerce-account table.mwb-crp-referral-table { border-collapse: collapse !important; width: 100% !important; }
.woocommerce-account table.mwb-crp-referral-table thead th {
	background: #F5F5F2 !important;
	color: #221F1B !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	border-bottom: 1.5px solid #D9D6D0 !important;
	padding: 12px 14px !important;
}
.woocommerce-account table.mwb-crp-referral-table tbody td {
	color: #473B37 !important;
	font-size: 14px !important;
	border-bottom: 1px solid #EDEAE5 !important;
	padding: 12px 14px !important;
}
.woocommerce-account .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background: #473B37 !important;
	border: 1.5px solid #473B37 !important;
	border-radius: 0 !important;
	color: #fff !important;
}
.woocommerce-account .dataTables_wrapper .dataTables_filter input,
.woocommerce-account .dataTables_wrapper .dataTables_length select {
	border: 1.5px solid #D9D6D0 !important;
	border-radius: 0 !important;
	padding: 6px 8px !important;
}

@media (max-width: 600px) {
	.woocommerce-account .woocommerce-MyAccount-content .mwb-crp-referral-wrapper {
		grid-template-columns: 1fr !important;
	}
}

/* ===== Dashboard refinements (2026-07) ================================== */

/* Consistent side breathing room for ALL My Account content on mobile so the
   boxes aren't edge-to-edge (dashboard, orders list, etc.). */
@media (max-width: 768px) {
	.woocommerce-account .woocommerce-MyAccount-content {
		padding-left: 16px !important;
		padding-right: 16px !important;
		box-sizing: border-box !important;
	}
}

/* My Orders "View" (and pager) buttons -> brand juniper green + sharp corners. */
.woocommerce-account .woocommerce-orders-table .button,
.woocommerce-account table.my_account_orders .button,
.woocommerce-account table.my_account_orders .order-actions .button {
	background: #286841 !important;
	border-color: #286841 !important;
	color: #fff !important;
	border-radius: 0 !important;
}
.woocommerce-account .woocommerce-orders-table .button:hover,
.woocommerce-account table.my_account_orders .button:hover {
	background: #215634 !important;
	border-color: #215634 !important;
}

/* Subscription "View" page (WCS native) — Cancel/Pause action buttons into the
   brand palette (juniper + sharp corners) to match the dashboard. */
.woocommerce-account .subscription_details a.button,
.woocommerce-account .subscription_details a.button:link,
.woocommerce-account .subscription_details a.button:visited {
	background: #286841 !important;
	border-color: #286841 !important;
	color: #fff !important;
	border-radius: 0 !important;
}
.woocommerce-account .subscription_details a.button:hover,
.woocommerce-account .subscription_details a.button:focus {
	background: #215634 !important;
	border-color: #215634 !important;
	color: #fff !important;
}

/* "Cancel subscription" as a thin full-width bar spanning under the tiles (same
   look the Edit Delivery Day bar had) — de-prioritised via muted text, but still
   routes through the retention modal (pause/skip offered first). */
.ycwc-actions__cancel {
	margin: 12px 0 0;
}
.ycwc-actions__cancel a {
	display: block;
	background: #fff;
	border: var(--yp-border);
	border-radius: var(--yp-radius);
	padding: 15px 24px;
	font-family: var(--yp-font-sans, "Montserrat", sans-serif);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-align: center;
	color: #9a938c;
	text-decoration: none;
	transition: color 160ms ease, border-color 160ms ease;
}
.ycwc-actions__cancel a:hover,
.ycwc-actions__cancel a:focus {
	color: var(--yp-espresso, #473b37);
	border-color: #b9b3ab;
}

/* Meal-carousel scroll bar: now a real, grabbable indicator (JS-driven). */
.ycwc-meals__bar { height: 4px; cursor: pointer; }
.ycwc-meals__bar span { height: 8px; top: -2px; cursor: grab; }
.ycwc-meals__bar span:active { cursor: grabbing; }