/* ============================================================
   EasyWooFront — Public stylesheet
   Initial Public Release · 1.0.0
   ------------------------------------------------------------
   Scoped under .easywoofront-dashboard so this file CANNOT
   leak into the host theme. The Profile Card markup follows
   reference design "01 · Premium Luxury (D1)".
   ============================================================ */

/* ---------- Fonts (light-touch, optional) ---------- */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@700;900&display=swap');

/* ============================================================
   01 · DESIGN TOKENS (scoped)
   ============================================================ */
.easywoofront-dashboard{
	/* Brand tokens — emerald set, mirrored from UI_Design_Mockups/style.css */
	--ewf-brand-1:#198050;
	--ewf-brand-2:#0a5a3c;
	--ewf-brand-3:#0d3f2b;
	--ewf-brand-gradient:linear-gradient(135deg,#198050 0%,#0f4a2e 100%);

	--ewf-ink-1:#0f1b16;
	--ewf-ink-2:#445851;
	--ewf-ink-3:#8a9c93;
	--ewf-line:#e6ede9;

	--ewf-bg:#f4f7f5;
	--ewf-surface:#ffffff;

	/* Accent set — mirrored from UI_Design_Mockups/style.css (wishlist tiles). */
	--ewf-accent:#f5b942;
	--ewf-accent-2:#ff7a59;
	--ewf-accent-3:#c084fc;

	--ewf-success:#16a34a;
	--ewf-danger:#ef4444;
	--ewf-warn:#f59e0b;
	--ewf-info:#3b82f6;

	--ewf-success-soft:#dcfce7;
	--ewf-danger-soft:#fee2e2;
	--ewf-warn-soft:#fef3c7;
	--ewf-info-soft:#dbeafe;

	--ewf-line-2:#eef3ef;
	--ewf-brand-gradient-soft:linear-gradient(135deg,rgba(28,125,80,.10) 0%,rgba(10,90,60,.06) 100%);

	--ewf-radius-sm:10px;
	--ewf-radius:15px;
	--ewf-radius-lg:18px;
	--ewf-radius-xl:22px;

	--ewf-shadow-xs:0 1px 2px rgba(15,27,22,.05);
	--ewf-shadow-sm:0 4px 12px rgba(15,27,22,.05);
	--ewf-shadow:0 10px 30px rgba(28,125,80,.08), 0 2px 6px rgba(15,27,22,.04);
	--ewf-shadow-lg:0 24px 60px rgba(10,90,60,.16), 0 4px 12px rgba(15,27,22,.05);
	--ewf-shadow-brand:0 18px 44px rgba(10,90,60,.32);

	--ewf-nav-h:60px;

	--ewf-ease:cubic-bezier(.4,0,.2,1);
	--ewf-ease-out:cubic-bezier(.16,1,.3,1);

	box-sizing:border-box;
	font-family:'Plus Jakarta Sans','Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
	color:var(--ewf-ink-1);
	line-height:1.55;
}
.easywoofront-dashboard *,
.easywoofront-dashboard *::before,
.easywoofront-dashboard *::after{
	box-sizing:border-box;
}

/* ============================================================
   02 · SHELL
   ============================================================ */
.easywoofront-dashboard .ewf-shell{
	max-width:1240px;
	margin:0 auto;
	padding:32px 22px;
}

/* ============================================================
   03 · FLASH NOTICES
   ============================================================ */
.easywoofront-dashboard .ewf-flash{
	border-radius:var(--ewf-radius-sm);
	padding:12px 16px;
	font-size:13.5px;
	font-weight:600;
	margin-bottom:18px;
	border:1px solid transparent;
}
.easywoofront-dashboard .ewf-flash--success{background:#dcfce7;color:#0a5a3c;border-color:#bbf7d0}
.easywoofront-dashboard .ewf-flash--error  {background:#fee2e2;color:#7f1d1d;border-color:#fecaca}
.easywoofront-dashboard .ewf-flash--info   {background:#dbeafe;color:#1e3a8a;border-color:#bfdbfe}

/* ============================================================
   04 · PROFILE CARD (D1 — Premium Luxury)
   ============================================================ */
.easywoofront-dashboard .ewf-profile-card{
	position:relative;
	overflow:hidden;
	padding:30px;
	border-radius:var(--ewf-radius);
	background:var(--ewf-brand-gradient);
	color:#fff;
	border:1px solid rgba(255,255,255,.22);
	box-shadow:var(--ewf-shadow-brand);
}
.easywoofront-dashboard .ewf-profile-card::before{
	content:"";
	position:absolute;
	inset:0;
	pointer-events:none;
	background:
		radial-gradient(circle at 90% 10%,rgba(255,255,255,.16),transparent 45%),
		radial-gradient(circle at 0% 100%,rgba(255,255,255,.14),transparent 50%);
}
.easywoofront-dashboard .ewf-profile-card > *{position:relative;z-index:1}

/* --- Top row --- */
.easywoofront-dashboard .ewf-pc-row{
	display:flex;
	align-items:center;
	gap:24px;
	flex-wrap:wrap;
}

/* Avatar */
.easywoofront-dashboard .ewf-pc-avatar{
	width:96px;
	height:96px;
	border-radius:50%;
	position:relative;
	overflow:hidden;
	flex-shrink:0;
	border:3px solid rgba(255,255,255,.45);
	box-shadow:0 0 0 6px rgba(255,255,255,.10),0 12px 28px rgba(0,0,0,.30);
	background:rgba(255,255,255,.10);
	display:grid;
	place-items:center;
}
.easywoofront-dashboard .ewf-pc-avatar img{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.easywoofront-dashboard .ewf-pc-avatar-initials{
	font-family:'Playfair Display',serif;
	font-weight:800;
	font-size:36px;
	color:#fff;
	letter-spacing:-.02em;
}

/* Identity / contact */
.easywoofront-dashboard .ewf-pc-who{min-width:0;flex:1 1 280px}
.easywoofront-dashboard .ewf-pc-name{
	margin:0;
	font-family:'Playfair Display',serif;
	font-size:26px;
	font-weight:800;
	letter-spacing:-.02em;
	color:#fff;
	display:flex;
	align-items:center;
	gap:10px;
	flex-wrap:wrap;
}
.easywoofront-dashboard .ewf-pc-meta{
	display:flex;
	gap:16px;
	font-size:12.5px;
	opacity:.92;
	margin-top:6px;
	flex-wrap:wrap;
}
.easywoofront-dashboard .ewf-pc-meta-item{display:inline-flex;align-items:center;gap:6px}
.easywoofront-dashboard .ewf-pc-meta-item svg{width:12px;height:12px;color:rgba(255,255,255,.85)}
.easywoofront-dashboard .ewf-pc-meta-item a{
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid rgba(255,255,255,.25);
	transition:border-color .15s var(--ewf-ease);
}
.easywoofront-dashboard .ewf-pc-meta-item a:hover{border-bottom-color:#fff}

/* Pills (verified / unverified) — explicit semantic colors that pop against the green gradient. */
.easywoofront-dashboard .ewf-pill{
	display:inline-flex;
	align-items:center;
	gap:5px;
	font-size:11px;
	font-weight:700;
	padding:3px 10px;
	border-radius:999px;
	color:#fff;
	text-decoration:none;
	border:1px solid transparent;
	line-height:1.6;
	letter-spacing:.02em;
	transition:background .15s var(--ewf-ease),transform .15s var(--ewf-ease),box-shadow .15s var(--ewf-ease);
}
.easywoofront-dashboard .ewf-pill svg{width:11px;height:11px}

/* Verified — bright green pill so it pops on the dark-green gradient. */
.easywoofront-dashboard .ewf-pill--verified{
	background:#22c55e;
	border-color:rgba(255,255,255,.35);
	box-shadow:0 4px 12px rgba(34,197,94,.35);
	color:#fff;
}

/* Unverified — red pill, clickable (resends the verification email). */
.easywoofront-dashboard .ewf-pill--unverified{
	background:#ef4444;
	border-color:rgba(255,255,255,.35);
	box-shadow:0 4px 12px rgba(239,68,68,.35);
	color:#fff;
	cursor:pointer;
}
.easywoofront-dashboard .ewf-pill--unverified:hover{
	background:#dc2626;
	transform:translateY(-1px);
	box-shadow:0 6px 16px rgba(239,68,68,.45);
}

/* Stats */
.easywoofront-dashboard .ewf-pc-stats{
	display:flex;
	gap:14px;
	margin-left:auto;
	flex-wrap:wrap;
}
.easywoofront-dashboard .ewf-pc-stat{
	padding:14px 22px;
	text-align:center;
	border-radius:14px;
	background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.06));
	border:1px solid rgba(255,255,255,.28);
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
	min-width:120px;
}
.easywoofront-dashboard .ewf-pc-stat b{
	display:block;
	font-family:'Playfair Display',serif;
	font-size:26px;
	font-weight:800;
	color:#fff;
	line-height:1;
	/* Keep "$5,820" on a single line — wc_price() emits a nested <bdi> that otherwise wraps. */
	white-space:nowrap;
}
/* wc_price emits <span class="woocommerce-Price-amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>…</bdi></span>;
   force every nested node inline + inheriting our typography so it never wraps. */
.easywoofront-dashboard .ewf-pc-stat b .woocommerce-Price-amount,
.easywoofront-dashboard .ewf-pc-stat b .amount,
.easywoofront-dashboard .ewf-pc-stat b bdi,
.easywoofront-dashboard .ewf-pc-stat b .woocommerce-Price-currencySymbol{
	display:inline;
	font:inherit;
	color:inherit;
	white-space:nowrap;
}
.easywoofront-dashboard .ewf-pc-stat span{
	display:block;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:.10em;
	font-weight:700;
	opacity:.85;
	margin-top:4px;
}

/* --- Footer row --- */
.easywoofront-dashboard .ewf-pc-footer{
	margin-top:20px;
	padding-top:18px;
	border-top:1px solid rgba(255,255,255,.22);
	display:flex;
	justify-content:space-between;
	gap:12px;
	flex-wrap:wrap;
	align-items:center;
}
.easywoofront-dashboard .ewf-pc-footer-meta{
	display:flex;
	gap:18px;
	font-size:12.5px;
	color:rgba(255,255,255,.85);
	flex-wrap:wrap;
}
.easywoofront-dashboard .ewf-pc-footer-meta span{display:inline-flex;align-items:center;gap:6px}
.easywoofront-dashboard .ewf-pc-footer-meta svg{width:12px;height:12px;color:rgba(255,255,255,.85)}

/* ============================================================
   05 · BUTTONS
   ============================================================ */
.easywoofront-dashboard .ewf-pc-actions{display:flex;gap:8px;flex-wrap:wrap}
.easywoofront-dashboard .ewf-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:7px;
	height:40px;
	padding:0 16px;
	border-radius:11px;
	font-weight:700;
	font-size:13px;
	letter-spacing:-.005em;
	cursor:pointer;
	border:0;
	transition:.2s var(--ewf-ease);
	white-space:nowrap;
	text-decoration:none;
	font-family:inherit;
}
.easywoofront-dashboard .ewf-btn svg{width:14px;height:14px}

.easywoofront-dashboard .ewf-btn--light{background:#fff;color:var(--ewf-brand-2)}
.easywoofront-dashboard .ewf-btn--light:hover{box-shadow:0 14px 28px rgba(0,0,0,.18);color:var(--ewf-brand-2)}

.easywoofront-dashboard .ewf-btn--outline{
	background:rgba(255,255,255,.10);
	color:#fff;
	border:1px solid rgba(255,255,255,.32);
	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);
}
.easywoofront-dashboard .ewf-btn--outline:hover{background:rgba(255,255,255,.22);color:#fff}

.easywoofront-dashboard .ewf-btn--danger{
	background:rgba(239,68,68,.20);
	color:#fff;
	border:1px solid rgba(255,255,255,.22);
	backdrop-filter:blur(8px);
}
.easywoofront-dashboard .ewf-btn--danger:hover{background:rgba(239,68,68,.35);color:#fff}

/* ============================================================
   06 · GUEST STATE
   ============================================================ */
.easywoofront-dashboard--guest{
	max-width:480px;
	margin:48px auto;
	padding:32px 24px;
	background:var(--ewf-surface);
	border-radius:var(--ewf-radius);
	box-shadow:var(--ewf-shadow-sm);
	border:1px solid var(--ewf-line);
}

/* ============================================================
   07 · RESPONSIVE
   ============================================================ */
@media (max-width:1000px){
	.easywoofront-dashboard .ewf-pc-stats{margin-left:0;width:100%}
	.easywoofront-dashboard .ewf-pc-stat{flex:1}
}
@media (max-width:680px){
	.easywoofront-dashboard .ewf-shell{padding:20px 14px}
	.easywoofront-dashboard .ewf-profile-card{padding:22px 20px}
	.easywoofront-dashboard .ewf-pc-row{gap:16px}
	.easywoofront-dashboard .ewf-pc-avatar{width:76px;height:76px}
	.easywoofront-dashboard .ewf-pc-name{font-size:22px}
	.easywoofront-dashboard .ewf-pc-stat b{font-size:22px}
	.easywoofront-dashboard .ewf-pc-footer{flex-direction:column;align-items:stretch}
	.easywoofront-dashboard .ewf-pc-actions{justify-content:flex-start}
	.easywoofront-dashboard .ewf-btn{flex:1 1 auto}
}

/* ============================================================
   08 · DASHBOARD SHELL — extends beyond the Profile Card section
   ============================================================ */
.easywoofront-dashboard h1,
.easywoofront-dashboard h2,
.easywoofront-dashboard h3{margin:0;font-weight:700;letter-spacing:-.01em;color:var(--ewf-ink-1)}
.easywoofront-dashboard h1{font-size:28px;letter-spacing:-.02em}
.easywoofront-dashboard h2{font-size:20px}
.easywoofront-dashboard h3{font-size:16px}
.easywoofront-dashboard a{color:inherit;text-decoration:none}

/* Decorative background blur (fixed, sits behind everything). */
.easywoofront-dashboard .ewf-bg-blur{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.easywoofront-dashboard .ewf-bg-blur::before,
.easywoofront-dashboard .ewf-bg-blur::after{content:"";position:absolute;border-radius:50%;filter:blur(120px);opacity:.55}
.easywoofront-dashboard .ewf-bg-blur::before{
	width:520px;height:520px;left:-160px;top:-120px;
	background:radial-gradient(circle,#1c7d50 0%,transparent 70%);opacity:.22;
}
.easywoofront-dashboard .ewf-bg-blur::after{
	width:620px;height:620px;right:-180px;top:120px;
	background:radial-gradient(circle,#f5b942 0%,transparent 70%);opacity:.18;
}

/* ============================================================
   09 · STICKY NAV
   ============================================================ */
.easywoofront-dashboard .ewf-mainnav{
	position:sticky;top:0;z-index:40;
	background:rgba(255,255,255,.85);
	backdrop-filter:saturate(180%) blur(14px);
	-webkit-backdrop-filter:saturate(180%) blur(14px);
	border-bottom:1px solid var(--ewf-line-2);
	box-shadow:0 1px 0 rgba(15,27,22,.02);
	transition:box-shadow .2s var(--ewf-ease),background .2s var(--ewf-ease);
}
/* `is-stuck` class is added by JS once the profile card scrolls out of view. */
.easywoofront-dashboard .ewf-mainnav.is-stuck{
	box-shadow:0 6px 18px rgba(15,27,22,.06),0 1px 0 rgba(15,27,22,.04);
	background:rgba(255,255,255,.95);
}
.easywoofront-dashboard .ewf-mainnav-inner{
	max-width:1240px;margin:0 auto;padding:0 22px;
	height:var(--ewf-nav-h);display:flex;align-items:center;gap:4px;
	overflow-x:auto;scrollbar-width:none;
}
.easywoofront-dashboard .ewf-mainnav-inner::-webkit-scrollbar{display:none}

.easywoofront-dashboard .ewf-navlink{
	display:inline-flex;align-items:center;gap:8px;
	padding:8px 14px;border-radius:10px;
	font-weight:600;font-size:13.5px;color:var(--ewf-ink-2);
	white-space:nowrap;position:relative;
	transition:.2s var(--ewf-ease);
}
.easywoofront-dashboard .ewf-navlink svg{width:16px;height:16px;opacity:.8}
.easywoofront-dashboard .ewf-navlink:hover{color:var(--ewf-brand-1);background:#eef3ef}
.easywoofront-dashboard .ewf-navlink.is-active{
	color:#fff;background:var(--ewf-brand-gradient);
	box-shadow:0 6px 18px rgba(10,90,60,.28);
}
.easywoofront-dashboard .ewf-navlink-badge{
	background:#ff7a59;color:#fff;font-size:10.5px;font-weight:700;
	padding:2px 7px;border-radius:999px;line-height:1.4;
}
.easywoofront-dashboard .ewf-navlink.is-active .ewf-navlink-badge{background:rgba(255,255,255,.22)}

/* ============================================================
   10 · PAGE HEAD + GHOST/PRIMARY BUTTONS
   ============================================================ */
.easywoofront-dashboard .ewf-page{
	max-width:1240px;margin:0 auto;padding:28px 22px 80px;
}
.easywoofront-dashboard .ewf-page-head{
	display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
	margin-bottom:22px;flex-wrap:wrap;
}
.easywoofront-dashboard .ewf-page-head .ewf-sub{color:var(--ewf-ink-3);margin-top:4px;font-size:13.5px}
.easywoofront-dashboard .ewf-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

.easywoofront-dashboard .ewf-btn-ghost{
	background:#fff;color:var(--ewf-ink-1);border:1px solid var(--ewf-line);
	height:42px;padding:0 18px;border-radius:12px;font-weight:700;font-size:13.5px;
}
.easywoofront-dashboard .ewf-btn-ghost:hover{
	border-color:var(--ewf-brand-1);color:var(--ewf-brand-1);box-shadow:var(--ewf-shadow-sm);
}
.easywoofront-dashboard .ewf-btn-sm{height:34px;padding:0 12px;font-size:12.5px;border-radius:10px}
.easywoofront-dashboard .ewf-btn-sm svg{width:14px;height:14px}
.easywoofront-dashboard .ewf-btn-icon{width:42px;padding:0}
.easywoofront-dashboard .ewf-btn-icon.ewf-btn-sm{width:34px}

/* ============================================================
   11 · STAT GRID (centered icon → number → title)
   ============================================================ */
.easywoofront-dashboard .ewf-stat-grid{
	display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:0;
}
.easywoofront-dashboard .ewf-stat{
	background:#fff;border:1px solid var(--ewf-line);border-radius:var(--ewf-radius-lg);
	padding:24px 18px;box-shadow:var(--ewf-shadow-sm);
	display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;
	transition:.2s var(--ewf-ease-out);
	position:relative;overflow:hidden;
}
.easywoofront-dashboard .ewf-stat:hover{
	transform:translateY(-3px);
	box-shadow:var(--ewf-shadow-lg);
	border-color:rgba(28,125,80,.20);
}
.easywoofront-dashboard .ewf-stat-top{display:flex;justify-content:center}
.easywoofront-dashboard .ewf-stat-ico{
	width:58px;height:58px;border-radius:16px;display:grid;place-items:center;
	background:#eef2f7;color:var(--ewf-ink-2);
	transition:transform .2s var(--ewf-ease);
}
.easywoofront-dashboard .ewf-stat:hover .ewf-stat-ico{transform:scale(1.05)}
.easywoofront-dashboard .ewf-stat-ico svg{width:26px;height:26px}

/* Soft per-card colour palette — 8 distinct pastels, semantic per status. */
.easywoofront-dashboard .ewf-stat--s-1 .ewf-stat-ico{background:#e0f2fe;color:#0369a1} /* Total Orders    · sky    */
.easywoofront-dashboard .ewf-stat--s-2 .ewf-stat-ico{background:#dcfce7;color:#15803d} /* Completed       · green  */
.easywoofront-dashboard .ewf-stat--s-3 .ewf-stat-ico{background:#fef3c7;color:#b45309} /* Processing      · amber  */
.easywoofront-dashboard .ewf-stat--s-4 .ewf-stat-ico{background:#fee2e2;color:#b91c1c} /* Cancelled       · rose   */
.easywoofront-dashboard .ewf-stat--s-5 .ewf-stat-ico{background:#fef9c3;color:#854d0e} /* Pending Payment · yellow */
.easywoofront-dashboard .ewf-stat--s-6 .ewf-stat-ico{background:#ffedd5;color:#c2410c} /* On Hold         · orange */
.easywoofront-dashboard .ewf-stat--s-7 .ewf-stat-ico{background:#f3e8ff;color:#6b21a8} /* Refunded        · violet */
.easywoofront-dashboard .ewf-stat--s-8 .ewf-stat-ico{background:#ffe4e6;color:#9f1239} /* Failed          · deep rose */

/* Number → label order (HTML order is label,value — reverse visually). */
.easywoofront-dashboard .ewf-stat-text{
	display:flex;flex-direction:column-reverse;align-items:center;gap:6px;
}
.easywoofront-dashboard .ewf-stat-value{
	font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--ewf-ink-1);
}
.easywoofront-dashboard .ewf-stat-label{
	font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ewf-ink-3);
}

/* ============================================================
   12 · TWO-COLUMN GRID (320px sidebar + flexible main)
   ============================================================ */
.easywoofront-dashboard .ewf-grid{display:grid;gap:18px}
.easywoofront-dashboard .ewf-grid-2{grid-template-columns:320px 1fr;align-items:start}
.easywoofront-dashboard .ewf-grid-2 .ewf-grid-2-side{max-width:320px;width:320px}
.easywoofront-dashboard .ewf-mt-22{margin-top:22px}
.easywoofront-dashboard .ewf-flex-between{display:flex;align-items:center;justify-content:space-between}

/* ============================================================
   13 · SIDE CARD + QUICK ACTIONS (stacked single-line rows)
   ============================================================ */
.easywoofront-dashboard .ewf-side-card{
	background:#fff;border:1px solid var(--ewf-line);border-radius:var(--ewf-radius-lg);
	padding:22px;box-shadow:var(--ewf-shadow-sm);
}
.easywoofront-dashboard .ewf-side-card .ewf-quick-actions{
	display:flex;flex-direction:column;gap:8px;margin-top:14px;
}
/* Grid row so the icon (col 1) spans the title+subtitle text rows. */
.easywoofront-dashboard .ewf-side-card .ewf-quick-action{
	display:grid;
	grid-template-columns:auto 1fr auto;
	grid-template-rows:auto auto;
	column-gap:12px;row-gap:2px;
	align-items:center;
	padding:12px 14px;
	border-radius:12px;
	background:#fff;
	border:1px solid var(--ewf-line);
	color:var(--ewf-ink-1);
	text-decoration:none;
	transition:transform .15s var(--ewf-ease),border-color .15s var(--ewf-ease),box-shadow .15s var(--ewf-ease);
}
.easywoofront-dashboard .ewf-side-card .ewf-quick-action .ewf-qa-ico{
	grid-row:1 / span 2;grid-column:1;
	width:38px;height:38px;border-radius:10px;
	background:var(--ewf-brand-gradient-soft);color:var(--ewf-brand-2);
	display:grid;place-items:center;flex-shrink:0;align-self:center;
}
.easywoofront-dashboard .ewf-side-card .ewf-quick-action .ewf-qa-ico svg{width:18px;height:18px}
.easywoofront-dashboard .ewf-side-card .ewf-quick-action b{
	grid-row:1;grid-column:2;align-self:end;
	font-size:13.5px;font-weight:700;letter-spacing:-.005em;line-height:1.15;color:var(--ewf-ink-1);
}
.easywoofront-dashboard .ewf-side-card .ewf-quick-action .ewf-qa-sub{
	grid-row:2;grid-column:2;align-self:start;
	font-size:11.5px;font-weight:500;line-height:1.3;color:var(--ewf-ink-3);
}
/* Animated trailing chevron (CSS mask so it inherits currentColor). */
.easywoofront-dashboard .ewf-side-card .ewf-quick-action::after{
	content:"";grid-row:1 / span 2;grid-column:3;align-self:center;
	width:14px;height:14px;
	background:currentColor;color:var(--ewf-ink-3);
	-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'/></svg>") center/contain no-repeat;
	        mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'/></svg>") center/contain no-repeat;
	opacity:.55;
	transition:transform .15s var(--ewf-ease),opacity .15s var(--ewf-ease),color .15s var(--ewf-ease);
}
.easywoofront-dashboard .ewf-side-card .ewf-quick-action:hover{
	border-color:var(--ewf-brand-1);transform:translateX(2px);box-shadow:var(--ewf-shadow-sm);
}
.easywoofront-dashboard .ewf-side-card .ewf-quick-action:hover::after{
	color:var(--ewf-brand-1);opacity:1;transform:translateX(3px);
}

/* ============================================================
   14 · CARD + TABLE + PILLS (Recent Orders)
   ============================================================ */
.easywoofront-dashboard .ewf-card{
	background:var(--ewf-surface);
	border:1px solid var(--ewf-line);
	border-radius:var(--ewf-radius-lg);
	box-shadow:var(--ewf-shadow-sm);
	position:relative;
}
.easywoofront-dashboard .ewf-card-head{
	display:flex;align-items:center;justify-content:space-between;gap:12px;
	padding:18px 22px;border-bottom:1px solid var(--ewf-line-2);
}
.easywoofront-dashboard .ewf-card-head h2{font-size:16px}
.easywoofront-dashboard .ewf-card-head .ewf-muted{font-size:12.5px;color:var(--ewf-ink-3);display:block;margin-top:2px}
.easywoofront-dashboard .ewf-muted{color:var(--ewf-ink-3)}
.easywoofront-dashboard .ewf-card-empty{padding:36px 22px;text-align:center;color:var(--ewf-ink-3)}

.easywoofront-dashboard .ewf-table{width:100%;border-collapse:collapse;font-size:13.5px}
.easywoofront-dashboard .ewf-table thead th{
	text-align:left;font-weight:700;color:var(--ewf-ink-3);
	font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;
	padding:12px 22px;border-bottom:1px solid var(--ewf-line-2);background:#fafcfb;
}
.easywoofront-dashboard .ewf-table tbody td{
	padding:16px 22px;border-bottom:1px solid var(--ewf-line-2);vertical-align:middle;
}
.easywoofront-dashboard .ewf-table tbody tr:last-child td{border-bottom:0}
.easywoofront-dashboard .ewf-table tbody tr{transition:.15s var(--ewf-ease)}
.easywoofront-dashboard .ewf-table tbody tr:hover{background:#fafcfb}

.easywoofront-dashboard .ewf-order-id{font-weight:700;color:var(--ewf-brand-2)}
.easywoofront-dashboard .ewf-product-cell{display:flex;align-items:center;gap:14px}
/* Product thumb — works for both <img> (real featured image) and the
   <span class="ewf-product-thumb--initials"> fallback when WC has no
   placeholder. 64×64 display, 128×128 source for retina sharpness. */
.easywoofront-dashboard .ewf-product-thumb{
	width:64px;height:64px;border-radius:14px;
	background:var(--ewf-brand-gradient-soft);
	border:1px solid var(--ewf-line);
	flex-shrink:0;
	object-fit:cover;
	display:block;
	box-shadow:var(--ewf-shadow-xs);
}
.easywoofront-dashboard .ewf-product-thumb--initials{
	display:grid;
	place-items:center;
	color:var(--ewf-brand-2);
	font-weight:700;
	font-size:14px;
	letter-spacing:.04em;
}
.easywoofront-dashboard .ewf-pname{font-weight:600;line-height:1.2}
.easywoofront-dashboard .ewf-psub{font-size:12px;color:var(--ewf-ink-3);margin-top:2px}
.easywoofront-dashboard .ewf-row-actions{display:flex;gap:6px;justify-content:flex-end}

/* Status pills — semantic colours mapped to WC order statuses. */
.easywoofront-dashboard .ewf-pill{
	display:inline-flex;align-items:center;gap:6px;
	font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:999px;
	letter-spacing:.01em;line-height:1.2;
}
.easywoofront-dashboard .ewf-pill::before{
	content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7;
}
.easywoofront-dashboard .ewf-pill--completed{color:var(--ewf-success);background:var(--ewf-success-soft)}
.easywoofront-dashboard .ewf-pill--processing{color:var(--ewf-info);   background:var(--ewf-info-soft)}
.easywoofront-dashboard .ewf-pill--pending   {color:var(--ewf-warn);   background:var(--ewf-warn-soft)}
.easywoofront-dashboard .ewf-pill--on-hold   {color:var(--ewf-warn);   background:var(--ewf-warn-soft)}
.easywoofront-dashboard .ewf-pill--cancelled {color:var(--ewf-danger); background:var(--ewf-danger-soft)}
.easywoofront-dashboard .ewf-pill--refunded  {color:var(--ewf-danger); background:var(--ewf-danger-soft)}
.easywoofront-dashboard .ewf-pill--failed    {color:var(--ewf-danger); background:var(--ewf-danger-soft)}
.easywoofront-dashboard .ewf-pill--shipped   {color:var(--ewf-brand-2);background:rgba(28,125,80,.12)}

/* ============================================================
   15 · DASHBOARD RESPONSIVE
   ============================================================ */
@media (max-width:1080px){
	.easywoofront-dashboard .ewf-grid-2{grid-template-columns:1fr}
	.easywoofront-dashboard .ewf-grid-2 .ewf-grid-2-side{max-width:none;width:auto}
	.easywoofront-dashboard .ewf-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:780px){
	.easywoofront-dashboard{--ewf-nav-h:54px}
	.easywoofront-dashboard .ewf-mainnav-inner,
	.easywoofront-dashboard .ewf-page{padding-left:16px;padding-right:16px}
	.easywoofront-dashboard .ewf-stat-grid{grid-template-columns:1fr 1fr;gap:12px}
	.easywoofront-dashboard .ewf-stat{padding:18px 14px;gap:10px}
	.easywoofront-dashboard .ewf-stat-ico{width:50px;height:50px}
	.easywoofront-dashboard .ewf-stat-value{font-size:26px}
	/* Table → card-style stacking on mobile. */
	.easywoofront-dashboard .ewf-table thead{display:none}
	.easywoofront-dashboard .ewf-table tbody td{display:block;padding:6px 16px;border:0}
	.easywoofront-dashboard .ewf-table tbody tr{display:block;border-bottom:1px solid var(--ewf-line-2);padding:14px 0}
	/* Smaller product thumb on phones so the stacked card doesn't dominate. */
	.easywoofront-dashboard .ewf-product-thumb{width:52px;height:52px;border-radius:12px}
	.easywoofront-dashboard .ewf-product-thumb--initials{font-size:12px}
}

/* ============================================================
   16 · MY ORDERS PAGE — breadcrumb, chip, toolbar, tabs, fields, pager
   ============================================================ */

/* Breadcrumb */
.easywoofront-dashboard .ewf-crumb{
	display:inline-flex;align-items:center;gap:6px;
	font-size:12.5px;color:var(--ewf-ink-3);font-weight:600;
	margin-bottom:6px;
}
.easywoofront-dashboard .ewf-crumb a{color:var(--ewf-ink-3);transition:color .15s var(--ewf-ease)}
.easywoofront-dashboard .ewf-crumb a:hover{color:var(--ewf-brand-1)}
.easywoofront-dashboard .ewf-crumb svg{width:12px;height:12px;opacity:.7}
.easywoofront-dashboard .ewf-crumb span{color:var(--ewf-ink-2);font-weight:700}

/* "12 total" chip beside the H1 */
.easywoofront-dashboard h1 .ewf-chip{
	display:inline-flex;align-items:center;
	background:rgba(28,125,80,.10);color:var(--ewf-brand-2);
	font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;
	margin-left:10px;letter-spacing:.02em;
	vertical-align:middle;
}

/* Buttons used on this page (extend the existing .ewf-btn-* family). */
.easywoofront-dashboard .ewf-btn-primary{
	color:#fff;background:var(--ewf-brand-gradient);
	height:42px;padding:0 18px;border-radius:12px;
	font-weight:700;font-size:13.5px;
	box-shadow:0 10px 24px rgba(10,90,60,.28);
}
.easywoofront-dashboard .ewf-btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(10,90,60,.36);color:#fff}
.easywoofront-dashboard .ewf-btn-soft{
	background:rgba(28,125,80,.10);color:var(--ewf-brand-2);
	height:42px;padding:0 18px;border-radius:12px;font-weight:700;font-size:13.5px;
	border:1px solid transparent;
}
.easywoofront-dashboard .ewf-btn-soft:hover{background:rgba(28,125,80,.16);color:var(--ewf-brand-2)}
/* Honour btn-sm sizing on these too. */
.easywoofront-dashboard .ewf-btn-primary.ewf-btn-sm,
.easywoofront-dashboard .ewf-btn-soft.ewf-btn-sm{height:34px;padding:0 12px;font-size:12.5px;border-radius:10px}

/* Toolbar (tabs + search + date) */
.easywoofront-dashboard .ewf-toolbar{
	display:flex;align-items:center;gap:14px;
	padding:18px 22px;border-bottom:1px solid var(--ewf-line-2);
	flex-wrap:wrap;
}
.easywoofront-dashboard .ewf-toolbar .ewf-grow{flex:1;min-width:8px}

/* Tabs */
.easywoofront-dashboard .ewf-tabs{display:inline-flex;gap:4px;background:#fafcfb;padding:4px;border-radius:12px;border:1px solid var(--ewf-line-2)}
.easywoofront-dashboard .ewf-tab{
	display:inline-flex;align-items:center;gap:6px;
	padding:8px 14px;border-radius:9px;
	font-weight:600;font-size:13px;color:var(--ewf-ink-2);
	text-decoration:none;
	transition:.15s var(--ewf-ease);
	cursor:pointer;
	white-space:nowrap;
}
.easywoofront-dashboard .ewf-tab:hover{color:var(--ewf-brand-1);background:#fff}
.easywoofront-dashboard .ewf-tab.is-on{
	background:#fff;color:var(--ewf-ink-1);
	box-shadow:0 4px 10px rgba(15,27,22,.06),0 1px 0 rgba(15,27,22,.04);
}
.easywoofront-dashboard .ewf-tab-count{
	display:inline-flex;align-items:center;justify-content:center;
	min-width:20px;height:20px;padding:0 6px;border-radius:999px;
	background:#eef3ef;color:var(--ewf-ink-3);
	font-size:10.5px;font-weight:700;
}
.easywoofront-dashboard .ewf-tab.is-on .ewf-tab-count{background:rgba(28,125,80,.12);color:var(--ewf-brand-2)}

/* Toolbar form (search + date) */
.easywoofront-dashboard .ewf-toolbar-form{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}

/* Field */
.easywoofront-dashboard .ewf-field{
	position:relative;display:inline-flex;align-items:center;
	background:#fff;border:1px solid var(--ewf-line);border-radius:10px;
	height:38px;padding:0 12px;min-width:220px;
	transition:.15s var(--ewf-ease);
}
.easywoofront-dashboard .ewf-field:focus-within{border-color:var(--ewf-brand-1);box-shadow:0 0 0 4px rgba(28,125,80,.10)}
.easywoofront-dashboard .ewf-field input,
.easywoofront-dashboard .ewf-field select{
	border:0;outline:0;background:transparent;
	font-size:13px;color:var(--ewf-ink-1);
	width:100%;height:100%;padding:0;
	font-family:inherit;
}
.easywoofront-dashboard .ewf-field input::placeholder{color:var(--ewf-ink-3)}
.easywoofront-dashboard .ewf-field-lead{width:14px;height:14px;color:var(--ewf-ink-3);margin-right:8px;flex-shrink:0}
.easywoofront-dashboard .ewf-field--no-icon{min-width:auto;padding-right:10px}

/* Card empty state on this page */
.easywoofront-dashboard .ewf-card-empty p{font-size:14px}

/* Orders table tweaks (alongside the existing .ewf-table base) */
.easywoofront-dashboard .ewf-table--orders th.ewf-th-actions{text-align:right}
.easywoofront-dashboard .ewf-table--orders td .ewf-psub{font-size:11.5px;color:var(--ewf-ink-3);margin-top:2px;font-weight:500}

/* Pager */
.easywoofront-dashboard .ewf-pager{
	display:flex;align-items:center;justify-content:space-between;gap:14px;
	padding:14px 22px;border-top:1px solid var(--ewf-line-2);
	flex-wrap:wrap;
}
.easywoofront-dashboard .ewf-pager-summary{font-size:12.5px}
.easywoofront-dashboard .ewf-pager-summary b{color:var(--ewf-ink-1);font-weight:700}
.easywoofront-dashboard .ewf-pages{display:inline-flex;gap:4px;align-items:center}
.easywoofront-dashboard .ewf-page-btn{
	display:inline-flex;align-items:center;justify-content:center;
	min-width:34px;height:34px;padding:0 10px;
	border-radius:9px;border:1px solid var(--ewf-line);background:#fff;
	font-weight:700;font-size:13px;color:var(--ewf-ink-2);
	text-decoration:none;
	transition:.15s var(--ewf-ease);
}
.easywoofront-dashboard .ewf-page-btn:hover{border-color:var(--ewf-brand-1);color:var(--ewf-brand-1)}
.easywoofront-dashboard .ewf-page-btn.is-on{
	background:var(--ewf-brand-gradient);color:#fff;border-color:transparent;
	box-shadow:0 6px 14px rgba(10,90,60,.22);
}
.easywoofront-dashboard .ewf-page-btn.is-on:hover{color:#fff}
.easywoofront-dashboard .ewf-page-btn.is-disabled{opacity:.4;cursor:not-allowed}
.easywoofront-dashboard .ewf-page-btn--dots{border:0;background:transparent;color:var(--ewf-ink-3);cursor:default}
.easywoofront-dashboard .ewf-page-btn svg{width:14px;height:14px}

/* Orders-page responsive — stack toolbar + condense pager on phones. */
@media (max-width:780px){
	.easywoofront-dashboard .ewf-toolbar{padding:14px 16px}
	.easywoofront-dashboard .ewf-tabs{order:1;width:100%;overflow-x:auto;scrollbar-width:none}
	.easywoofront-dashboard .ewf-tabs::-webkit-scrollbar{display:none}
	.easywoofront-dashboard .ewf-toolbar-form{order:2;width:100%}
	.easywoofront-dashboard .ewf-field{flex:1;min-width:0}
	.easywoofront-dashboard .ewf-pager{padding:14px 16px;flex-direction:column;align-items:flex-start}
}

/* ============================================================
   17 · MY DOWNLOADS PAGE — tile grid, thumb chip, meta row
   ============================================================ */

/* Card body padding wraps the tile grid */
.easywoofront-dashboard .ewf-card-body{padding:22px}

/* Responsive tile grid — 4 across desktop, 2 tablet, 1 phone. */
.easywoofront-dashboard .ewf-tile-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
	gap:18px;
}

/* Tile card */
.easywoofront-dashboard .ewf-tile{
	background:#fff;
	border:1px solid var(--ewf-line);
	border-radius:var(--ewf-radius-lg);
	box-shadow:var(--ewf-shadow-sm);
	overflow:hidden;
	display:flex;flex-direction:column;
	transition:.2s var(--ewf-ease-out);
}
.easywoofront-dashboard .ewf-tile:hover{
	transform:translateY(-3px);
	box-shadow:var(--ewf-shadow-lg);
	border-color:rgba(28,125,80,.20);
}
.easywoofront-dashboard .ewf-tile.is-expired{opacity:.78}
.easywoofront-dashboard .ewf-tile.is-expired:hover{transform:none}

/* Thumb — typed icon block at the top of each tile. */
.easywoofront-dashboard .ewf-thumb{
	height:120px;
	display:grid;place-items:center;
	background:var(--ewf-brand-gradient-soft);
	border-bottom:1px solid var(--ewf-line-2);
	color:var(--ewf-brand-2);
	transition:background .2s var(--ewf-ease);
}
.easywoofront-dashboard .ewf-thumb svg{width:44px;height:44px}

/* Per-type accent colours */
.easywoofront-dashboard .ewf-thumb--document{background:#e0f2fe;color:#0369a1}
.easywoofront-dashboard .ewf-thumb--archive {background:#fef3c7;color:#b45309}
.easywoofront-dashboard .ewf-thumb--audio   {background:#f3e8ff;color:#6b21a8}
.easywoofront-dashboard .ewf-thumb--video   {background:#ffe4e6;color:#9f1239}
.easywoofront-dashboard .ewf-thumb--image   {background:#dcfce7;color:#15803d}
.easywoofront-dashboard .ewf-thumb--generic {background:var(--ewf-brand-gradient-soft);color:var(--ewf-brand-2)}

/* Tile body */
.easywoofront-dashboard .ewf-tile-body{
	padding:16px 18px 14px;
	flex:1;
	display:flex;flex-direction:column;gap:8px;
	min-width:0;
}
.easywoofront-dashboard .ewf-tile-body .ewf-cat{
	font-size:11px;
	font-weight:700;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:var(--ewf-ink-3);
}
.easywoofront-dashboard .ewf-tile-body h3{
	font-size:15.5px;
	font-weight:700;
	letter-spacing:-.01em;
	line-height:1.3;
	color:var(--ewf-ink-1);
	margin:0;
	/* Truncate to 2 lines without cutting mid-word. */
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	word-break:break-word;
}

/* Meta row — Active / Expires / N of M */
.easywoofront-dashboard .ewf-meta-row{
	display:flex;flex-wrap:wrap;gap:10px;
	font-size:11.5px;font-weight:600;color:var(--ewf-ink-3);
	margin-top:4px;
}
.easywoofront-dashboard .ewf-meta-row span{
	display:inline-flex;align-items:center;gap:5px;
}
.easywoofront-dashboard .ewf-meta-row svg{width:12px;height:12px;opacity:.85}
.easywoofront-dashboard .ewf-meta--success{color:var(--ewf-success)}
.easywoofront-dashboard .ewf-meta--danger {color:var(--ewf-danger)}
.easywoofront-dashboard .ewf-meta--muted  {color:var(--ewf-ink-3)}

/* Tile foot — download button */
.easywoofront-dashboard .ewf-tile-foot{
	padding:0 18px 16px;
	display:flex;
}
.easywoofront-dashboard .ewf-tile-foot .ewf-btn{width:100%}
.easywoofront-dashboard .ewf-tile-foot .ewf-btn[disabled]{
	background:#f1f5f3;color:var(--ewf-ink-3);cursor:not-allowed;border:1px dashed var(--ewf-line);
}

/* Responsive — smaller phones get 1 column with slightly tighter padding. */
@media (max-width:780px){
	.easywoofront-dashboard .ewf-card-body{padding:16px}
	.easywoofront-dashboard .ewf-tile-grid{grid-template-columns:1fr;gap:14px}
	.easywoofront-dashboard .ewf-thumb{height:104px}
	.easywoofront-dashboard .ewf-thumb svg{width:36px;height:36px}
}

/* ============================================================
   18 · VIEW ORDER PAGE — timeline, items table, summary, info-box, help
   ============================================================ */

/* Solid-fill chip tones used by the H1 status pill. */
.easywoofront-dashboard h1 .ewf-chip.ewf-chip--success{color:#fff;background:var(--ewf-success)}
.easywoofront-dashboard h1 .ewf-chip.ewf-chip--info   {color:#fff;background:var(--ewf-info)}
.easywoofront-dashboard h1 .ewf-chip.ewf-chip--warning{color:#fff;background:var(--ewf-warn)}
.easywoofront-dashboard h1 .ewf-chip.ewf-chip--danger {color:#fff;background:var(--ewf-danger)}

/* View-order grid override — items wide on the left, side narrow on the right. */
.easywoofront-dashboard .ewf-grid-2--view-order{grid-template-columns:1.4fr 1fr;align-items:start}
.easywoofront-dashboard .ewf-grid-2--view-order .ewf-grid-2-side{max-width:none;width:auto}

/* Count badge inside the items card header */
.easywoofront-dashboard .ewf-count-badge{
	display:inline-flex;align-items:center;justify-content:center;
	min-width:30px;height:26px;margin-left:10px;padding:0 10px;
	border-radius:999px;
	background:rgba(22,163,74,.12);color:var(--ewf-success);
	font-size:12.5px;font-weight:700;vertical-align:middle;
}

/* ----- Status timeline ----- */
.easywoofront-dashboard .ewf-timeline{
	display:grid;grid-template-columns:repeat(4,1fr);
	gap:0;margin-top:22px;
	background:#fff;border:1px solid var(--ewf-line);border-radius:var(--ewf-radius-lg);
	box-shadow:var(--ewf-shadow-sm);
	padding:22px;
	position:relative;
	overflow:hidden;
}
.easywoofront-dashboard .ewf-tl-step{
	display:flex;flex-direction:column;align-items:center;gap:6px;
	text-align:center;
	position:relative;
	padding:0 12px;
}
/* Connector line between steps. */
.easywoofront-dashboard .ewf-tl-step::before{
	content:"";
	position:absolute;top:18px;left:calc(-50% + 22px);
	width:calc(100% - 44px);height:2px;
	background:var(--ewf-line);
	z-index:0;
}
.easywoofront-dashboard .ewf-tl-step:first-child::before{display:none}
.easywoofront-dashboard .ewf-tl-step.is-done::before{background:var(--ewf-success)}

/* Icon circle */
.easywoofront-dashboard .ewf-tl-ico{
	width:38px;height:38px;border-radius:50%;
	background:#eef3ef;color:var(--ewf-ink-3);
	display:grid;place-items:center;
	border:2px solid var(--ewf-line);
	position:relative;z-index:1;
	transition:.2s var(--ewf-ease);
}
.easywoofront-dashboard .ewf-tl-ico svg{width:16px;height:16px}
.easywoofront-dashboard .ewf-tl-step.is-done .ewf-tl-ico{
	background:var(--ewf-success);color:#fff;border-color:var(--ewf-success);
}
.easywoofront-dashboard .ewf-tl-step.is-active .ewf-tl-ico{
	background:var(--ewf-brand-gradient);color:#fff;border-color:transparent;
	box-shadow:0 6px 14px rgba(10,90,60,.30);
	transform:scale(1.06);
}
.easywoofront-dashboard .ewf-tl-step b{font-size:13px;font-weight:700;color:var(--ewf-ink-1);margin-top:6px}
.easywoofront-dashboard .ewf-tl-step span{font-size:11.5px;color:var(--ewf-ink-3)}
.easywoofront-dashboard .ewf-tl-step .ewf-tl-pending{opacity:.5}

/* ----- Order items table ----- */
.easywoofront-dashboard .ewf-order-items{
	width:100%;border-collapse:collapse;font-size:14px;
}
.easywoofront-dashboard .ewf-order-items tbody td{
	padding:16px 22px;border-bottom:1px solid var(--ewf-line-2);vertical-align:middle;
}
.easywoofront-dashboard .ewf-order-items tbody tr:last-child td{border-bottom:0}
.easywoofront-dashboard .ewf-order-items .ewf-oi-thumb{width:96px;padding-right:0}
.easywoofront-dashboard .ewf-order-items .ewf-product-thumb{width:72px;height:72px;border-radius:14px}
.easywoofront-dashboard .ewf-order-items .ewf-oi-nm{font-weight:700;font-size:14px;line-height:1.3;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-order-items .ewf-oi-vr{font-size:12px;color:var(--ewf-ink-3);margin-top:3px}
.easywoofront-dashboard .ewf-order-items .ewf-oi-qty{
	width:80px;text-align:center;
	font-size:13.5px;color:var(--ewf-ink-2);font-weight:600;
	font-variant-numeric:tabular-nums;
}
.easywoofront-dashboard .ewf-order-items .ewf-oi-pr{
	width:120px;text-align:right;
	font-size:14px;font-weight:800;color:var(--ewf-ink-1);
	font-variant-numeric:tabular-nums;
}

/* ----- Order side column (summary + shipping + payment) ----- */
.easywoofront-dashboard .ewf-order-side{display:flex;flex-direction:column;gap:18px}

/* Summary rows */
.easywoofront-dashboard .ewf-summary-row{
	display:flex;align-items:center;justify-content:space-between;gap:14px;
	padding:8px 0;font-size:13.5px;
}
.easywoofront-dashboard .ewf-summary-row span{color:var(--ewf-ink-2)}
.easywoofront-dashboard .ewf-summary-row b{font-weight:700;color:var(--ewf-ink-1);font-variant-numeric:tabular-nums}
.easywoofront-dashboard .ewf-summary-row .ewf-save{
	display:inline-block;background:rgba(28,125,80,.12);color:var(--ewf-brand-2);
	padding:1px 8px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.04em;
	margin-left:3px;
}
.easywoofront-dashboard .ewf-summary-row.is-total{
	margin-top:8px;padding-top:14px;border-top:1px solid var(--ewf-line-2);
	font-size:15.5px;
}
.easywoofront-dashboard .ewf-summary-row.is-total b{font-size:18px;font-weight:800}
.easywoofront-dashboard .ewf-summary-foot{font-size:11.5px;margin:8px 0 0;line-height:1.5}

/* Info box (shipping address / payment method) */
.easywoofront-dashboard .ewf-info-box{
	background:#fff;border:1px solid var(--ewf-line);border-radius:var(--ewf-radius-lg);
	box-shadow:var(--ewf-shadow-sm);
	overflow:hidden;
}
.easywoofront-dashboard .ewf-ib-head{
	padding:14px 22px;border-bottom:1px solid var(--ewf-line-2);background:#fafcfb;
}
.easywoofront-dashboard .ewf-ib-head b{
	display:inline-flex;align-items:center;gap:8px;
	font-size:13px;font-weight:700;color:var(--ewf-ink-1);
}
.easywoofront-dashboard .ewf-ib-head svg{width:15px;height:15px;color:var(--ewf-brand-2)}
.easywoofront-dashboard .ewf-ib-body{padding:16px 22px;font-size:13.5px;line-height:1.55;color:var(--ewf-ink-2)}
.easywoofront-dashboard .ewf-ib-body b{color:var(--ewf-ink-1)}

/* Payment row inside info-box */
.easywoofront-dashboard .ewf-pay-row{display:flex;align-items:center;gap:14px}
.easywoofront-dashboard .ewf-pay-row > div:last-child{display:flex;flex-direction:column;gap:2px}
.easywoofront-dashboard .ewf-pay-row .ewf-muted{font-size:11.5px}

/* Mini card chip (VISA / MC / AMEX / PAYPAL / etc.) */
.easywoofront-dashboard .ewf-card-chip{
	width:48px;height:32px;border-radius:7px;
	background:linear-gradient(135deg,#1c7d50,#0a5a3c);color:#fff;
	display:grid;place-items:center;
	font-weight:800;font-size:10px;font-style:italic;letter-spacing:.04em;
	flex-shrink:0;
}
.easywoofront-dashboard .ewf-card-chip[data-brand="MC"]      {background:linear-gradient(135deg,#eb001b,#f79e1b)}
.easywoofront-dashboard .ewf-card-chip[data-brand="AMEX"]    {background:linear-gradient(135deg,#2e77bb,#1d4a78)}
.easywoofront-dashboard .ewf-card-chip[data-brand="DISCOVER"]{background:linear-gradient(135deg,#ff6b00,#cc5500)}
.easywoofront-dashboard .ewf-card-chip[data-brand="PAYPAL"]  {background:linear-gradient(135deg,#003087,#009cde);font-style:normal}
.easywoofront-dashboard .ewf-card-chip[data-brand="APPLEPAY"]{background:#000;font-style:normal}
.easywoofront-dashboard .ewf-card-chip[data-brand="GPAY"]    {background:linear-gradient(135deg,#4285f4,#0f9d58);font-style:normal}

/* ----- Help footer card ----- */
.easywoofront-dashboard .ewf-help-card{
	background:linear-gradient(135deg,rgba(28,125,80,.05),rgba(245,185,66,.06));
	border:1px solid rgba(28,125,80,.18);
	border-radius:var(--ewf-radius-lg);
	box-shadow:var(--ewf-shadow-sm);
	overflow:hidden;
}
.easywoofront-dashboard .ewf-help-card-body{
	padding:20px 22px;
	display:flex;align-items:center;gap:18px;flex-wrap:wrap;
}
.easywoofront-dashboard .ewf-help-ico{
	width:52px;height:52px;border-radius:14px;
	background:rgba(28,125,80,.12);color:var(--ewf-brand-1);
	display:grid;place-items:center;flex-shrink:0;
}
.easywoofront-dashboard .ewf-help-ico svg{width:24px;height:24px}
.easywoofront-dashboard .ewf-help-text{flex:1;min-width:240px;display:flex;flex-direction:column;gap:3px}
.easywoofront-dashboard .ewf-help-text b{font-size:15px;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-help-text .ewf-muted{font-size:13px;color:var(--ewf-ink-3)}

/* ----- Responsive ----- */
@media (max-width:1080px){
	.easywoofront-dashboard .ewf-grid-2--view-order{grid-template-columns:1fr}
}
@media (max-width:780px){
	.easywoofront-dashboard .ewf-timeline{
		grid-template-columns:1fr 1fr;gap:18px 8px;padding:18px;
	}
	.easywoofront-dashboard .ewf-tl-step::before{display:none}
	.easywoofront-dashboard .ewf-order-items .ewf-oi-thumb{width:78px}
	.easywoofront-dashboard .ewf-order-items .ewf-product-thumb{width:60px;height:60px;border-radius:12px}
	.easywoofront-dashboard .ewf-order-items .ewf-oi-qty{width:60px}
	.easywoofront-dashboard .ewf-order-items .ewf-oi-pr{width:90px;font-size:13px}
	.easywoofront-dashboard .ewf-order-items tbody td{padding:12px 14px}
	.easywoofront-dashboard .ewf-help-card-body{padding:16px}
}

/* ============================================================
   19 · ACCOUNT DETAILS PAGE
   ============================================================ */

/* WooCommerce notices rendered inside our shell */
.easywoofront-dashboard .ewf-notices{margin:0 0 18px}
.easywoofront-dashboard .ewf-notices .woocommerce-message,
.easywoofront-dashboard .ewf-notices .woocommerce-error,
.easywoofront-dashboard .ewf-notices .woocommerce-info{
	list-style:none;margin:0 0 10px;padding:13px 16px;border-radius:var(--ewf-radius-sm);
	font-size:13.5px;font-weight:600;border:1px solid transparent;
}
.easywoofront-dashboard .ewf-notices .woocommerce-message{background:var(--ewf-success-soft);color:#0a5a3c;border-color:#bbf7d0}
.easywoofront-dashboard .ewf-notices .woocommerce-error{background:var(--ewf-danger-soft);color:#7f1d1d;border-color:#fecaca}
.easywoofront-dashboard .ewf-notices .woocommerce-info{background:var(--ewf-info-soft);color:#1e3a8a;border-color:#bfdbfe}
.easywoofront-dashboard .ewf-notices ul{list-style:none;margin:0;padding:0}

/* Two-column account layout */
.easywoofront-dashboard .ewf-acc-grid{
	display:grid;grid-template-columns:240px 1fr;gap:22px;align-items:start;
}
.easywoofront-dashboard .ewf-acc-content{display:flex;flex-direction:column;gap:18px;min-width:0}
.easywoofront-dashboard .ewf-acc-form{display:flex;flex-direction:column;gap:18px}

/* Sticky sidebar nav */
.easywoofront-dashboard .ewf-acc-side{
	position:sticky;top:calc(var(--ewf-nav-h) + 16px);
	background:#fff;border:1px solid var(--ewf-line);border-radius:var(--ewf-radius-lg);
	box-shadow:var(--ewf-shadow-sm);
	padding:12px;display:flex;flex-direction:column;gap:2px;
}
.easywoofront-dashboard .ewf-acc-side a{
	display:flex;align-items:center;gap:10px;
	padding:10px 12px;border-radius:10px;
	font-size:13px;font-weight:600;color:var(--ewf-ink-2);
	text-decoration:none;transition:.15s var(--ewf-ease);
}
.easywoofront-dashboard .ewf-acc-side a svg{width:16px;height:16px;opacity:.8;flex-shrink:0}
.easywoofront-dashboard .ewf-acc-side a:hover{background:#eef3ef;color:var(--ewf-brand-1)}
.easywoofront-dashboard .ewf-acc-side a.is-active{background:var(--ewf-brand-gradient);color:#fff;box-shadow:0 6px 16px rgba(10,90,60,.26)}
.easywoofront-dashboard .ewf-acc-side a.is-danger{color:var(--ewf-danger)}
.easywoofront-dashboard .ewf-acc-side a.is-danger:hover{background:var(--ewf-danger-soft)}
.easywoofront-dashboard .ewf-acc-side hr{border:0;border-top:1px solid var(--ewf-line-2);margin:8px 4px}

/* Section card */
.easywoofront-dashboard .ewf-acc-section{
	background:#fff;border:1px solid var(--ewf-line);border-radius:var(--ewf-radius-lg);
	box-shadow:var(--ewf-shadow-sm);padding:24px;scroll-margin-top:calc(var(--ewf-nav-h) + 20px);
}
.easywoofront-dashboard .ewf-acc-section h2{font-size:17px;font-weight:800;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-acc-section > .ewf-muted{font-size:13px;color:var(--ewf-ink-3);margin:4px 0 18px}

/* Avatar row */
.easywoofront-dashboard .ewf-avatar-row{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.easywoofront-dashboard .ewf-big-avatar{
	width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0;
	background:var(--ewf-brand-gradient-soft);border:1px solid var(--ewf-line);
}
.easywoofront-dashboard .ewf-big-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.easywoofront-dashboard .ewf-av-info{display:flex;flex-direction:column;gap:4px}
.easywoofront-dashboard .ewf-av-info b{font-size:15px;font-weight:700;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-av-info span{font-size:12px;color:var(--ewf-ink-3)}
.easywoofront-dashboard .ewf-av-actions{display:flex;gap:8px;margin-top:6px}

/* Form fields */
.easywoofront-dashboard .ewf-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.easywoofront-dashboard .ewf-form-row--one{grid-template-columns:1fr}
.easywoofront-dashboard .ewf-lbl{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.easywoofront-dashboard .ewf-form-row .ewf-lbl{margin-bottom:0}
.easywoofront-dashboard .ewf-lbl > span{font-size:12.5px;font-weight:700;color:var(--ewf-ink-2);letter-spacing:.01em}
.easywoofront-dashboard .ewf-lbl input,
.easywoofront-dashboard .ewf-lbl select,
.easywoofront-dashboard .ewf-lbl textarea{
	width:100%;height:44px;padding:0 14px;
	border:1px solid var(--ewf-line);border-radius:11px;background:#fff;
	font-family:inherit;font-size:14px;color:var(--ewf-ink-1);
	transition:.15s var(--ewf-ease);
}
.easywoofront-dashboard .ewf-lbl textarea{height:auto;min-height:84px;padding:12px 14px;line-height:1.5;resize:vertical}
.easywoofront-dashboard .ewf-lbl input:focus,
.easywoofront-dashboard .ewf-lbl select:focus,
.easywoofront-dashboard .ewf-lbl textarea:focus{
	outline:none;border-color:var(--ewf-brand-1);box-shadow:0 0 0 4px rgba(28,125,80,.10);
}
.easywoofront-dashboard .ewf-lbl input.is-disabled,
.easywoofront-dashboard .ewf-lbl select.is-disabled,
.easywoofront-dashboard .ewf-lbl input:disabled,
.easywoofront-dashboard .ewf-lbl select:disabled{background:#f1f5f3;color:var(--ewf-ink-3);opacity:.75;cursor:not-allowed}
.easywoofront-dashboard .ewf-form-foot{
	display:flex;justify-content:flex-end;gap:10px;
	margin-top:20px;padding-top:18px;border-top:1px solid var(--ewf-line-2);
}

/* iOS-style toggle */
.easywoofront-dashboard .ewf-toggle{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0;cursor:pointer}
.easywoofront-dashboard .ewf-toggle input{position:absolute;opacity:0;width:0;height:0}
.easywoofront-dashboard .ewf-toggle .ewf-slot{
	position:absolute;inset:0;border-radius:999px;background:#cbd5d1;transition:.2s var(--ewf-ease);
}
.easywoofront-dashboard .ewf-toggle .ewf-slot::before{
	content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;
	background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:.2s var(--ewf-ease);
}
.easywoofront-dashboard .ewf-toggle input:checked + .ewf-slot{background:var(--ewf-brand-1)}
.easywoofront-dashboard .ewf-toggle input:checked + .ewf-slot::before{transform:translateX(18px)}

/* Button variants used here */
.easywoofront-dashboard .ewf-btn-danger{
	background:var(--ewf-danger);color:#fff;height:42px;padding:0 18px;border-radius:12px;
	font-weight:700;font-size:13.5px;
}
.easywoofront-dashboard .ewf-btn-danger:hover{background:#dc2626;color:#fff}
.easywoofront-dashboard .ewf-btn-danger-soft{
	background:var(--ewf-danger-soft);color:#b91c1c;height:42px;padding:0 18px;border-radius:12px;
	font-weight:700;font-size:13.5px;border:1px solid transparent;
}
.easywoofront-dashboard .ewf-btn-danger-soft:hover{background:#fecaca;color:#7f1d1d}
.easywoofront-dashboard .ewf-btn-danger.ewf-btn-sm,
.easywoofront-dashboard .ewf-btn-danger-soft.ewf-btn-sm{height:34px;padding:0 12px;font-size:12.5px;border-radius:10px}
.easywoofront-dashboard .ewf-text-danger{color:var(--ewf-danger)}

/* Two-Factor card */
.easywoofront-dashboard .ewf-tfa-card{background:#f6faf7;border:1px solid var(--ewf-line);border-radius:16px;padding:16px;margin:6px 0 4px}
.easywoofront-dashboard .ewf-tfa-head{display:flex;align-items:center;gap:14px}
.easywoofront-dashboard .ewf-tfa-ico{
	width:42px;height:42px;border-radius:12px;background:var(--ewf-brand-gradient);color:#fff;
	display:grid;place-items:center;flex-shrink:0;box-shadow:0 10px 22px -10px rgba(25,128,80,.55);
}
.easywoofront-dashboard .ewf-tfa-ico svg{width:18px;height:18px}
.easywoofront-dashboard .ewf-tfa-meta{flex:1;min-width:0}
.easywoofront-dashboard .ewf-tfa-meta b{display:block;font-size:13.5px;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-tfa-meta .ewf-muted{font-size:12.5px;display:block;margin-top:2px;line-height:1.45;color:var(--ewf-ink-3)}
.easywoofront-dashboard .ewf-tfa-methods{
	margin-top:16px;padding-top:16px;border-top:1px dashed var(--ewf-line);
	display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
}
.easywoofront-dashboard .ewf-tfa-method{
	background:#fff;border:1px solid var(--ewf-line);border-radius:14px;padding:16px;
	display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;
	transition:.18s var(--ewf-ease);
}
.easywoofront-dashboard .ewf-tfa-method:hover{border-color:#cfe0d6;box-shadow:0 12px 26px -18px rgba(15,27,22,.22);transform:translateY(-1px)}
.easywoofront-dashboard .ewf-tfa-method.is-active{border-color:rgba(28,125,80,.35);background:linear-gradient(180deg,#fff 0%,#f3faf6 100%)}
.easywoofront-dashboard .ewf-tfa-method.is-active::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;background:var(--ewf-brand-gradient);border-radius:0 4px 4px 0}
.easywoofront-dashboard .ewf-m-ico{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}
.easywoofront-dashboard .ewf-m-ico svg{width:18px;height:18px}
.easywoofront-dashboard .ewf-m-ico--brand{background:var(--ewf-brand-gradient);color:#fff}
.easywoofront-dashboard .ewf-m-ico--mail{background:var(--ewf-warn-soft);color:#b45309}
.easywoofront-dashboard .ewf-m-ico--key{background:#0f1b16;color:#fff}
.easywoofront-dashboard .ewf-m-title{font-weight:800;font-size:13.5px;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-m-desc{font-size:12px;color:var(--ewf-ink-2);line-height:1.55}
.easywoofront-dashboard .ewf-m-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px}
.easywoofront-dashboard .ewf-m-tag{font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:999px}
.easywoofront-dashboard .ewf-m-tag--enabled{background:var(--ewf-success-soft);color:#15803d}
.easywoofront-dashboard .ewf-m-tag--primary{background:rgba(28,125,80,.10);color:var(--ewf-brand-1)}
.easywoofront-dashboard .ewf-m-tag--backup{background:#f1f5f3;color:var(--ewf-ink-2)}
.easywoofront-dashboard .ewf-m-tag--notgen{background:var(--ewf-warn-soft);color:#b45309}
.easywoofront-dashboard .ewf-m-acts{display:flex;gap:8px;margin-top:4px}
.easywoofront-dashboard .ewf-m-acts .ewf-btn{flex:1}

/* Active sessions */
.easywoofront-dashboard .ewf-sessions{margin-top:18px;display:flex;flex-direction:column;gap:8px}
.easywoofront-dashboard .ewf-sessions-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:2px}
.easywoofront-dashboard .ewf-sessions-title{font-size:13.5px;display:block;color:var(--ewf-ink-1);font-weight:700}
.easywoofront-dashboard .ewf-session-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--ewf-line);border-radius:12px}
.easywoofront-dashboard .ewf-session-ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:rgba(28,125,80,.10);color:var(--ewf-brand-1)}
.easywoofront-dashboard .ewf-session-ico svg{width:18px;height:18px}
.easywoofront-dashboard .ewf-session-meta{flex:1;min-width:0}
.easywoofront-dashboard .ewf-session-meta b{font-size:13.5px;display:block;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-session-meta .ewf-muted{font-size:12px;color:var(--ewf-ink-3)}

/* Security-alert rows */
.easywoofront-dashboard .ewf-sa-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.easywoofront-dashboard .ewf-sa-head h2{margin-bottom:0}
.easywoofront-dashboard .ewf-sa-list{margin-top:6px}
.easywoofront-dashboard .ewf-sa-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid var(--ewf-line-2)}
.easywoofront-dashboard .ewf-sa-row:last-child{border-bottom:0}
.easywoofront-dashboard .ewf-sa-main{display:flex;align-items:center;gap:14px;min-width:0;flex:1}
.easywoofront-dashboard .ewf-sa-ico{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}
.easywoofront-dashboard .ewf-sa-ico svg{width:18px;height:18px}
.easywoofront-dashboard .ewf-sa-ico--blue{background:rgba(59,130,246,.12);color:#1d4ed8}
.easywoofront-dashboard .ewf-sa-ico--rose{background:rgba(239,68,68,.10);color:#dc2626}
.easywoofront-dashboard .ewf-sa-ico--purple{background:rgba(192,132,252,.18);color:#7c3aed}
.easywoofront-dashboard .ewf-sa-ico--emerald{background:rgba(28,125,80,.12);color:var(--ewf-brand-1)}
.easywoofront-dashboard .ewf-sa-meta b{display:block;font-weight:700;font-size:13.5px;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-sa-meta span{display:block;font-size:12.5px;color:var(--ewf-ink-3);margin-top:2px;line-height:1.45}

/* Connected accounts rows */
.easywoofront-dashboard .ewf-pay-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--ewf-line-2)}
.easywoofront-dashboard .ewf-pay-row--last{border-bottom:0}
.easywoofront-dashboard .ewf-conn-logo{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;font-weight:800;font-size:16px}
.easywoofront-dashboard .ewf-conn-info{flex:1;min-width:0;display:flex;flex-direction:column}
.easywoofront-dashboard .ewf-conn-info b{font-size:13.5px;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-conn-info span{font-size:12px;color:var(--ewf-ink-3)}

/* Danger zone */
.easywoofront-dashboard .ewf-danger-zone{border-color:rgba(239,68,68,.30)}
.easywoofront-dashboard .ewf-pref-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--ewf-line-2)}
.easywoofront-dashboard .ewf-pref-row--last{border-bottom:0}
.easywoofront-dashboard .ewf-pref-row > div b{display:block;font-size:13.5px;font-weight:700;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-pref-row > div span{display:block;font-size:12.5px;color:var(--ewf-ink-3);margin-top:2px}

/* Account-page responsive */
@media (max-width:1080px){
	.easywoofront-dashboard .ewf-acc-grid{grid-template-columns:1fr}
	.easywoofront-dashboard .ewf-acc-side{
		position:static;flex-direction:row;flex-wrap:wrap;
		top:auto;
	}
	.easywoofront-dashboard .ewf-acc-side hr{display:none}
	.easywoofront-dashboard .ewf-acc-side a{flex:1 1 auto}
	.easywoofront-dashboard .ewf-tfa-methods{grid-template-columns:1fr}
}
@media (max-width:780px){
	.easywoofront-dashboard .ewf-acc-section{padding:18px}
	.easywoofront-dashboard .ewf-form-row{grid-template-columns:1fr;gap:0}
	.easywoofront-dashboard .ewf-form-foot{flex-direction:column-reverse}
	.easywoofront-dashboard .ewf-form-foot .ewf-btn{width:100%}
	.easywoofront-dashboard .ewf-avatar-row{flex-direction:column;align-items:flex-start;text-align:left}
}

/* ============================================================
   20 · ACCOUNT — interactive states, 2FA sub-pages
   ============================================================ */

/* Inline AJAX feedback messages */
.easywoofront-dashboard .ewf-inline-msg{
	display:block;font-size:12.5px;font-weight:600;margin-top:8px;min-height:1em;
}
.easywoofront-dashboard .ewf-inline-msg.is-ok{color:var(--ewf-success)}
.easywoofront-dashboard .ewf-inline-msg.is-err{color:var(--ewf-danger)}
.easywoofront-dashboard .ewf-form-foot .ewf-inline-msg{margin-top:0;margin-right:auto;align-self:center}

/* Disabled 2FA method (Email Code – build later) */
.easywoofront-dashboard .ewf-tfa-method.is-disabled{opacity:.6}
.easywoofront-dashboard .ewf-tfa-method.is-disabled .ewf-btn[disabled]{cursor:not-allowed}

/* Link-style buttons */
.easywoofront-dashboard .ewf-link-danger{
	background:none;border:0;padding:0;color:var(--ewf-danger);
	font-weight:700;font-size:12px;cursor:pointer;text-decoration:underline;
}
.easywoofront-dashboard .ewf-link-brand{color:var(--ewf-brand-1);font-weight:700;text-decoration:none}
.easywoofront-dashboard .ewf-link-brand:hover{text-decoration:underline}

/* ---- Authenticator App page ---- */
.easywoofront-dashboard .ewf-aa-status{
	display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;
	background:linear-gradient(135deg,rgba(28,125,80,.08),rgba(15,90,60,.04));
	border:1px solid rgba(28,125,80,.18);margin-bottom:22px;
}
.easywoofront-dashboard .ewf-aa-status.is-pending{
	background:linear-gradient(135deg,rgba(245,158,11,.10),rgba(245,158,11,.04));
	border-color:rgba(245,158,11,.30);
}
.easywoofront-dashboard .ewf-aa-status-ico{
	width:42px;height:42px;border-radius:12px;background:var(--ewf-brand-gradient);color:#fff;
	display:grid;place-items:center;flex-shrink:0;box-shadow:0 10px 22px -10px rgba(25,128,80,.55);
}
.easywoofront-dashboard .ewf-aa-status-ico svg{width:18px;height:18px}
.easywoofront-dashboard .ewf-aa-status-copy{flex:1;min-width:0}
.easywoofront-dashboard .ewf-aa-status-copy b{display:block;font-size:13.5px;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-aa-status-copy span{display:block;font-size:12.5px;color:var(--ewf-ink-2);margin-top:2px}
.easywoofront-dashboard .ewf-aa-pill{
	background:rgba(22,163,74,.12);color:#15803d;
	font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
	padding:6px 10px;border-radius:999px;flex-shrink:0;
}
.easywoofront-dashboard .ewf-aa-status.is-pending .ewf-aa-pill{background:rgba(245,158,11,.16);color:#92400e}

.easywoofront-dashboard .ewf-aa-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:flex-start}
.easywoofront-dashboard .ewf-aa-steps{display:flex;flex-direction:column;gap:14px}
.easywoofront-dashboard .ewf-aa-step{
	background:#fff;border:1px solid var(--ewf-line);border-radius:18px;padding:22px;position:relative;
	transition:border-color .2s var(--ewf-ease),box-shadow .2s var(--ewf-ease);
}
.easywoofront-dashboard .ewf-aa-step.is-current{border-color:rgba(28,125,80,.35);box-shadow:0 14px 30px -22px rgba(15,27,22,.25)}
.easywoofront-dashboard .ewf-aa-step.is-current::before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:3px;background:var(--ewf-brand-gradient);border-radius:0 4px 4px 0}
.easywoofront-dashboard .ewf-aa-step-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.easywoofront-dashboard .ewf-aa-step-num{
	width:34px;height:34px;border-radius:10px;background:rgba(28,125,80,.10);color:var(--ewf-brand-1);
	display:grid;place-items:center;font-weight:800;font-size:14px;flex-shrink:0;
}
.easywoofront-dashboard .ewf-aa-step.is-current .ewf-aa-step-num{background:var(--ewf-brand-gradient);color:#fff}
.easywoofront-dashboard .ewf-aa-step-head h3{margin:0;font-size:15.5px;font-weight:800;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-aa-sub{font-size:12.5px;color:var(--ewf-ink-3);margin-top:2px}

.easywoofront-dashboard .ewf-app-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.easywoofront-dashboard .ewf-app-pick{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--ewf-line);border-radius:12px;background:#fff}
.easywoofront-dashboard .ewf-app-ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;color:#fff;font-weight:800;font-size:14px}
.easywoofront-dashboard .ewf-app-ic--google{background:linear-gradient(135deg,#4285f4,#1a73e8)}
.easywoofront-dashboard .ewf-app-ic--authy{background:linear-gradient(135deg,#ec1c24,#a90b12)}
.easywoofront-dashboard .ewf-app-ic--onepass{background:linear-gradient(135deg,#3b82f6,#1e3a8a)}
.easywoofront-dashboard .ewf-app-pick b{display:block;font-size:13px;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-app-pick span{display:block;font-size:11.5px;color:var(--ewf-ink-3);margin-top:1px}

.easywoofront-dashboard .ewf-qr-row{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}
.easywoofront-dashboard .ewf-qr-box{
	width:184px;height:184px;border:1px solid var(--ewf-line);border-radius:16px;padding:14px;background:#fff;
	display:grid;place-items:center;flex-shrink:0;box-shadow:inset 0 0 0 6px #fff,0 8px 22px -14px rgba(15,27,22,.18);
}
.easywoofront-dashboard .ewf-qr-svg{width:100%;height:100%;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-qr-info b{display:block;font-size:13.5px;color:var(--ewf-ink-1);margin-bottom:6px}
.easywoofront-dashboard .ewf-qr-info p{margin:0 0 14px;font-size:12.5px;color:var(--ewf-ink-2);line-height:1.55}
.easywoofront-dashboard .ewf-qr-key{
	display:flex;align-items:center;gap:8px;padding:10px 12px;background:#0f1b16;color:#fff;border-radius:10px;
	font:600 13px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;
}
.easywoofront-dashboard .ewf-qr-key code{flex:1;color:#a3d3b7;overflow-wrap:anywhere}
.easywoofront-dashboard .ewf-qr-copy{
	background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:8px;
	padding:6px 10px;font:700 11px/1 'Plus Jakarta Sans',sans-serif;cursor:pointer;
	display:inline-flex;align-items:center;gap:5px;flex-shrink:0;
}
.easywoofront-dashboard .ewf-qr-copy svg{width:12px;height:12px}
.easywoofront-dashboard .ewf-qr-copy.is-copied{background:rgba(34,197,94,.35)}
.easywoofront-dashboard .ewf-aa-deeplink{margin-top:12px}

.easywoofront-dashboard .ewf-code-input{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.easywoofront-dashboard .ewf-code-input input{
	width:48px;height:56px;text-align:center;font:800 22px/1 'Plus Jakarta Sans',sans-serif;color:var(--ewf-ink-1);
	background:#fff;border:1.5px solid var(--ewf-line);border-radius:12px;outline:0;transition:.15s var(--ewf-ease);
}
.easywoofront-dashboard .ewf-code-input input:focus{border-color:var(--ewf-brand-1);box-shadow:0 0 0 4px rgba(28,125,80,.12)}
.easywoofront-dashboard .ewf-code-input input.is-filled{background:#f6faf7;border-color:rgba(28,125,80,.35)}
.easywoofront-dashboard .ewf-code-dash{width:14px;display:flex;align-items:center;justify-content:center;color:var(--ewf-ink-4,#b9c5be);font-weight:800}
.easywoofront-dashboard .ewf-code-hint{
	display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ewf-ink-2);
	background:#f6faf7;border:1px solid var(--ewf-line);border-radius:10px;padding:10px 12px;
}
.easywoofront-dashboard .ewf-code-hint svg{width:14px;height:14px;color:var(--ewf-brand-1);flex-shrink:0}
.easywoofront-dashboard .ewf-aa-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}
.easywoofront-dashboard .ewf-aa-right{display:flex;gap:8px}

.easywoofront-dashboard .ewf-aa-side{display:flex;flex-direction:column;gap:14px}
.easywoofront-dashboard .ewf-aa-meta{background:linear-gradient(135deg,rgba(28,125,80,.08),rgba(15,90,60,.04));border:1px solid rgba(28,125,80,.18);border-radius:16px;padding:16px}
.easywoofront-dashboard .ewf-aa-meta-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:6px 0}
.easywoofront-dashboard .ewf-aa-meta-row + .ewf-aa-meta-row{border-top:1px dashed rgba(28,125,80,.16)}
.easywoofront-dashboard .ewf-aa-meta-row .ewf-lbl{color:var(--ewf-ink-2);font-weight:600}
.easywoofront-dashboard .ewf-aa-meta-row .ewf-val{color:var(--ewf-ink-1);font-weight:700;overflow-wrap:anywhere;text-align:right}
.easywoofront-dashboard .ewf-aa-tips{background:#fff;border:1px solid var(--ewf-line);border-radius:16px;padding:18px}
.easywoofront-dashboard .ewf-aa-tips h4{margin:0 0 10px;font-size:13px;color:var(--ewf-ink-1);font-weight:800;display:flex;align-items:center;gap:8px}
.easywoofront-dashboard .ewf-aa-tips h4 svg{width:14px;height:14px;color:var(--ewf-brand-1)}
.easywoofront-dashboard .ewf-aa-tips ul{margin:0;padding:0;list-style:none}
.easywoofront-dashboard .ewf-aa-tips li{display:flex;gap:10px;padding:8px 0;font-size:12.5px;color:var(--ewf-ink-2);line-height:1.55;border-bottom:1px dashed var(--ewf-line)}
.easywoofront-dashboard .ewf-aa-tips li:last-child{border-bottom:0}
.easywoofront-dashboard .ewf-aa-tips li svg{width:14px;height:14px;color:var(--ewf-brand-1);flex-shrink:0;margin-top:2px}

/* ---- Backup Codes page ---- */
.easywoofront-dashboard .ewf-bc-banner{
	display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;
	background:linear-gradient(135deg,rgba(245,185,66,.12),rgba(255,122,89,.06));
	border:1px solid rgba(245,185,66,.30);margin-bottom:22px;
}
.easywoofront-dashboard .ewf-bc-banner-ico{width:42px;height:42px;border-radius:12px;background:#0f1b16;color:#fff;display:grid;place-items:center;flex-shrink:0}
.easywoofront-dashboard .ewf-bc-banner-ico svg{width:18px;height:18px}
.easywoofront-dashboard .ewf-bc-banner-copy{flex:1;min-width:0}
.easywoofront-dashboard .ewf-bc-banner-copy b{display:block;font-size:13.5px;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-bc-banner-copy span{display:block;font-size:12.5px;color:var(--ewf-ink-2);margin-top:2px;line-height:1.5}
.easywoofront-dashboard .ewf-bc-pill-warn{background:rgba(245,158,11,.16);color:#92400e;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:999px;flex-shrink:0}

.easywoofront-dashboard .ewf-bc-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:flex-start}
.easywoofront-dashboard .ewf-bc-card{background:#fff;border:1px solid var(--ewf-line);border-radius:18px;overflow:hidden}
.easywoofront-dashboard .ewf-bc-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--ewf-line-2);flex-wrap:wrap}
.easywoofront-dashboard .ewf-bc-card-left{display:flex;align-items:center;gap:12px}
.easywoofront-dashboard .ewf-bc-num{width:32px;height:32px;border-radius:9px;background:var(--ewf-brand-gradient);color:#fff;display:grid;place-items:center;flex-shrink:0}
.easywoofront-dashboard .ewf-bc-num svg{width:15px;height:15px}
.easywoofront-dashboard .ewf-bc-card-head h3{margin:0;font-size:14.5px;font-weight:800;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-bc-sub{font-size:12px;color:var(--ewf-ink-3);margin-top:2px}
.easywoofront-dashboard .ewf-bc-meter{font-size:11.5px;color:var(--ewf-ink-2);font-weight:700;display:inline-flex;align-items:center;gap:6px;background:#f1f5f3;padding:6px 10px;border-radius:999px}
.easywoofront-dashboard .ewf-bc-meter svg{width:13px;height:13px}
.easywoofront-dashboard .ewf-bc-meter b{color:var(--ewf-brand-1);font-size:13px}
.easywoofront-dashboard .ewf-bc-codes{padding:20px 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.easywoofront-dashboard .ewf-bc-empty{grid-column:1 / -1;color:var(--ewf-ink-3);font-size:13px;line-height:1.6}
.easywoofront-dashboard .ewf-bc-code{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fafdfb;border:1px solid var(--ewf-line);border-radius:12px;font-family:ui-monospace,Menlo,monospace}
.easywoofront-dashboard .ewf-bc-code-num{font:800 11px/1 'Plus Jakarta Sans',sans-serif;color:var(--ewf-ink-3);width:24px;flex-shrink:0;letter-spacing:.06em}
.easywoofront-dashboard .ewf-bc-code-val{flex:1;font:700 14.5px/1 ui-monospace,monospace;color:var(--ewf-ink-1);letter-spacing:.12em;user-select:all}
.easywoofront-dashboard .ewf-bc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 22px 20px;border-top:1px dashed var(--ewf-line-2);background:#fafdfb}
.easywoofront-dashboard .ewf-bc-toolbar-meta{font-size:11.5px;color:var(--ewf-ink-3);display:flex;align-items:center;gap:8px}
.easywoofront-dashboard .ewf-bc-toolbar-meta svg{width:13px;height:13px;color:var(--ewf-brand-1)}
.easywoofront-dashboard .ewf-bc-acts{display:flex;gap:8px;flex-wrap:wrap}
.easywoofront-dashboard .ewf-bc-side{display:flex;flex-direction:column;gap:14px}
.easywoofront-dashboard .ewf-bc-info{background:#fff;border:1px solid var(--ewf-line);border-radius:16px;padding:18px}
.easywoofront-dashboard .ewf-bc-info h4{margin:0 0 10px;font-size:13px;color:var(--ewf-ink-1);font-weight:800;display:flex;align-items:center;gap:8px}
.easywoofront-dashboard .ewf-bc-info h4 svg{width:14px;height:14px;color:var(--ewf-brand-1)}
.easywoofront-dashboard .ewf-bc-info ol,.easywoofront-dashboard .ewf-bc-info ul{margin:0;padding:0;list-style:none}
.easywoofront-dashboard .ewf-bc-info li{display:flex;gap:10px;padding:8px 0;font-size:12.5px;color:var(--ewf-ink-2);line-height:1.55;border-bottom:1px dashed var(--ewf-line)}
.easywoofront-dashboard .ewf-bc-info li:last-child{border-bottom:0}
.easywoofront-dashboard .ewf-bc-info li .ewf-li-num{width:20px;height:20px;border-radius:6px;background:rgba(28,125,80,.10);color:var(--ewf-brand-1);font:800 11px/1 'Plus Jakarta Sans',sans-serif;display:grid;place-items:center;flex-shrink:0;margin-top:1px}
.easywoofront-dashboard .ewf-bc-info li svg{width:14px;height:14px;color:var(--ewf-brand-1);flex-shrink:0;margin-top:2px}
.easywoofront-dashboard .ewf-bc-danger{background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.25);border-radius:16px;padding:16px}
.easywoofront-dashboard .ewf-bc-danger b{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ewf-danger);font-weight:800;margin-bottom:6px}
.easywoofront-dashboard .ewf-bc-danger b svg{width:14px;height:14px}
.easywoofront-dashboard .ewf-bc-danger p{margin:0 0 12px;font-size:12px;color:var(--ewf-ink-2);line-height:1.55}
.easywoofront-dashboard .ewf-bc-danger .ewf-btn{width:100%}

@media (max-width:1100px){
	.easywoofront-dashboard .ewf-aa-grid,
	.easywoofront-dashboard .ewf-bc-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
	.easywoofront-dashboard .ewf-app-picker{grid-template-columns:1fr}
	.easywoofront-dashboard .ewf-qr-row{grid-template-columns:1fr;text-align:center;justify-items:center}
	.easywoofront-dashboard .ewf-bc-codes{grid-template-columns:1fr}
}

/* ============================================================
   21 · INVOICE PAGE
   ============================================================ */
.easywoofront-dashboard .ewf-invoice-tools{
	display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
	background:#fff;border:1px solid var(--ewf-line);border-radius:var(--ewf-radius-lg);
	box-shadow:var(--ewf-shadow-sm);padding:16px 22px;margin-bottom:18px;
}
.easywoofront-dashboard .ewf-invoice-tools > .ewf-muted{font-size:12.5px;flex:1;min-width:180px}
.easywoofront-dashboard .ewf-invoice-tools-acts{
	display:flex;gap:10px;flex-wrap:wrap;align-items:center;
}
/* Equal-height, consistent action buttons inside the toolbar. */
.easywoofront-dashboard .ewf-invoice-tools-acts .ewf-btn{
	height:40px;padding:0 16px;gap:8px;white-space:nowrap;
}
.easywoofront-dashboard .ewf-invoice-tools-acts .ewf-btn svg{width:15px;height:15px}
.easywoofront-dashboard .ewf-invoice-tools .ewf-inline-msg{flex-basis:100%;margin-top:2px;text-align:right}
@media (max-width:680px){
	.easywoofront-dashboard .ewf-invoice-tools{flex-direction:column;align-items:stretch}
	.easywoofront-dashboard .ewf-invoice-tools-acts{justify-content:stretch}
	.easywoofront-dashboard .ewf-invoice-tools-acts .ewf-btn{flex:1 1 auto;justify-content:center}
	.easywoofront-dashboard .ewf-invoice-tools .ewf-inline-msg{text-align:left}
}

/* Email Code inline verify panel */
.easywoofront-dashboard .ewf-email2fa-verify{
	margin-top:12px;padding-top:12px;border-top:1px dashed var(--ewf-line);
}
.easywoofront-dashboard .ewf-email2fa-verify[hidden]{display:none}
.easywoofront-dashboard .ewf-email2fa-verify .ewf-lbl{margin-bottom:10px}
.easywoofront-dashboard .ewf-email2fa-verify input{
	letter-spacing:.4em;font-weight:700;text-align:center;font-size:16px;
}
.easywoofront-dashboard .ewf-email2fa-acts{display:flex;gap:8px}
.easywoofront-dashboard .ewf-email2fa-acts .ewf-btn{flex:1}

/* The printable document */
.easywoofront-dashboard .ewf-invoice-page{
	background:#fff;border:1px solid var(--ewf-line);border-radius:var(--ewf-radius-lg);
	box-shadow:var(--ewf-shadow);overflow:hidden;max-width:900px;margin:0 auto;
}
.easywoofront-dashboard .ewf-invoice-head{
	display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;
	padding:28px 32px;background:var(--ewf-brand-gradient);color:#fff;
}
.easywoofront-dashboard .ewf-inv-brand{display:flex;align-items:center;gap:14px}
.easywoofront-dashboard .ewf-inv-mark{
	width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;
	background:rgba(255,255,255,.16);color:#fff;
}
.easywoofront-dashboard .ewf-inv-mark svg{width:22px;height:22px}
.easywoofront-dashboard .ewf-inv-brand b{display:block;font-size:18px;font-weight:800;letter-spacing:-.01em}
.easywoofront-dashboard .ewf-inv-brand small{display:block;font-size:11.5px;opacity:.85;margin-top:2px}
.easywoofront-dashboard .ewf-inv-meta{text-align:right}
.easywoofront-dashboard .ewf-inv-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;opacity:.8}
.easywoofront-dashboard .ewf-inv-meta h2{margin:2px 0 8px;font-size:20px;font-weight:800;color:#fff}
.easywoofront-dashboard .ewf-inv-paid{
	display:inline-flex;align-items:center;gap:6px;
	background:rgba(255,255,255,.18);color:#fff;
	font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
	padding:5px 11px;border-radius:999px;
}
.easywoofront-dashboard .ewf-inv-paid svg{width:12px;height:12px}
.easywoofront-dashboard .ewf-inv-paid--due{background:rgba(255,255,255,.14)}

.easywoofront-dashboard .ewf-invoice-body{padding:32px}
.easywoofront-dashboard .ewf-invoice-parties{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-bottom:28px}
.easywoofront-dashboard .ewf-invoice-parties h4{
	font-size:11px;text-transform:uppercase;letter-spacing:.10em;color:var(--ewf-ink-3);
	font-weight:700;margin:0 0 8px;
}
.easywoofront-dashboard .ewf-invoice-parties p{font-size:13px;line-height:1.7;color:var(--ewf-ink-2)}
.easywoofront-dashboard .ewf-invoice-parties p b{display:block;color:var(--ewf-ink-1);font-weight:700;margin-bottom:2px}
.easywoofront-dashboard .ewf-inv-details{display:flex;flex-direction:column;gap:6px}
.easywoofront-dashboard .ewf-inv-d-row{display:flex;justify-content:space-between;gap:10px;font-size:12.5px}
.easywoofront-dashboard .ewf-inv-d-row .ewf-k{color:var(--ewf-ink-3)}
.easywoofront-dashboard .ewf-inv-d-row .ewf-v{color:var(--ewf-ink-1);font-weight:700;text-align:right}
.easywoofront-dashboard .ewf-inv-d-row .ewf-v a{color:var(--ewf-brand-1)}

.easywoofront-dashboard .ewf-inv-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:24px}
.easywoofront-dashboard .ewf-inv-table thead th{
	text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;
	color:var(--ewf-ink-3);font-weight:700;padding:10px 12px;border-bottom:2px solid var(--ewf-line);
}
.easywoofront-dashboard .ewf-inv-col-qty,
.easywoofront-dashboard .ewf-inv-col-unit,
.easywoofront-dashboard .ewf-inv-col-amt{text-align:right}
.easywoofront-dashboard .ewf-inv-table tbody td{padding:13px 12px;border-bottom:1px solid var(--ewf-line-2);vertical-align:top}
.easywoofront-dashboard .ewf-inv-table tbody td:nth-child(3),
.easywoofront-dashboard .ewf-inv-table tbody td:nth-child(4),
.easywoofront-dashboard .ewf-inv-table tbody td:nth-child(5){text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.easywoofront-dashboard .ewf-inv-table tbody td b{display:block;color:var(--ewf-ink-1);font-weight:700}
.easywoofront-dashboard .ewf-inv-table tbody td span{display:block;font-size:11.5px;color:var(--ewf-ink-3);margin-top:3px}

.easywoofront-dashboard .ewf-invoice-totals{display:flex;justify-content:flex-end;position:relative;margin-bottom:8px}
.easywoofront-dashboard .ewf-invoice-totals table{width:300px;border-collapse:collapse;font-size:13px}
.easywoofront-dashboard .ewf-invoice-totals td{padding:7px 0}
.easywoofront-dashboard .ewf-invoice-totals td:last-child{text-align:right;font-weight:700;color:var(--ewf-ink-1);font-variant-numeric:tabular-nums}
.easywoofront-dashboard .ewf-invoice-totals td:first-child{color:var(--ewf-ink-2)}
.easywoofront-dashboard .ewf-invoice-totals .ewf-inv-total td{
	border-top:2px solid var(--ewf-line);padding-top:12px;font-size:16px;font-weight:800;color:var(--ewf-ink-1);
}
.easywoofront-dashboard .ewf-paid-stamp{
	position:absolute;left:18px;top:50%;transform:translateY(-50%) rotate(-12deg);
	border:3px solid rgba(22,163,74,.4);color:rgba(22,163,74,.55);
	font-size:34px;font-weight:800;letter-spacing:.10em;padding:6px 22px;border-radius:10px;
	pointer-events:none;user-select:none;
}

.easywoofront-dashboard .ewf-invoice-foot-grid{
	display:grid;grid-template-columns:2fr 1fr;gap:24px;
	padding:24px 32px;border-top:1px solid var(--ewf-line-2);background:#fafcfb;
}
.easywoofront-dashboard .ewf-invoice-foot-grid h6{
	font-size:11px;text-transform:uppercase;letter-spacing:.10em;color:var(--ewf-ink-3);
	font-weight:700;margin:0 0 6px;
}
.easywoofront-dashboard .ewf-invoice-foot-grid p{font-size:12.5px;line-height:1.7;color:var(--ewf-ink-2)}
.easywoofront-dashboard .ewf-invoice-foot-grid code{
	background:#eef3ef;padding:2px 6px;border-radius:5px;font-size:11.5px;color:var(--ewf-ink-1);
}
.easywoofront-dashboard .ewf-invoice-foot-grid a{color:var(--ewf-brand-1);font-weight:700}
.easywoofront-dashboard .ewf-invoice-foot{
	padding:14px 32px;text-align:center;font-size:11.5px;color:var(--ewf-ink-3);
	border-top:1px solid var(--ewf-line-2);
}

@media (max-width:780px){
	.easywoofront-dashboard .ewf-invoice-parties{grid-template-columns:1fr}
	.easywoofront-dashboard .ewf-invoice-foot-grid{grid-template-columns:1fr}
	.easywoofront-dashboard .ewf-invoice-head,
	.easywoofront-dashboard .ewf-invoice-body{padding:20px}
	.easywoofront-dashboard .ewf-paid-stamp{font-size:24px}
}

/* ---- Scoped A4 print: only the invoice document ----
   Theme-agnostic: `body.ewf-invoice-print` is added once (by JS) on the
   invoice page. We use the VISIBILITY technique — an ancestor set to
   visibility:hidden still lets a descendant set to visibility:visible
   paint, so it works no matter how deeply the theme nests our markup
   (unlike display:none, where a hidden ancestor would hide the doc).
   The invoice is then lifted to the page origin via absolute position. */
@media print{
	body.ewf-invoice-print,
	body.ewf-invoice-print *{
		visibility:hidden !important;
		box-shadow:none !important;
	}
	body.ewf-invoice-print #ewf-invoice-doc,
	body.ewf-invoice-print #ewf-invoice-doc *{
		visibility:visible !important;
	}
	body.ewf-invoice-print #ewf-invoice-doc{
		position:absolute !important;
		left:0 !important;top:0 !important;
		width:100% !important;max-width:none !important;
		margin:0 !important;border:0 !important;border-radius:0 !important;
		-webkit-print-color-adjust:exact !important;
		print-color-adjust:exact !important;
	}
	@page{size:A4;margin:0}
}

/* ============================================================
   22 · WISHLIST PAGE — tile grid (clone of mockup .tile-grid)
   ============================================================ */
.easywoofront-dashboard .ewf-card-body{padding:22px}

.easywoofront-dashboard .ewf-tile-grid{
	display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;
}

.easywoofront-dashboard .ewf-tile{
	background:#fff;border:1px solid var(--ewf-line);border-radius:var(--ewf-radius-lg);
	overflow:hidden;display:flex;flex-direction:column;
	transition:.25s var(--ewf-ease-out);position:relative;
}
.easywoofront-dashboard .ewf-tile:hover{
	transform:translateY(-4px);box-shadow:var(--ewf-shadow-lg);border-color:rgba(28,125,80,.2);
}
.easywoofront-dashboard .ewf-tile.is-sold-out{opacity:.78}

.easywoofront-dashboard .ewf-thumb{
	aspect-ratio:16/10;position:relative;overflow:hidden;
	background:var(--ewf-brand-gradient-soft);
	display:grid;place-items:center;color:var(--ewf-brand-2);
}
.easywoofront-dashboard .ewf-thumb::after{
	content:"";position:absolute;inset:0;pointer-events:none;
	background:radial-gradient(circle at 70% 20%,rgba(245,185,66,.25),transparent 50%);
}
.easywoofront-dashboard .ewf-thumb svg{width:48px;height:48px;opacity:.55;position:relative}
.easywoofront-dashboard .ewf-thumb-img{
	position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
}

.easywoofront-dashboard .ewf-badge{
	position:absolute;top:12px;left:12px;font-size:11px;font-weight:700;
	padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.92);
	color:var(--ewf-brand-2);backdrop-filter:blur(6px);z-index:2;
}
.easywoofront-dashboard .ewf-badge--sale{background:var(--ewf-accent-2);color:#fff}
.easywoofront-dashboard .ewf-badge--out{background:rgba(15,27,22,.85);color:#fff}

.easywoofront-dashboard .ewf-heart{
	position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;
	background:rgba(255,255,255,.95);display:grid;place-items:center;color:var(--ewf-accent-2);
	backdrop-filter:blur(6px);z-index:2;cursor:pointer;border:0;padding:0;
	transition:.2s var(--ewf-ease);
}
.easywoofront-dashboard .ewf-heart:hover{transform:scale(1.08)}
.easywoofront-dashboard .ewf-heart:disabled{opacity:.5;cursor:default}
.easywoofront-dashboard .ewf-heart svg{width:16px;height:16px;opacity:1}

.easywoofront-dashboard .ewf-tile-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}
.easywoofront-dashboard .ewf-tile-body .ewf-cat{
	font-size:11px;font-weight:700;color:var(--ewf-brand-1);text-transform:uppercase;letter-spacing:.06em;
}
.easywoofront-dashboard .ewf-tile-body h3{font-size:14.5px;line-height:1.3;margin:0;font-weight:700}
.easywoofront-dashboard .ewf-tile-body h3 a{color:var(--ewf-ink-1);text-decoration:none}
.easywoofront-dashboard .ewf-tile-body h3 a:hover{color:var(--ewf-brand-1)}

/* Price — map WooCommerce's get_price_html() onto the mockup's <b>/<s>. */
.easywoofront-dashboard .ewf-price{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}
.easywoofront-dashboard .ewf-price .woocommerce-Price-amount{font-size:16px;font-weight:800;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-price ins{text-decoration:none}
.easywoofront-dashboard .ewf-price del{font-size:12.5px;color:var(--ewf-ink-3)}
.easywoofront-dashboard .ewf-price del .woocommerce-Price-amount{
	font-size:12.5px;font-weight:600;color:var(--ewf-ink-3);text-decoration:line-through;
}
.easywoofront-dashboard .ewf-price .muted{font-size:12px;color:var(--ewf-ink-3);font-weight:600}

/* Foot row — values pinned to the mockup (.tile-foot .btn{flex:1} +
   .btn-sm + .btn-icon.btn-sm). Both buttons share the row equally so the
   "View" icon button is exactly half-width, NOT a tiny fixed square. */
.easywoofront-dashboard .ewf-tile-foot{display:flex;gap:8px;padding:0 16px 16px}
.easywoofront-dashboard .ewf-tile-foot .ewf-btn{
	flex:1;height:34px;padding:0 12px;font-size:12.5px;border-radius:10px;gap:8px;
}
.easywoofront-dashboard .ewf-tile-foot .ewf-btn svg{width:14px;height:14px}
.easywoofront-dashboard .ewf-tile-foot .ewf-btn-icon{padding:0}
.easywoofront-dashboard .ewf-wl-notify{flex:1}

/* Empty state */
.easywoofront-dashboard .ewf-wl-empty{
	display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
	text-align:center;padding:64px 22px;color:var(--ewf-ink-3);
}
.easywoofront-dashboard .ewf-wl-empty svg{width:46px;height:46px;color:var(--ewf-accent-2);opacity:.55}
.easywoofront-dashboard .ewf-wl-empty p{font-size:14px;max-width:340px}

/* Tile leaving (JS-driven removal) */
.easywoofront-dashboard .ewf-tile.is-leaving{
	opacity:0;transform:scale(.96);transition:opacity .22s var(--ewf-ease),transform .22s var(--ewf-ease);
}

@media (max-width:560px){
	.easywoofront-dashboard .ewf-tile-grid{grid-template-columns:1fr}
	.easywoofront-dashboard .ewf-card-body{padding:16px}
}

/* ============================================================
   23 · STOREFRONT WISHLIST CONTROLS (UNSCOPED — outside the
        dashboard wrapper: shop loop, single product page)
   ============================================================ */

/* Positioning anchors so the heart can pin to the card / gallery. */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.single-product div.product{position:relative}

.ewf-wl-heart{
	position:absolute;top:12px;left:12px;z-index:5;
	width:36px;height:36px;border-radius:50%;border:0;padding:0;cursor:pointer;
	background:rgba(255,255,255,.95);
	box-shadow:0 4px 12px rgba(15,27,22,.12);
	display:grid;place-items:center;
	color:#2b3a33;
	-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
	transition:transform .18s ease,color .18s ease,background .18s ease;
}
.ewf-wl-heart:hover{transform:scale(1.08);color:#ff7a59}
.ewf-wl-heart:disabled{opacity:.55;cursor:default}
.ewf-wl-heart svg{width:18px;height:18px}
/* Not in wishlist → outline 🤍 */
.ewf-wl-heart svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* In wishlist → filled ❤ */
.ewf-wl-heart.is-on{color:#fff;background:#ff7a59;box-shadow:0 6px 16px rgba(255,122,89,.45)}
.ewf-wl-heart.is-on svg{fill:currentColor;stroke:none}
.ewf-wl-heart--single{width:42px;height:42px}
.ewf-wl-heart--single svg{width:20px;height:20px}

/* ---- Single product page ONLY (scoped to .single-product) ----
   The love icon is injected inside .woocommerce-product-gallery so it
   anchors to the product image. Love → image TOP-RIGHT. WooCommerce's
   gallery zoom/lightbox trigger → image BOTTOM-RIGHT, so the two never
   overlap. Shop / Archive / Wishlist hearts are untouched. */
.single-product .woocommerce-product-gallery{position:relative}

/* The love icon is injected INSIDE each .woocommerce-product-gallery__image
   slide (which is position:relative below), so it anchors to the image and
   travels with the slide — identical for single & multi-image galleries. */
.single-product .woocommerce-product-gallery .ewf-wl-heart--single{
	position:absolute !important;
	top:16px !important;right:16px !important;
	left:auto !important;bottom:auto !important;
	z-index:10;
}

/* The single WC trigger is relocated by JS into the image viewport
   (.flex-viewport, or the slides wrapper for single-image products) so
   "bottom-right" means the IMAGE's bottom-right — not below the thumbnail
   strip. These must be the positioning context. */
.single-product .woocommerce-product-gallery .flex-viewport,
.single-product .woocommerce-product-gallery__wrapper{
	position:relative;
}

/* !important is required here: WooCommerce core AND most themes pin this
   trigger with their own absolute top/right rules (some with !important),
   so a plain override loses on a live theme. Still scoped to
   body.single-product so Shop / Archive / Wishlist stay default. */
body.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger,
body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger{
	top:auto !important;
	bottom:1em !important;
	right:1em !important;
	left:auto !important;
	z-index:10 !important;
}

/* ---- Single product page ONLY · gallery layout + image sizing ----
   Goal: NO top/bottom grey gap. The container height must equal the
   image height (content-driven, auto) so the image fills it cleanly with
   its natural aspect ratio — no forced box, no letterbox, no stretch,
   no distortion. This is 100% CSS and flexslider-safe (WooCommerce sizes
   slides by WIDTH; height now follows the image). Click / slide / zoom /
   lightbox JS is untouched. Scoped to .single-product only — and
   deliberately does NOT touch the love-icon / gallery-trigger rules. */
.single-product .woocommerce-product-gallery{
	width:100%;margin:0;
}
.single-product .woocommerce-product-gallery__wrapper{
	margin:0;padding:0;
	height:auto !important;          /* kill any JS/theme fixed height that left grey space */
	align-items:flex-start;          /* no flex centering → no vertical empty space */
}

/* Slide = exactly the image. No aspect-ratio box, no min-height. */
.single-product .woocommerce-product-gallery__image{
	position:relative;
	height:auto !important;
	min-height:0 !important;
	overflow:hidden;
	border-radius:14px;
	background:transparent;
	display:block;
	margin:0;
}
.single-product .woocommerce-product-gallery__image > a{
	display:block;width:100%;height:auto;
	line-height:0;                   /* removes the inline-image descender gap */
}
/* width:100% + height:auto → keeps aspect ratio, container wraps the
   image tightly (zero top/bottom gap). object-fit is a no-op here but
   set to cover so it still behaves if a theme forces a height. */
.single-product .woocommerce-product-gallery__image img{
	width:100% !important;
	height:auto !important;
	max-width:100%;
	object-fit:cover;
	object-position:center;
	display:block;
	margin:0;
	vertical-align:top;
}

/* Fallback: theme removed the WC slider so slides stack — keep them
   evenly spaced instead of one giant column. */
.single-product .woocommerce-product-gallery:not(.flexslider) .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image + .woocommerce-product-gallery__image{
	margin-top:12px;
}

/* Thumbnail strip → tidy, equal-sized, responsive row. */
.single-product .flex-control-thumbs{
	display:flex;flex-wrap:wrap;gap:8px;
	margin:12px 0 0;padding:0;list-style:none;
}
.single-product .flex-control-thumbs li{
	margin:0;width:64px;height:64px;
}
.single-product .flex-control-thumbs img{
	width:100%;height:100%;
	object-fit:cover;object-position:center;
	border-radius:9px;cursor:pointer;
	opacity:.55;transition:opacity .15s var(--ewf-ease,ease);
	border:1px solid rgba(15,27,22,.08);
}
.single-product .flex-control-thumbs img:hover,
.single-product .flex-control-thumbs img.flex-active{opacity:1}

@media (max-width:560px){
	.single-product .flex-control-thumbs li{width:54px;height:54px}
}

/* "Add to Wishlist" pill (rendered above & below add-to-cart). */
.ewf-wl-btn{
	display:inline-flex;align-items:center;gap:8px;
	margin:12px 0;padding:11px 18px;border-radius:12px;cursor:pointer;
	font:700 13.5px/1 'Plus Jakarta Sans','Inter',system-ui,sans-serif;
	color:#0f1b16;background:#fff;border:1px solid #e6ede9;
	transition:border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease;
}
.ewf-wl-btn:hover{border-color:#ff7a59;color:#ff7a59;transform:translateY(-1px)}
.ewf-wl-btn svg{width:16px;height:16px;fill:none}
.ewf-wl-btn.is-on{background:#ff7a59;border-color:#ff7a59;color:#fff}
.ewf-wl-btn.is-on svg{fill:currentColor}
.ewf-wl-btn:disabled{opacity:.6;cursor:default}
.ewf-wl-btn .ewf-wl-btn-on{display:none}
.ewf-wl-btn.is-on .ewf-wl-btn-off{display:none}
.ewf-wl-btn.is-on .ewf-wl-btn-on{display:inline}

/* ============================================================
   24 · REDUCED MOTION
   ============================================================ */
@media (prefers-reduced-motion:reduce){
	.easywoofront-dashboard *{transition:none !important;animation:none !important}
	.ewf-wl-heart,.ewf-wl-btn{transition:none !important}
}

/* ============================================================
   25 · ADDRESSES (address book) — clone of mockup .addr-card
   ============================================================ */
.easywoofront-dashboard .ewf-addr-sections{display:flex;flex-direction:column;gap:22px}
.easywoofront-dashboard .ewf-addr-section-head{margin-bottom:14px}
.easywoofront-dashboard .ewf-addr-section-title{
	display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;color:var(--ewf-ink-1);margin:0;
}
.easywoofront-dashboard .ewf-addr-section-title svg{width:20px;height:20px;color:var(--ewf-brand-1)}
.easywoofront-dashboard .ewf-addr-count{font-size:12.5px;color:var(--ewf-ink-3)}

.easywoofront-dashboard .ewf-addr-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}

.easywoofront-dashboard .ewf-addr-card{
	background:#fff;border:1px solid var(--ewf-line);border-radius:var(--ewf-radius-lg);
	padding:24px;position:relative;transition:.2s var(--ewf-ease);
}
.easywoofront-dashboard .ewf-addr-card:hover{border-color:rgba(28,125,80,.25);box-shadow:var(--ewf-shadow)}
.easywoofront-dashboard .ewf-addr-card.is-default{
	border-color:var(--ewf-brand-1);background:linear-gradient(180deg,rgba(28,125,80,.04),#fff 60%);
}
.easywoofront-dashboard .ewf-addr-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.easywoofront-dashboard .ewf-addr-type{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-addr-type .ewf-ic{
	width:36px;height:36px;border-radius:10px;background:var(--ewf-brand-gradient-soft);
	color:var(--ewf-brand-1);display:grid;place-items:center;
}
.easywoofront-dashboard .ewf-addr-type .ewf-ic svg{width:18px;height:18px}
.easywoofront-dashboard .ewf-default-pill{
	font-size:11px;font-weight:700;color:var(--ewf-brand-2);background:rgba(28,125,80,.12);
	padding:4px 10px;border-radius:999px;
}
.easywoofront-dashboard .ewf-addr-body{font-size:13.5px;line-height:1.6;color:var(--ewf-ink-2)}
.easywoofront-dashboard .ewf-addr-body .ewf-name{color:var(--ewf-ink-1);font-weight:700;margin-bottom:6px}
.easywoofront-dashboard .ewf-addr-foot{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px dashed var(--ewf-line)}

.easywoofront-dashboard .ewf-add-card{
	display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
	min-height:240px;border-radius:var(--ewf-radius-lg);border:2px dashed var(--ewf-line);
	color:var(--ewf-ink-3);text-align:center;background:rgba(255,255,255,.4);
	transition:.2s var(--ewf-ease);cursor:pointer;text-decoration:none;padding:20px;
}
.easywoofront-dashboard .ewf-add-card:hover{border-color:var(--ewf-brand-1);color:var(--ewf-brand-1);background:#fff}
.easywoofront-dashboard .ewf-add-card .ewf-plus{
	width:48px;height:48px;border-radius:50%;background:#eef3ef;color:var(--ewf-brand-1);display:grid;place-items:center;
}
.easywoofront-dashboard .ewf-add-card .ewf-plus svg{width:22px;height:22px}
.easywoofront-dashboard .ewf-add-card b{color:var(--ewf-ink-1);font-size:14px}
.easywoofront-dashboard .ewf-add-card span{font-size:12.5px}

@media (max-width:780px){
	.easywoofront-dashboard .ewf-addr-grid{grid-template-columns:1fr}
}

/* ---- Edit/Add address — pixel-matched to edit-address.html ----
   Layout cloned from the mockup (.addr-form-grid + .acc-section + .lbl),
   with the actual inputs generated by woocommerce_form_field() and bridged
   visually so the WC markup looks identical to the design. */
.easywoofront-dashboard .ewf-addr-form-grid{
	display:grid;grid-template-columns:1.5fr 1fr;gap:22px;align-items:flex-start;
}
.easywoofront-dashboard .ewf-preview{position:sticky;top:calc(var(--ewf-nav-h) + 16px)}
.easywoofront-dashboard .ewf-preview-label{
	font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;
	color:var(--ewf-ink-3);margin-bottom:10px;display:flex;align-items:center;gap:6px;
}
.easywoofront-dashboard .ewf-preview-label svg{width:13px;height:13px}

.easywoofront-dashboard .ewf-acc-section{
	background:#fff;border:1px solid var(--ewf-line);border-radius:var(--ewf-radius-lg);
	padding:24px;box-shadow:var(--ewf-shadow-sm);margin-bottom:18px;
}
.easywoofront-dashboard .ewf-acc-section h2{margin:0 0 4px;font-size:17px;font-weight:800;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-acc-section > p.ewf-muted{font-size:13px;margin-bottom:20px}

/* Row grid (1 or 2 columns), wrapping woocommerce_form_field outputs. */
.easywoofront-dashboard .ewf-form-row{display:grid;gap:14px;margin-bottom:14px}
.easywoofront-dashboard .ewf-form-row.two{grid-template-columns:1fr 1fr}
.easywoofront-dashboard .ewf-form-row.one{grid-template-columns:1fr}
.easywoofront-dashboard .ewf-form-foot{
	display:flex;justify-content:flex-end;gap:10px;margin-top:8px;padding-top:18px;border-top:1px solid var(--ewf-line-2);
}

/* Address-type switcher cards. */
.easywoofront-dashboard .ewf-addr-type-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:6px}
.easywoofront-dashboard .ewf-addr-type-card{
	padding:16px;border-radius:14px;border:2px solid var(--ewf-line);background:#fff;cursor:pointer;
	display:flex;align-items:flex-start;gap:12px;transition:.2s var(--ewf-ease);text-decoration:none;
}
.easywoofront-dashboard .ewf-addr-type-card:hover{border-color:rgba(28,125,80,.30)}
.easywoofront-dashboard .ewf-addr-type-card .ewf-tic{
	width:38px;height:38px;border-radius:10px;background:var(--ewf-brand-gradient-soft);color:var(--ewf-brand-1);
	display:grid;place-items:center;flex-shrink:0;
}
.easywoofront-dashboard .ewf-addr-type-card .ewf-tic svg{width:18px;height:18px}
.easywoofront-dashboard .ewf-addr-type-card b{display:block;font-weight:700;font-size:14px;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-addr-type-card span{display:block;font-size:12px;color:var(--ewf-ink-3);margin-top:2px}
.easywoofront-dashboard .ewf-addr-type-card.on{border-color:var(--ewf-brand-1);background:linear-gradient(180deg,rgba(28,125,80,.05),#fff)}
.easywoofront-dashboard .ewf-addr-type-card.on .ewf-tic{background:var(--ewf-brand-gradient);color:#fff}

/* Preview info blurb. */
.easywoofront-dashboard .ewf-info-box{border:1px solid var(--ewf-line);border-radius:14px;padding:16px;margin-top:14px;background:#fff}
.easywoofront-dashboard .ewf-ib-head b{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-ib-head b svg{width:16px;height:16px;color:var(--ewf-brand-1)}
.easywoofront-dashboard .ewf-ib-body{font-size:12.5px;color:var(--ewf-ink-2);line-height:1.5;margin-top:8px}

/* Bridge WooCommerce's woocommerce_form_field() markup → mockup .lbl look. */
.easywoofront-dashboard .ewf-addr-form .form-row{
	margin:0!important;width:auto!important;float:none!important;
	display:flex;flex-direction:column;gap:6px;padding:0;
}
.easywoofront-dashboard .ewf-addr-form .form-row label{font-size:12.5px;font-weight:600;color:var(--ewf-ink-2)}
.easywoofront-dashboard .ewf-addr-form .form-row label .required,
.easywoofront-dashboard .ewf-addr-form .form-row label .optional{color:var(--ewf-ink-3);text-decoration:none;border:0}
.easywoofront-dashboard .ewf-addr-form .form-row label .required{color:var(--ewf-danger)}
.easywoofront-dashboard .ewf-addr-form .woocommerce-input-wrapper{display:block;width:100%}
.easywoofront-dashboard .ewf-addr-form input.input-text,
.easywoofront-dashboard .ewf-addr-form select,
.easywoofront-dashboard .ewf-addr-form .select2-container{width:100%!important}
.easywoofront-dashboard .ewf-addr-form input.input-text,
.easywoofront-dashboard .ewf-addr-form select{
	height:44px;border:1px solid var(--ewf-line);border-radius:11px;padding:0 14px;
	font-size:14px;background:#fff;color:var(--ewf-ink-1);font-family:inherit;box-sizing:border-box;
}
.easywoofront-dashboard .ewf-addr-form select{
	appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:36px;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%238a9c93'><path d='M5 8l5 5 5-5z'/></svg>");
	background-repeat:no-repeat;background-position:right 12px center;background-size:14px;
}
.easywoofront-dashboard .ewf-addr-form input.input-text:focus,
.easywoofront-dashboard .ewf-addr-form select:focus{
	border-color:var(--ewf-brand-1);box-shadow:0 0 0 3px rgba(28,125,80,.10);outline:0;
}
/* select2 (enhanced country/state) — match the input look. */
.easywoofront-dashboard .ewf-addr-form .select2-container--default .select2-selection--single{
	height:44px;border:1px solid var(--ewf-line);border-radius:11px;display:flex;align-items:center;padding:0 6px;
}
.easywoofront-dashboard .ewf-addr-form .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:42px;padding:0 8px;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-addr-form .select2-container--default .select2-selection--single .select2-selection__arrow{height:42px}

.easywoofront-dashboard .ewf-addr-form-grid .ewf-btn-primary[name="save_address"]{cursor:pointer}

/* =====================================================================
 *  SUPPORT  (clone of support.html / support-new.html / ticket-detail.html)
 * ===================================================================== */

/* Support / Ticket pages: main column left, sidebar right. */
.easywoofront-dashboard--support-new .ewf-grid-2,
.easywoofront-dashboard--ticket .ewf-grid-2{grid-template-columns:minmax(0,1fr) 340px;align-items:start}
@media (max-width:900px){
	.easywoofront-dashboard--support-new .ewf-grid-2,
	.easywoofront-dashboard--ticket .ewf-grid-2{grid-template-columns:1fr}
}

.easywoofront-dashboard .ewf-mt-14{margin-top:14px}

/* Priority chips (shared by support + ticket detail). */
.easywoofront-dashboard .ewf-priority{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}
.easywoofront-dashboard .ewf-priority--low{color:var(--ewf-info);background:var(--ewf-info-soft)}
.easywoofront-dashboard .ewf-priority--normal{color:var(--ewf-info);background:var(--ewf-info-soft)}
.easywoofront-dashboard .ewf-priority--high{color:var(--ewf-danger);background:var(--ewf-danger-soft)}
.easywoofront-dashboard .ewf-priority--urgent{color:#fff;background:var(--ewf-danger)}

/* "Open" status pill → warning tone (matches mockup). */
.easywoofront-dashboard .ewf-pill--open{color:var(--ewf-warn);background:var(--ewf-warn-soft)}

/* ---------- Channels ---------- */
.easywoofront-dashboard .ewf-support-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:6px}
@media (max-width:900px){.easywoofront-dashboard .ewf-support-channels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.easywoofront-dashboard .ewf-support-channels{grid-template-columns:1fr}}
.easywoofront-dashboard .ewf-channel-card{background:#fff;border:1px solid var(--ewf-line);border-radius:var(--ewf-radius-lg);padding:20px;text-decoration:none;display:flex;flex-direction:column;gap:5px;box-shadow:var(--ewf-shadow-xs);transition:.2s var(--ewf-ease)}
.easywoofront-dashboard .ewf-channel-card:hover{transform:translateY(-2px);box-shadow:var(--ewf-shadow);border-color:#cfe0d6}
.easywoofront-dashboard .ewf-channel-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#fff;margin-bottom:8px}
.easywoofront-dashboard .ewf-channel-icon svg{width:21px;height:21px}
.easywoofront-dashboard .ewf-ci-green{background:var(--ewf-brand-gradient)}
.easywoofront-dashboard .ewf-ci-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}
.easywoofront-dashboard .ewf-ci-purple{background:linear-gradient(135deg,#c084fc,#7c3aed)}
.easywoofront-dashboard .ewf-ci-amber{background:linear-gradient(135deg,#f59e0b,#b45309)}
.easywoofront-dashboard .ewf-channel-card h4{margin:0;font-size:14.5px;font-weight:800;color:var(--ewf-ink-1);letter-spacing:-.01em}
.easywoofront-dashboard .ewf-channel-card p{margin:0;font-size:12.5px;color:var(--ewf-ink-3);word-break:break-word}
.easywoofront-dashboard .ewf-channel-status{margin-top:6px;font-size:11px;font-weight:700;color:var(--ewf-success)}
.easywoofront-dashboard .ewf-channel-status--off{color:var(--ewf-ink-3)}

/* ---------- Ticket list ---------- */
.easywoofront-dashboard .ewf-ticket-list{display:flex;flex-direction:column}
.easywoofront-dashboard .ewf-ticket{
	display:grid;grid-template-columns:auto 1fr auto auto auto;gap:18px;align-items:center;
	padding:18px 22px;border-bottom:1px solid var(--ewf-line-2);
	transition:.15s var(--ewf-ease);cursor:pointer;text-decoration:none;color:inherit;
}
.easywoofront-dashboard .ewf-ticket:last-child{border-bottom:0}
.easywoofront-dashboard .ewf-ticket:hover{background:#fafcfb}
.easywoofront-dashboard .ewf-tnum{
	width:48px;height:48px;border-radius:12px;display:grid;place-items:center;
	background:var(--ewf-brand-gradient-soft);color:var(--ewf-brand-2);
	font-weight:700;font-size:12px;flex-shrink:0;
}
.easywoofront-dashboard .ewf-tinfo b{font-weight:700;font-size:14.5px;display:block;line-height:1.3;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-tinfo span{font-size:12.5px;color:var(--ewf-ink-3);margin-top:4px;display:flex;gap:14px;flex-wrap:wrap}
.easywoofront-dashboard .ewf-tinfo span i{display:inline-flex;align-items:center;gap:5px;font-style:normal}
.easywoofront-dashboard .ewf-tinfo span svg{width:12px;height:12px}
.easywoofront-dashboard .ewf-tchev{color:#b9c5be;display:flex;align-items:center}
.easywoofront-dashboard .ewf-tchev svg{width:16px;height:16px}
@media (max-width:600px){
	.easywoofront-dashboard .ewf-ticket{grid-template-columns:auto 1fr;gap:14px}
	.easywoofront-dashboard .ewf-ticket .ewf-priority,
	.easywoofront-dashboard .ewf-ticket .ewf-pill{grid-column:2}
	.easywoofront-dashboard .ewf-tchev{display:none}
}

/* ---------- FAQ accordion ---------- */
.easywoofront-dashboard .ewf-faq{display:flex;flex-direction:column}
.easywoofront-dashboard .ewf-faq details{border-bottom:1px solid var(--ewf-line-2)}
.easywoofront-dashboard .ewf-faq details:last-child{border-bottom:0}
.easywoofront-dashboard .ewf-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:15px 2px;font-size:14px;font-weight:700;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-faq summary::-webkit-details-marker{display:none}
.easywoofront-dashboard .ewf-fq-ico{color:var(--ewf-brand-1);display:flex;flex-shrink:0;transition:transform .2s var(--ewf-ease)}
.easywoofront-dashboard .ewf-fq-ico svg{width:14px;height:14px}
.easywoofront-dashboard .ewf-faq details[open] summary .ewf-fq-ico{transform:rotate(90deg)}
.easywoofront-dashboard .ewf-fq-body{padding:0 2px 16px 26px;font-size:13px;color:var(--ewf-ink-2);line-height:1.65}

/* ---------- New-ticket form extras ---------- */
.easywoofront-dashboard .ewf-support-form{display:grid;gap:14px}
.easywoofront-dashboard .ewf-req{color:var(--ewf-danger)}
.easywoofront-dashboard .ewf-field-hint{font-size:11.5px;color:var(--ewf-ink-3);font-weight:500}
.easywoofront-dashboard .ewf-upload-zone{
	border:2px dashed var(--ewf-line);border-radius:14px;background:#fafcfb;
	padding:22px;text-align:center;color:var(--ewf-ink-3);font-size:13px;transition:.2s var(--ewf-ease);
}
.easywoofront-dashboard .ewf-upload-zone:hover{border-color:var(--ewf-brand-1);color:var(--ewf-brand-1);background:#fff}
.easywoofront-dashboard .ewf-up-ico{width:44px;height:44px;border-radius:50%;background:#eef3ef;color:var(--ewf-brand-1);display:grid;place-items:center;margin:0 auto 8px}
.easywoofront-dashboard .ewf-upload-zone b{display:block;color:var(--ewf-ink-1);font-size:14px;font-weight:700;margin-bottom:2px}
.easywoofront-dashboard .ewf-up-browse{color:var(--ewf-brand-1);font-weight:700;text-decoration:none}
.easywoofront-dashboard .ewf-up-hint{font-size:11.5px}
.easywoofront-dashboard .ewf-support-form-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:6px;border-top:1px solid var(--ewf-line-2);margin-top:6px;flex-wrap:wrap}
.easywoofront-dashboard .ewf-support-copy{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ewf-ink-2);font-weight:600}
.easywoofront-dashboard .ewf-support-copy input{width:16px;height:16px;accent-color:var(--ewf-brand-1)}
.easywoofront-dashboard .ewf-support-form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

/* ---------- Sidebar bits ---------- */
.easywoofront-dashboard .ewf-stack{display:flex;flex-direction:column;gap:18px}
.easywoofront-dashboard .ewf-h2-sm{font-size:15px}
.easywoofront-dashboard .ewf-tips-list p{font-size:13px;color:var(--ewf-ink-2);line-height:1.7;margin:0 0 10px}
.easywoofront-dashboard .ewf-tips-list p:last-child{margin-bottom:0}
.easywoofront-dashboard .ewf-tips-list a{color:var(--ewf-brand-1);font-weight:700;text-decoration:none}
.easywoofront-dashboard .ewf-faq-links-body{padding-top:6px;padding-bottom:6px}
.easywoofront-dashboard .ewf-faq-links{display:flex;flex-direction:column}
.easywoofront-dashboard .ewf-faq-links a{display:flex;align-items:center;gap:10px;padding:11px 2px;font-size:13px;font-weight:600;color:var(--ewf-ink-2);text-decoration:none;border-bottom:1px solid var(--ewf-line-2);transition:.15s}
.easywoofront-dashboard .ewf-faq-links a:last-child{border-bottom:0}
.easywoofront-dashboard .ewf-faq-links a:hover{color:var(--ewf-brand-1)}
.easywoofront-dashboard .ewf-faq-links a svg{width:13px;height:13px;color:var(--ewf-brand-1);flex-shrink:0}

/* ---------- Ticket detail: conversation ---------- */
.easywoofront-dashboard .ewf-ticket-subline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.easywoofront-dashboard .ewf-ticket-subline b{color:var(--ewf-ink-2)}
.easywoofront-dashboard .ewf-conversation{display:flex;flex-direction:column;gap:18px;padding:22px}
.easywoofront-dashboard .ewf-conv-msg{display:flex;gap:12px;max-width:88%}
.easywoofront-dashboard .ewf-conv-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-weight:800;font-size:12.5px;color:#fff}
.easywoofront-dashboard .ewf-conv-msg.ewf-from-user{align-self:flex-end;flex-direction:row-reverse}
.easywoofront-dashboard .ewf-conv-msg.ewf-from-user .ewf-conv-avatar{background:var(--ewf-brand-gradient)}
.easywoofront-dashboard .ewf-conv-msg.ewf-from-agent .ewf-conv-avatar{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}
.easywoofront-dashboard .ewf-conv-bubble{background:#fff;border:1px solid var(--ewf-line);border-radius:14px;padding:13px 16px;font-size:13.5px;line-height:1.6;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-conv-bubble p{margin:0 0 8px}
.easywoofront-dashboard .ewf-conv-bubble p:last-child{margin-bottom:0}
.easywoofront-dashboard .ewf-conv-msg.ewf-from-user .ewf-conv-bubble{background:var(--ewf-brand-gradient);color:#fff;border-color:transparent;border-bottom-right-radius:4px}
.easywoofront-dashboard .ewf-conv-msg.ewf-from-agent .ewf-conv-bubble{border-bottom-left-radius:4px}
.easywoofront-dashboard .ewf-conv-bubble strong{font-weight:700}
.easywoofront-dashboard .ewf-conv-meta{font-size:11.5px;color:var(--ewf-ink-3);margin-top:6px}
.easywoofront-dashboard .ewf-conv-msg.ewf-from-user .ewf-conv-meta{text-align:right}
@media (max-width:860px){.easywoofront-dashboard .ewf-conv-msg{max-width:100%}}

/* ---------- Ticket detail: reply box ---------- */
.easywoofront-dashboard .ewf-reply-box{border-top:1px solid var(--ewf-line);padding:18px 22px;background:#fafcfb}
.easywoofront-dashboard .ewf-reply-box textarea{width:100%;border:1px solid var(--ewf-line);border-radius:12px;padding:13px 14px;font:inherit;font-size:13.5px;min-height:96px;resize:vertical;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-reply-box textarea:focus{outline:none;border-color:var(--ewf-brand-1);box-shadow:0 0 0 3px rgba(28,125,80,.10)}
.easywoofront-dashboard .ewf-reply-box textarea:disabled{background:#f1f5f3;color:var(--ewf-ink-3);cursor:not-allowed}
.easywoofront-dashboard .ewf-reply-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;flex-wrap:wrap}
.easywoofront-dashboard .ewf-reply-tools{display:flex;gap:6px}
.easywoofront-dashboard .ewf-reply-actions .ewf-inline-msg{margin:0;margin-left:auto}
.easywoofront-dashboard .ewf-reply-tool{width:36px;height:36px;border-radius:9px;border:1px solid var(--ewf-line);background:#fff;color:var(--ewf-ink-2);display:grid;place-items:center;cursor:pointer;transition:.15s}
.easywoofront-dashboard .ewf-reply-tool:hover{color:var(--ewf-brand-1);border-color:var(--ewf-brand-1);background:#ecf6f1}
.easywoofront-dashboard .ewf-reply-tool svg{width:15px;height:15px}

/* ---------- Ticket detail: sidebar kv / agent / quick actions ---------- */
.easywoofront-dashboard .ewf-kv-body{padding-top:6px;padding-bottom:10px}
.easywoofront-dashboard .ewf-kv{display:flex;flex-direction:column;padding:6px 0}
.easywoofront-dashboard .ewf-kv-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--ewf-line);font-size:13px}
.easywoofront-dashboard .ewf-kv-row:last-child{border-bottom:0}
.easywoofront-dashboard .ewf-kv-row .ewf-k{color:var(--ewf-ink-3);font-weight:600}
.easywoofront-dashboard .ewf-kv-row .ewf-v{color:var(--ewf-ink-1);font-weight:700;text-align:right}
.easywoofront-dashboard .ewf-kv-row .ewf-v a{color:var(--ewf-brand-1);text-decoration:none;font-weight:700}
.easywoofront-dashboard .ewf-agent-card{display:flex;gap:12px;align-items:center}
.easywoofront-dashboard .ewf-agent-ava{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:grid;place-items:center;font-weight:800;font-size:15px;flex-shrink:0}
.easywoofront-dashboard .ewf-agent-ava--idle{background:#eef3ef;color:var(--ewf-ink-3)}
.easywoofront-dashboard .ewf-agent-ava--idle svg{width:22px;height:22px}
.easywoofront-dashboard .ewf-agent-nm{font-weight:800;font-size:14px;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-agent-rl{font-size:12px;color:var(--ewf-ink-3);margin-top:1px}
.easywoofront-dashboard .ewf-agent-on{font-size:11.5px;color:var(--ewf-success);margin-top:5px;display:inline-flex;align-items:center;gap:5px;font-weight:700}
.easywoofront-dashboard .ewf-agent-on::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ewf-success)}
.easywoofront-dashboard .ewf-quick-actions{display:flex;flex-direction:column;gap:10px}
.easywoofront-dashboard .ewf-btn-start{justify-content:flex-start}
.easywoofront-dashboard .ewf-btn-danger{color:var(--ewf-danger);border-color:var(--ewf-danger-soft)}
.easywoofront-dashboard .ewf-btn-danger:hover{background:var(--ewf-danger-soft);color:var(--ewf-danger);border-color:var(--ewf-danger-soft)}

/* ---------- Close-ticket modal ---------- */
.easywoofront-dashboard .ewf-modal-backdrop{position:fixed;inset:0;background:rgba(15,27,22,.45);backdrop-filter:blur(2px);display:none;align-items:center;justify-content:center;z-index:9999;padding:20px}
.easywoofront-dashboard .ewf-modal-backdrop.is-open{display:flex}
.easywoofront-dashboard .ewf-modal{position:relative;background:#fff;border-radius:18px;padding:28px;max-width:420px;width:100%;text-align:center;box-shadow:var(--ewf-shadow-lg)}
.easywoofront-dashboard .ewf-modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:9px;border:1px solid var(--ewf-line);background:#fff;color:var(--ewf-ink-3);display:grid;place-items:center;cursor:pointer}
.easywoofront-dashboard .ewf-modal-close svg{width:16px;height:16px}
.easywoofront-dashboard .ewf-modal-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px}
.easywoofront-dashboard .ewf-modal-icon svg{width:26px;height:26px}
.easywoofront-dashboard .ewf-modal-icon--warning{background:var(--ewf-warn-soft);color:var(--ewf-warn)}
.easywoofront-dashboard .ewf-modal h3{font-size:18px;margin:0 0 8px}
.easywoofront-dashboard .ewf-modal p{font-size:13.5px;color:var(--ewf-ink-3);line-height:1.6;margin:0 0 20px}
.easywoofront-dashboard .ewf-modal-foot{display:flex;gap:10px;justify-content:center}

/* Custom (non-WC) fields rendered as .ewf-lbl — match the WC field look. */
.easywoofront-dashboard .ewf-addr-form .ewf-lbl{display:flex;flex-direction:column;gap:6px}
.easywoofront-dashboard .ewf-addr-form .ewf-lbl > span{font-size:12.5px;font-weight:600;color:var(--ewf-ink-2)}
.easywoofront-dashboard .ewf-addr-form .ewf-lbl input,
.easywoofront-dashboard .ewf-addr-form .ewf-lbl select{
	height:44px;border:1px solid var(--ewf-line);border-radius:11px;padding:0 14px;
	font-size:14px;background:#fff;color:var(--ewf-ink-1);font-family:inherit;box-sizing:border-box;width:100%;
}
.easywoofront-dashboard .ewf-addr-form .ewf-lbl select{
	appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:36px;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%238a9c93'><path d='M5 8l5 5 5-5z'/></svg>");
	background-repeat:no-repeat;background-position:right 12px center;background-size:14px;
}
.easywoofront-dashboard .ewf-addr-form .ewf-lbl input:focus,
.easywoofront-dashboard .ewf-addr-form .ewf-lbl select:focus{
	border-color:var(--ewf-brand-1);box-shadow:0 0 0 3px rgba(28,125,80,.10);outline:0;
}
.easywoofront-dashboard .ewf-addr-default-toggle{display:flex;align-items:center;gap:12px;height:44px;padding:0 2px}
.easywoofront-dashboard .ewf-addr-default-toggle .ewf-muted{font-size:12.5px}

@media (max-width:900px){
	.easywoofront-dashboard .ewf-addr-form-grid{grid-template-columns:1fr}
	.easywoofront-dashboard .ewf-preview{position:static}
}
@media (max-width:560px){
	.easywoofront-dashboard .ewf-form-row.two,
	.easywoofront-dashboard .ewf-addr-type-cards{grid-template-columns:1fr}
}

/* ============================================================
   26 · PAYMENT METHODS — clone of mockup .pay-card / .pay-row
   ============================================================ */
.easywoofront-dashboard .ewf-pay-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;align-items:start}
.easywoofront-dashboard .ewf-pay-side{display:flex;flex-direction:column;gap:18px}
.easywoofront-dashboard .ewf-pay-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}

.easywoofront-dashboard .ewf-pay-card{
	position:relative;border-radius:20px;color:#fff;padding:22px 24px;
	background:linear-gradient(135deg,#0f1b16 0%,#0a5a3c 100%);
	min-height:200px;display:flex;flex-direction:column;justify-content:space-between;
	box-shadow:var(--ewf-shadow-lg);overflow:hidden;
}
.easywoofront-dashboard .ewf-pay-card::before{
	content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;
	background:radial-gradient(circle,rgba(245,185,66,.4),transparent 70%);
}
.easywoofront-dashboard .ewf-pay-card--visa{background:linear-gradient(135deg,#1c7d50 0%,#0a5a3c 100%)}
.easywoofront-dashboard .ewf-pay-card--master{background:linear-gradient(135deg,#3a3a52 0%,#1a1a2e 100%)}
.easywoofront-dashboard .ewf-pay-card--amex{background:linear-gradient(135deg,#0d4d8c 0%,#072b50 100%)}
.easywoofront-dashboard .ewf-pay-card .ewf-chip{
	width:38px;height:28px;border-radius:5px;background:linear-gradient(135deg,#f5b942,#d49b2a);position:relative;
}
.easywoofront-dashboard .ewf-pay-card .ewf-chip::after{
	content:"";position:absolute;inset:3px;border-radius:3px;
	background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(0,0,0,.15) 4px 5px);
}
.easywoofront-dashboard .ewf-pay-label{margin-top:24px;font-size:11px;opacity:.8;letter-spacing:.06em;text-transform:uppercase}
.easywoofront-dashboard .ewf-pay-num{font-size:18px;font-weight:600;letter-spacing:.18em;font-variant-numeric:tabular-nums;display:flex;gap:14px;margin-top:4px}
.easywoofront-dashboard .ewf-pay-num span{display:flex;gap:4px}
.easywoofront-dashboard .ewf-brand-name{font-weight:800;font-size:18px;letter-spacing:.04em;font-style:italic}
.easywoofront-dashboard .ewf-pay-bottom{display:flex;justify-content:space-between;align-items:flex-end;font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.85;gap:10px}
.easywoofront-dashboard .ewf-pay-bottom b{display:block;font-size:14px;font-weight:700;letter-spacing:.02em;text-transform:none;margin-top:2px;color:#fff;opacity:1}
.easywoofront-dashboard .ewf-pay-actions{position:absolute;top:14px;right:14px;display:flex;gap:6px;z-index:2}
.easywoofront-dashboard .ewf-pay-actions a{
	width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.18);color:#fff;
	display:grid;place-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.15s var(--ewf-ease);
}
.easywoofront-dashboard .ewf-pay-actions a:hover{background:rgba(255,255,255,.30);color:#fff}
.easywoofront-dashboard .ewf-pay-actions svg{width:14px;height:14px}
.easywoofront-dashboard .ewf-pay-default{
	position:absolute;top:16px;left:20px;z-index:2;
	font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
	background:rgba(255,255,255,.20);color:#fff;padding:4px 10px;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}

/* Right-column cards */
.easywoofront-dashboard .ewf-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--ewf-line-2)}
.easywoofront-dashboard .ewf-card-head h2{font-size:16px;font-weight:800;color:var(--ewf-ink-1);margin:0}
.easywoofront-dashboard .ewf-card-head .ewf-muted{font-size:12.5px}
.easywoofront-dashboard .ewf-card-body{padding:14px 22px 18px}

.easywoofront-dashboard .ewf-pay-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--ewf-line-2)}
.easywoofront-dashboard .ewf-pay-row:last-child{border-bottom:0}
.easywoofront-dashboard .ewf-logo{
	width:48px;height:34px;border-radius:8px;background:#0a5a3c;color:#fff;font-weight:800;
	display:grid;place-items:center;font-size:11px;letter-spacing:.04em;flex-shrink:0;
}
.easywoofront-dashboard .ewf-pay-info{flex:1;min-width:0}
.easywoofront-dashboard .ewf-pay-info b{font-weight:700;font-size:14px;display:block}
.easywoofront-dashboard .ewf-pay-info span{display:block;font-size:12px;color:var(--ewf-ink-3)}

.easywoofront-dashboard .ewf-pay-sum{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--ewf-line-2);font-size:13.5px}
.easywoofront-dashboard .ewf-pay-sum--last{border-bottom:0}
.easywoofront-dashboard .ewf-pay-sum b{color:var(--ewf-ink-1);font-weight:700}
.easywoofront-dashboard .ewf-text-success{color:var(--ewf-success)}

.easywoofront-dashboard .ewf-pay-secure{background:linear-gradient(135deg,rgba(28,125,80,.05),rgba(245,185,66,.06));border-color:rgba(28,125,80,.18)}
.easywoofront-dashboard .ewf-pay-secure-body{display:flex;gap:14px;align-items:flex-start}
.easywoofront-dashboard .ewf-pay-secure-ic{width:44px;height:44px;border-radius:12px;background:rgba(28,125,80,.12);color:var(--ewf-brand-1);display:grid;place-items:center;flex-shrink:0}
.easywoofront-dashboard .ewf-pay-secure-ic svg{width:22px;height:22px}
.easywoofront-dashboard .ewf-pay-secure-body b{font-size:14px;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-pay-secure-body p{font-size:12.5px;margin-top:4px;line-height:1.5}

/* Add Payment Method — theme WC's native add-method form. */
.easywoofront-dashboard .ewf-addpay-card{padding:24px}
.easywoofront-dashboard .ewf-addpay-form .payment_methods{list-style:none;margin:0 0 16px;padding:0}
.easywoofront-dashboard .ewf-addpay-form .wc_payment_method > label{font-weight:700;color:var(--ewf-ink-1);font-size:14px}
.easywoofront-dashboard .ewf-addpay-form .payment_box{background:#fafcfb;border:1px solid var(--ewf-line);border-radius:12px;padding:14px;margin-top:8px}
.easywoofront-dashboard .ewf-addpay-form input.input-text,
.easywoofront-dashboard .ewf-addpay-form select{
	height:44px;border:1px solid var(--ewf-line);border-radius:11px;padding:0 14px;font-size:14px;
	background:#fff;color:var(--ewf-ink-1);font-family:inherit;box-sizing:border-box;width:100%;
}
.easywoofront-dashboard .ewf-addpay-form .button,
.easywoofront-dashboard .ewf-addpay-form button[type="submit"]{
	display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;
	border-radius:12px;border:0;cursor:pointer;font-weight:700;font-size:14px;color:#fff;
	background:var(--ewf-brand-gradient);box-shadow:0 10px 24px rgba(10,90,60,.28);
}

/* Digital-wallet row logos. */
.easywoofront-dashboard .ewf-logo--paypal{background:#0070ba;font-size:10px}
.easywoofront-dashboard .ewf-logo--apple{background:#000}
.easywoofront-dashboard .ewf-logo--apple svg{width:18px;height:18px}
.easywoofront-dashboard .ewf-logo--gpay{background:#4285f4}
.easywoofront-dashboard .ewf-logo--bnpl{background:#fff7ed;color:#c2410c;font-size:10px}
.easywoofront-dashboard .ewf-pay-row .ewf-btn-sm{flex-shrink:0}

/* Add Card page. */
.easywoofront-dashboard .ewf-addcard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:start}
.easywoofront-dashboard .ewf-addcard-side{display:flex;flex-direction:column;gap:18px}
.easywoofront-dashboard .ewf-req{color:var(--ewf-danger)}
.easywoofront-dashboard .ewf-addcard-secure{
	display:flex;gap:12px;align-items:center;background:#f6faf7;border:1px solid var(--ewf-line);
	border-radius:12px;padding:14px;margin-top:14px;font-size:12.5px;color:var(--ewf-ink-2);line-height:1.5;
}
.easywoofront-dashboard .ewf-addcard-secure svg{width:20px;height:20px;color:var(--ewf-success);flex-shrink:0}
.easywoofront-dashboard .ewf-addcard-secure b{color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-accepted{display:flex;gap:12px;flex-wrap:wrap}
.easywoofront-dashboard .ewf-accepted-card{
	padding:10px 14px;background:#fff;border:1px solid var(--ewf-line);border-radius:8px;font-weight:800;font-size:13px;letter-spacing:.02em;
}

/* Digital Wallet Connect / Manage page. */
.easywoofront-dashboard .ewf-wallet-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:start}
.easywoofront-dashboard .ewf-wallet-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.easywoofront-dashboard .ewf-wallet-logo{width:64px;height:44px;border-radius:10px;font-size:13px}
.easywoofront-dashboard .ewf-wallet-logo svg{width:24px;height:24px}
.easywoofront-dashboard .ewf-wallet-name{font-size:18px;font-weight:800;color:var(--ewf-ink-1);margin:0}
.easywoofront-dashboard .ewf-wallet-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--ewf-ink-3);margin-top:2px}
.easywoofront-dashboard .ewf-wallet-status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ewf-ink-3)}
.easywoofront-dashboard .ewf-wallet-status.is-on{color:var(--ewf-success)}
.easywoofront-dashboard .ewf-wallet-status.is-on::before{background:var(--ewf-success)}
.easywoofront-dashboard .ewf-wallet-desc{font-size:13.5px;color:var(--ewf-ink-2);line-height:1.6;margin:0 0 4px}
.easywoofront-dashboard .ewf-wallet-benefits{list-style:none;margin:14px 0 4px;padding:0}
.easywoofront-dashboard .ewf-wallet-benefits li{display:flex;gap:10px;font-size:13px;color:var(--ewf-ink-2);line-height:1.55;padding:6px 0}
.easywoofront-dashboard .ewf-wallet-benefits li svg{width:15px;height:15px;color:var(--ewf-brand-1);flex-shrink:0;margin-top:2px}
.easywoofront-dashboard .ewf-wallet-aside .ewf-pay-secure-body{display:flex;gap:14px;align-items:flex-start}
.easywoofront-dashboard .ewf-wallet-aside b{font-size:14px;color:var(--ewf-ink-1)}
.easywoofront-dashboard .ewf-wallet-aside p{font-size:12.5px;margin-top:4px;line-height:1.5}

@media (max-width:900px){
	.easywoofront-dashboard .ewf-pay-grid{grid-template-columns:1fr}
	.easywoofront-dashboard .ewf-addcard-grid{grid-template-columns:1fr}
	.easywoofront-dashboard .ewf-wallet-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
	.easywoofront-dashboard .ewf-pay-cards{grid-template-columns:1fr}
}