/*!
 * Customer Account Dashboard Polished — frontend styles
 * Version: 1.3.0
 * License: GPL-2.0-or-later
 *
 * Sections:
 *  1. Variables & icon library
 *  2. Layout
 *  3. Sidebar nav (with active accent bar)
 *  4. Dashboard (welcome / stats / actions / orders / help)
 *  5. Orders endpoint
 *  6. Downloads endpoint
 *  7. Addresses endpoint
 *  8. Account-edit endpoint
 *  9. Header B2B indicator (Glozin theme)
 *  10. Reduced-motion + print
 */

:root {
	--dmp-brand: #7c3aed;
	--dmp-brand-tint: #f5f3ff;
	--dmp-brand-ring: rgba(124, 58, 237, 0.15);
	--dmp-brand-soft: rgba(124, 58, 237, 0.08);

	--dmp-card-bg: #ffffff;
	--dmp-card-border: rgba(0, 0, 0, 0.06);
	--dmp-card-border-strong: rgba(0, 0, 0, 0.08);
	--dmp-tile-bg: #f9fafb;

	--dmp-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.03);
	--dmp-shadow-md: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.04);

	--dmp-text: #18181b;
	--dmp-text-secondary: #52525b;
	--dmp-text-muted: #71717a;
	--dmp-text-faint: #a1a1aa;

	--dmp-success-bg: #ecfdf5;
	--dmp-success-text: #065f46;
	--dmp-success-ring: rgba(6, 95, 70, 0.1);
	--dmp-warning-bg: #fffbeb;
	--dmp-warning-text: #92400e;
	--dmp-warning-ring: rgba(146, 64, 14, 0.1);
	--dmp-info-bg: #eff6ff;
	--dmp-info-text: #1e40af;
	--dmp-info-ring: rgba(30, 64, 175, 0.1);
	--dmp-danger-bg: #fef2f2;
	--dmp-danger-text: #991b1b;
	--dmp-danger-ring: rgba(153, 27, 27, 0.1);

	--dmp-radius-sm: 8px;
	--dmp-radius-md: 12px;
	--dmp-radius-lg: 16px;
	--dmp-radius-pill: 100px;
}

/* Icon helper — color via background-color, shape via mask-image */
body.dmp-account-modern .dmp-icon,
body.dmp-is-b2b-customer .dmp-icon,
body.dmp-is-logged-in .dmp-icon {
	display: inline-block;
	width: 18px;
	height: 18px;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	flex-shrink: 0;
}

.dmp-icon-refresh   { -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M16.023 9.348h4.992V4.356M2.985 19.644V14.65h4.992m11.622-7.349a8.25 8.25 0 0 0-13.803 3.7m13.803-3.7L19.5 4.5m-15 15a8.25 8.25 0 0 0 13.803-3.7m-13.803 3.7L4.5 19.5'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M16.023 9.348h4.992V4.356M2.985 19.644V14.65h4.992m11.622-7.349a8.25 8.25 0 0 0-13.803 3.7m13.803-3.7L19.5 4.5m-15 15a8.25 8.25 0 0 0 13.803-3.7m-13.803 3.7L4.5 19.5'/%3e%3c/svg%3e"); }
.dmp-icon-invoice   { -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z'/%3e%3c/svg%3e"); }
.dmp-icon-mail      { -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75'/%3e%3c/svg%3e"); }
.dmp-icon-phone     { -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z'/%3e%3c/svg%3e"); }
.dmp-icon-shield    { -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75 11.25 15 15 9.75M21 12c0 6-9 9-9 9s-9-3-9-9V5.25l9-3 9 3V12Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75 11.25 15 15 9.75M21 12c0 6-9 9-9 9s-9-3-9-9V5.25l9-3 9 3V12Z'/%3e%3c/svg%3e"); }
.dmp-icon-arrow-left{ -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18'/%3e%3c/svg%3e"); }
.dmp-icon-user      { -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z'/%3e%3c/svg%3e"); }
.dmp-icon-logout    { -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15M12 9l-3 3m0 0 3 3m-3-3h12.75'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15M12 9l-3 3m0 0 3 3m-3-3h12.75'/%3e%3c/svg%3e"); }

/* ===========================================================
   2. Layout
   =========================================================== */
body.dmp-account-modern .woocommerce-account .woocommerce {
	max-width: 1140px;
	margin-inline: auto;
	padding-inline: 16px;
	padding-block: 40px;
}

@media (min-width: 768px) {
	body.dmp-account-modern .woocommerce-account .woocommerce {
		display: grid;
		grid-template-columns: 240px 1fr;
		gap: 32px;
	}
}

body.dmp-account-modern .woocommerce-MyAccount-content {
	min-width: 0;
}

/* ===========================================================
   3. Sidebar — refined with brand-tint active state + accent bar
   =========================================================== */
body.dmp-account-modern .woocommerce-MyAccount-navigation {
	background: var(--dmp-card-bg);
	border: 1px solid var(--dmp-card-border);
	border-radius: var(--dmp-radius-md);
	padding: 16px 12px;
	box-shadow: var(--dmp-shadow-sm);
	align-self: start;
	position: sticky;
	top: 24px;
}

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

body.dmp-account-modern .woocommerce-MyAccount-navigation li {
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
}

body.dmp-account-modern .woocommerce-MyAccount-navigation li > a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 14px;
	font-size: 14px;
	font-weight: 500;
	color: var(--dmp-text-secondary);
	background: transparent;
	border-radius: var(--dmp-radius-sm);
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease;
	letter-spacing: -0.005em;
}

body.dmp-account-modern .woocommerce-MyAccount-navigation li > a:hover {
	background: var(--dmp-tile-bg);
	color: var(--dmp-text);
	text-decoration: none;
}

body.dmp-account-modern .woocommerce-MyAccount-navigation li.is-active > a,
body.dmp-account-modern .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--active > a {
	background: var(--dmp-brand-tint);
	color: var(--dmp-brand);
	font-weight: 600;
}

body.dmp-account-modern .woocommerce-MyAccount-navigation li.is-active::before,
body.dmp-account-modern .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--active::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	height: 18px;
	background: var(--dmp-brand);
	border-radius: 2px;
}

/* Sidebar icons — generic chevron fallback for unknown endpoints */
body.dmp-account-modern .woocommerce-MyAccount-navigation li > a::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background-color: currentColor;
	opacity: 0.9;
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 4.5l7.5 7.5-7.5 7.5'/%3e%3c/svg%3e");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 4.5l7.5 7.5-7.5 7.5'/%3e%3c/svg%3e");
	-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
	-webkit-mask-position: center; mask-position: center;
	-webkit-mask-size: contain; mask-size: contain;
	flex-shrink: 0;
}

body.dmp-account-modern .woocommerce-MyAccount-navigation-link--dashboard > a::before       { -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25'/%3e%3c/svg%3e"); }
body.dmp-account-modern .woocommerce-MyAccount-navigation-link--orders > a::before          { -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 7.125C2.25 6.504 2.754 6 3.375 6h6c.621 0 1.125.504 1.125 1.125v3.75c0 .621-.504 1.125-1.125 1.125h-6a1.125 1.125 0 0 1-1.125-1.125v-3.75ZM14.25 8.625c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v8.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-8.25ZM3.75 16.125c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v2.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-2.25Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 7.125C2.25 6.504 2.754 6 3.375 6h6c.621 0 1.125.504 1.125 1.125v3.75c0 .621-.504 1.125-1.125 1.125h-6a1.125 1.125 0 0 1-1.125-1.125v-3.75ZM14.25 8.625c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v8.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-8.25ZM3.75 16.125c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v2.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-2.25Z'/%3e%3c/svg%3e"); }
body.dmp-account-modern .woocommerce-MyAccount-navigation-link--downloads > a::before       { -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3'/%3e%3c/svg%3e"); }
body.dmp-account-modern .woocommerce-MyAccount-navigation-link--edit-address > a::before    { -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'/%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'/%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z'/%3e%3c/svg%3e"); }
body.dmp-account-modern .woocommerce-MyAccount-navigation-link--edit-account > a::before    { -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z'/%3e%3c/svg%3e"); }
body.dmp-account-modern .woocommerce-MyAccount-navigation-link--customer-logout > a::before { -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15M12 9l-3 3m0 0 3 3m-3-3h12.75'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15M12 9l-3 3m0 0 3 3m-3-3h12.75'/%3e%3c/svg%3e"); }
body.dmp-account-modern .woocommerce-MyAccount-navigation-link--subscriptions > a::before   { -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M16.023 9.348h4.992V4.356M2.985 19.644V14.65h4.992m11.622-7.349a8.25 8.25 0 0 0-13.803 3.7m13.803-3.7L19.5 4.5m-15 15a8.25 8.25 0 0 0 13.803-3.7'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M16.023 9.348h4.992V4.356M2.985 19.644V14.65h4.992m11.622-7.349a8.25 8.25 0 0 0-13.803 3.7m13.803-3.7L19.5 4.5m-15 15a8.25 8.25 0 0 0 13.803-3.7'/%3e%3c/svg%3e"); }
body.dmp-account-modern .woocommerce-MyAccount-navigation-link--memberships > a::before     { -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M16.5 18.75h-9m9 0a3 3 0 0 1 3 3h-15a3 3 0 0 1 3-3'/%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M12 13.5V21m6-13.5V8a6 6 0 0 1-12 0V7.5'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M16.5 18.75h-9m9 0a3 3 0 0 1 3 3h-15a3 3 0 0 1 3-3'/%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M12 13.5V21m6-13.5V8a6 6 0 0 1-12 0V7.5'/%3e%3c/svg%3e"); }

/* User identity card at top of sidebar */
body.dmp-account-modern .dmp-nav-user {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 4px 6px 16px;
	margin-bottom: 8px;
	border-bottom: 1px solid var(--dmp-card-border);
}

body.dmp-account-modern .dmp-nav-avatar {
	flex-shrink: 0;
	line-height: 0;
}

body.dmp-account-modern .dmp-nav-avatar img {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	display: block;
	box-shadow: 0 0 0 1px var(--dmp-card-border-strong), 0 0 0 3px var(--dmp-card-bg);
}

body.dmp-account-modern .dmp-nav-user-info {
	min-width: 0;
	flex: 1;
}

body.dmp-account-modern .dmp-nav-user-name {
	font-size: 14px;
	font-weight: 600;
	color: var(--dmp-text);
	line-height: 1.3;
	letter-spacing: -0.01em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.dmp-account-modern .dmp-nav-user-tag {
	display: inline-block;
	margin-top: 4px;
	font-size: 10px;
	font-weight: 600;
	padding: 2px 7px;
	border-radius: var(--dmp-radius-pill);
	background: var(--dmp-brand-tint);
	color: var(--dmp-brand);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	box-shadow: inset 0 0 0 1px var(--dmp-brand-ring);
}

/* v1.3.0 — B2C tag variant: neutral grey, not brand purple. Keeps the
   B2B tag visually distinct ("you're in business mode") without making
   B2C feel less-than. */
body.dmp-account-modern .dmp-nav-user-tag--b2c {
	background: var(--dmp-tile-bg);
	color: var(--dmp-text-secondary);
	box-shadow: inset 0 0 0 1px var(--dmp-card-border-strong);
}

body.dmp-account-modern .dmp-nav-user-meta {
	font-size: 11px;
	color: var(--dmp-text-faint);
	margin-top: 6px;
	font-weight: 500;
	line-height: 1.3;
}

/* Grouped sections */
body.dmp-account-modern .dmp-nav-group {
	margin-top: 12px;
}

body.dmp-account-modern .dmp-nav-group:first-of-type {
	margin-top: 0;
}

body.dmp-account-modern .dmp-nav-group--session {
	margin-top: 16px;
	padding-top: 12px;
	border-top: 1px solid var(--dmp-card-border);
}

body.dmp-account-modern .dmp-nav-group-label {
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--dmp-text-faint);
	padding: 4px 14px 8px;
}

/* Back to shop button at bottom of sidebar */
body.dmp-account-modern .dmp-nav-shop-btn {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 16px;
	padding: 10px 14px;
	background: var(--dmp-tile-bg);
	color: var(--dmp-text);
	font-size: 14px;
	font-weight: 500;
	border-radius: var(--dmp-radius-sm);
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
	letter-spacing: -0.005em;
	border: 1px solid transparent;
}

body.dmp-account-modern .dmp-nav-shop-btn:hover {
	background: var(--dmp-brand);
	color: #ffffff;
	text-decoration: none;
	transform: translateY(-1px);
}

body.dmp-account-modern .dmp-nav-shop-btn .dmp-icon {
	transition: transform 0.15s ease;
}

body.dmp-account-modern .dmp-nav-shop-btn:hover .dmp-icon {
	transform: translateX(-2px);
}

/* ===========================================================
   4. Dashboard
   =========================================================== */
body.dmp-account-modern .dmp-dashboard {
	display: flex;
	flex-direction: column;
	gap: 24px;
	font-feature-settings: "ss01", "cv11";
}

/* Welcome — subtle brand-tinted gradient */
.dmp-dashboard-welcome {
	background: linear-gradient(135deg, var(--dmp-brand-tint) 0%, var(--dmp-card-bg) 60%);
	border: 1px solid var(--dmp-card-border);
	border-radius: var(--dmp-radius-lg);
	padding: 28px 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	flex-wrap: wrap;
	box-shadow: var(--dmp-shadow-sm);
}

.dmp-dashboard-welcome-heading {
	font-size: 26px;
	font-weight: 600;
	color: var(--dmp-text);
	margin: 0 0 4px;
	line-height: 1.2;
	letter-spacing: -0.02em;
}

.dmp-dashboard-welcome-meta {
	font-size: 14px;
	color: var(--dmp-text-secondary);
	margin: 0;
}

/* v1.3.0 — B2C subtitle: slightly softer than the B2B "Approved B2B
   account" line, since it's a friendly retail tone rather than a
   formal status confirmation. */
.dmp-dashboard-welcome-meta--b2c {
	color: var(--dmp-text-muted);
	font-weight: 400;
}

.dmp-dot-sep {
	margin-inline: 6px;
	color: var(--dmp-text-faint);
}

.dmp-verified-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--dmp-success-bg);
	color: var(--dmp-success-text);
	font-size: 12px;
	font-weight: 500;
	padding: 6px 12px;
	border-radius: var(--dmp-radius-pill);
	letter-spacing: 0.02em;
	box-shadow: inset 0 0 0 1px var(--dmp-success-ring);
}

.dmp-verified-badge .dmp-icon {
	width: 14px;
	height: 14px;
}

/* B2B Shop CTA — prominent "Start shopping" banner for wholesale users */
.dmp-shop-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	background: var(--dmp-text);
	color: #ffffff;
	border-radius: var(--dmp-radius-lg);
	padding: 24px 28px;
	margin-bottom: 24px;
	flex-wrap: wrap;
}

.dmp-shop-cta__body {
	display: flex;
	align-items: center;
	gap: 16px;
	flex: 1;
	min-width: 0;
}

.dmp-shop-cta__icon-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	background: rgba(255, 255, 255, 0.12);
	border-radius: var(--dmp-radius-md);
	flex-shrink: 0;
	color: #ffffff;
}

.dmp-shop-cta__text {
	flex: 1;
	min-width: 0;
}

.dmp-shop-cta__heading {
	font-size: 17px;
	font-weight: 700;
	letter-spacing: -0.01em;
	margin: 0 0 3px;
	color: #ffffff;
}

.dmp-shop-cta__desc {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.65);
	margin: 0;
	line-height: 1.45;
}

.dmp-shop-cta__btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #ffffff;
	color: var(--dmp-text);
	font-size: 14px;
	font-weight: 600;
	padding: 11px 22px;
	border-radius: var(--dmp-radius-pill);
	text-decoration: none;
	white-space: nowrap;
	flex-shrink: 0;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.dmp-shop-cta__btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
	color: var(--dmp-text);
	text-decoration: none;
}

.dmp-shop-cta__btn:active {
	transform: scale(0.98);
}

@media (max-width: 599px) {
	.dmp-shop-cta {
		flex-direction: column;
		text-align: center;
		padding: 22px 20px;
		gap: 16px;
	}

	.dmp-shop-cta__body {
		flex-direction: column;
		gap: 12px;
	}

	.dmp-shop-cta__btn {
		width: 100%;
		justify-content: center;
	}
}

/* Stats — bordered white cards with hover lift */
.dmp-dashboard-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 12px;
}

.dmp-stat-tile {
	background: var(--dmp-card-bg);
	border: 1px solid var(--dmp-card-border);
	border-radius: var(--dmp-radius-md);
	padding: 18px 20px;
	box-shadow: var(--dmp-shadow-sm);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.dmp-stat-tile:hover {
	transform: translateY(-1px);
	box-shadow: var(--dmp-shadow-md);
}

.dmp-stat-label {
	font-size: 12px;
	color: var(--dmp-text-muted);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-weight: 500;
	margin-bottom: 6px;
}

.dmp-stat-value {
	font-size: 28px;
	font-weight: 600;
	color: var(--dmp-text);
	line-height: 1.1;
	letter-spacing: -0.02em;
	font-variant-numeric: tabular-nums;
}

/* Smaller value font for non-numeric stats (tier name etc) */
.dmp-stat-tile[data-numeric="false"] .dmp-stat-value {
	font-size: 18px;
}

.dmp-stat-value .woocommerce-Price-amount,
.dmp-stat-value bdi {
	font-size: inherit;
	font-weight: inherit;
}

.dmp-stat-meta {
	font-size: 11px;
	color: var(--dmp-text-faint);
	margin-top: 4px;
	font-weight: 500;
}

/* Section labels */
.dmp-dashboard-section-label {
	font-size: 11px;
	font-weight: 600;
	color: var(--dmp-text-muted);
	margin: 0 0 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* Quick actions */
.dmp-dashboard-actions-row {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.dmp-action-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--dmp-card-bg);
	color: var(--dmp-text);
	border: 1px solid var(--dmp-card-border-strong);
	border-radius: var(--dmp-radius-sm);
	padding: 10px 16px;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	box-shadow: var(--dmp-shadow-sm);
	transition: border-color 0.15s ease, color 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;
	letter-spacing: -0.005em;
}

.dmp-action-btn:hover {
	border-color: var(--dmp-brand);
	color: var(--dmp-brand);
	transform: translateY(-1px);
	box-shadow: var(--dmp-shadow-md);
	text-decoration: none;
}

.dmp-action-btn:focus-visible {
	outline: 2px solid var(--dmp-brand);
	outline-offset: 2px;
}

/* Recent orders — slide-right hover, tabular nums, refined pills */
.dmp-dashboard-orders {
	background: var(--dmp-card-bg);
	border: 1px solid var(--dmp-card-border);
	border-radius: var(--dmp-radius-lg);
	padding: 4px 24px 8px;
	box-shadow: var(--dmp-shadow-sm);
}

.dmp-dashboard-orders-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 18px 0 14px;
	border-bottom: 1px solid var(--dmp-card-border);
	gap: 8px;
}

.dmp-dashboard-orders-header .dmp-dashboard-section-label {
	margin: 0;
	font-size: 15px;
	text-transform: none;
	letter-spacing: -0.01em;
	color: var(--dmp-text);
	font-weight: 600;
}

.dmp-link {
	color: var(--dmp-brand);
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
}

.dmp-link:hover {
	text-decoration: underline;
}

.dmp-order-row {
	display: grid;
	grid-template-columns: 80px 1fr auto auto;
	gap: 16px;
	align-items: center;
	padding: 14px 8px;
	margin-inline: -8px;
	border-bottom: 1px solid var(--dmp-card-border);
	color: var(--dmp-text);
	text-decoration: none;
	transition: padding-inline-start 0.15s ease, background-color 0.15s ease;
	border-radius: var(--dmp-radius-sm);
}

.dmp-order-row:last-child {
	border-bottom: none;
}

.dmp-order-row:hover {
	padding-inline-start: 14px;
	background: var(--dmp-tile-bg);
	text-decoration: none;
}

.dmp-order-id {
	font-weight: 600;
	font-size: 14px;
	font-variant-numeric: tabular-nums;
	color: var(--dmp-text);
}

.dmp-order-meta {
	font-size: 13px;
	color: var(--dmp-text-muted);
}

.dmp-order-total {
	font-weight: 600;
	font-size: 14px;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.dmp-order-status {
	font-size: 11px;
	font-weight: 500;
	padding: 4px 10px;
	border-radius: var(--dmp-radius-pill);
	letter-spacing: 0.02em;
	white-space: nowrap;
}

.dmp-status-completed   { background: var(--dmp-success-bg); color: var(--dmp-success-text); box-shadow: inset 0 0 0 1px var(--dmp-success-ring); }
.dmp-status-processing  { background: var(--dmp-warning-bg); color: var(--dmp-warning-text); box-shadow: inset 0 0 0 1px var(--dmp-warning-ring); }
.dmp-status-on-hold     { background: var(--dmp-info-bg);    color: var(--dmp-info-text);    box-shadow: inset 0 0 0 1px var(--dmp-info-ring); }
.dmp-status-pending     { background: var(--dmp-info-bg);    color: var(--dmp-info-text);    box-shadow: inset 0 0 0 1px var(--dmp-info-ring); }
.dmp-status-cancelled,
.dmp-status-failed,
.dmp-status-refunded    { background: var(--dmp-danger-bg);  color: var(--dmp-danger-text);  box-shadow: inset 0 0 0 1px var(--dmp-danger-ring); }

@media (max-width: 600px) {
	.dmp-order-row {
		grid-template-columns: auto 1fr;
		gap: 8px 16px;
	}
	.dmp-order-meta { grid-column: 1 / -1; order: 3; }
	.dmp-order-total { grid-column: 1; }
	.dmp-order-status { grid-column: 2; justify-self: end; }
}

/* Help block — gentle gradient */
.dmp-dashboard-help {
	background: linear-gradient(180deg, var(--dmp-tile-bg) 0%, var(--dmp-card-bg) 100%);
	border: 1px solid var(--dmp-card-border);
	border-radius: var(--dmp-radius-lg);
	padding: 20px 24px;
	box-shadow: var(--dmp-shadow-sm);
}

.dmp-help-heading {
	font-size: 15px;
	color: var(--dmp-text);
	text-transform: none;
	letter-spacing: -0.01em;
	margin: 0 0 6px;
	font-weight: 600;
}

.dmp-help-hours {
	font-size: 13px;
	color: var(--dmp-text-muted);
	margin: 0 0 12px;
}

.dmp-help-row {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
}

.dmp-help-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--dmp-text);
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
}

.dmp-help-link:hover {
	color: var(--dmp-brand);
}

/* ===========================================================
   5. Orders endpoint
   =========================================================== */
body.dmp-account-modern .woocommerce-orders-table {
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid var(--dmp-card-border);
	border-radius: var(--dmp-radius-md);
	overflow: hidden;
	width: 100%;
	background: var(--dmp-card-bg);
	box-shadow: var(--dmp-shadow-sm);
	font-variant-numeric: tabular-nums;
}

body.dmp-account-modern .woocommerce-orders-table thead {
	background: var(--dmp-tile-bg);
}

body.dmp-account-modern .woocommerce-orders-table th {
	font-size: 11px;
	font-weight: 600;
	color: var(--dmp-text-muted);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	padding: 14px 16px;
	border: 0;
	border-bottom: 1px solid var(--dmp-card-border);
	text-align: start;
}

body.dmp-account-modern .woocommerce-orders-table td {
	font-size: 14px;
	padding: 16px;
	border: 0;
	border-bottom: 1px solid var(--dmp-card-border);
	color: var(--dmp-text);
}

body.dmp-account-modern .woocommerce-orders-table tbody tr:last-child td {
	border-bottom: 0;
}

body.dmp-account-modern .woocommerce-orders-table tbody tr {
	transition: background 0.15s ease;
}

body.dmp-account-modern .woocommerce-orders-table tbody tr:hover {
	background: var(--dmp-tile-bg);
}

body.dmp-account-modern .woocommerce-orders-table .button {
	background: var(--dmp-card-bg);
	color: var(--dmp-text);
	border: 1px solid var(--dmp-card-border-strong);
	border-radius: 6px;
	padding: 6px 12px;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	margin-inline-end: 6px;
	box-shadow: var(--dmp-shadow-sm);
	transition: border-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
	display: inline-block;
}

body.dmp-account-modern .woocommerce-orders-table .button:hover {
	border-color: var(--dmp-brand);
	color: var(--dmp-brand);
	transform: translateY(-1px);
}

body.dmp-account-modern .woocommerce-orders-table .reorder {
	background: var(--dmp-brand);
	color: #ffffff;
	border-color: var(--dmp-brand);
}

body.dmp-account-modern .woocommerce-orders-table .reorder:hover {
	opacity: 0.92;
	color: #ffffff;
}

body.dmp-account-modern .woocommerce-pagination {
	margin-top: 16px;
}

/* ===========================================================
   6. Downloads endpoint
   =========================================================== */
body.dmp-account-modern .woocommerce-MyAccount-downloads {
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid var(--dmp-card-border);
	border-radius: var(--dmp-radius-md);
	overflow: hidden;
	width: 100%;
	background: var(--dmp-card-bg);
	box-shadow: var(--dmp-shadow-sm);
}

body.dmp-account-modern .woocommerce-MyAccount-downloads thead {
	background: var(--dmp-tile-bg);
}

body.dmp-account-modern .woocommerce-MyAccount-downloads th {
	font-size: 11px;
	font-weight: 600;
	color: var(--dmp-text-muted);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	padding: 14px 16px;
	border: 0;
	border-bottom: 1px solid var(--dmp-card-border);
	text-align: start;
}

body.dmp-account-modern .woocommerce-MyAccount-downloads td {
	font-size: 14px;
	padding: 16px;
	border: 0;
	border-bottom: 1px solid var(--dmp-card-border);
}

body.dmp-account-modern .woocommerce-MyAccount-downloads tbody tr:last-child td {
	border-bottom: 0;
}

body.dmp-account-modern .woocommerce-MyAccount-downloads .download-product a {
	color: var(--dmp-text);
	text-decoration: none;
	font-weight: 500;
}

body.dmp-account-modern .woocommerce-MyAccount-downloads .download-file a.button,
body.dmp-account-modern .woocommerce-MyAccount-downloads a.button {
	background: var(--dmp-brand);
	color: #ffffff;
	border: 1px solid var(--dmp-brand);
	border-radius: 6px;
	padding: 6px 12px;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	display: inline-block;
}

/* ===========================================================
   7. Addresses endpoint
   =========================================================== */
body.dmp-account-modern .woocommerce-MyAccount-content > .woocommerce-Addresses {
	display: grid;
	gap: 16px;
}

@media (min-width: 768px) {
	body.dmp-account-modern .woocommerce-MyAccount-content > .woocommerce-Addresses {
		grid-template-columns: 1fr 1fr;
	}
}

body.dmp-account-modern .woocommerce-Address {
	background: var(--dmp-card-bg);
	border: 1px solid var(--dmp-card-border);
	border-radius: var(--dmp-radius-lg);
	padding: 24px;
	box-shadow: var(--dmp-shadow-sm);
}

body.dmp-account-modern .woocommerce-Address-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 14px;
}

body.dmp-account-modern .woocommerce-Address-title h2,
body.dmp-account-modern .woocommerce-Address-title h3 {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	color: var(--dmp-text);
	letter-spacing: -0.01em;
}

body.dmp-account-modern .woocommerce-Address-title .edit {
	font-size: 13px;
	font-weight: 500;
	color: var(--dmp-brand);
	text-decoration: none;
}

body.dmp-account-modern .woocommerce-Address-title .edit:hover {
	text-decoration: underline;
}

body.dmp-account-modern .woocommerce-Address address {
	font-size: 14px;
	color: var(--dmp-text-secondary);
	font-style: normal;
	line-height: 1.6;
	margin: 0;
}

/* ===========================================================
   8. Account-edit endpoint
   =========================================================== */
body.dmp-account-modern .woocommerce-EditAccountForm,
body.dmp-account-modern form.edit-account,
body.dmp-account-modern form.woocommerce-address-fields {
	background: var(--dmp-card-bg);
	border: 1px solid var(--dmp-card-border);
	border-radius: var(--dmp-radius-lg);
	padding: 28px;
	box-shadow: var(--dmp-shadow-sm);
}

body.dmp-account-modern .woocommerce-EditAccountForm fieldset,
body.dmp-account-modern form.edit-account fieldset {
	border: 1px solid var(--dmp-card-border);
	border-radius: var(--dmp-radius-md);
	padding: 20px;
	margin-top: 20px;
}

body.dmp-account-modern .woocommerce-EditAccountForm legend,
body.dmp-account-modern form.edit-account legend {
	font-size: 14px;
	font-weight: 600;
	color: var(--dmp-text);
	padding: 0 8px;
	letter-spacing: -0.005em;
}

body.dmp-account-modern .woocommerce-EditAccountForm .form-row,
body.dmp-account-modern form.edit-account .form-row,
body.dmp-account-modern form.woocommerce-address-fields .form-row {
	margin: 0 0 16px;
}

body.dmp-account-modern .woocommerce-EditAccountForm label,
body.dmp-account-modern form.edit-account label,
body.dmp-account-modern form.woocommerce-address-fields label {
	display: block;
	font-size: 13px;
	font-weight: 500;
	color: var(--dmp-text-secondary);
	margin-bottom: 6px;
}

body.dmp-account-modern .woocommerce-EditAccountForm input[type="text"],
body.dmp-account-modern .woocommerce-EditAccountForm input[type="email"],
body.dmp-account-modern .woocommerce-EditAccountForm input[type="password"],
body.dmp-account-modern .woocommerce-EditAccountForm input[type="tel"],
body.dmp-account-modern form.edit-account input[type="text"],
body.dmp-account-modern form.edit-account input[type="email"],
body.dmp-account-modern form.edit-account input[type="password"],
body.dmp-account-modern form.edit-account input[type="tel"],
body.dmp-account-modern form.woocommerce-address-fields input[type="text"],
body.dmp-account-modern form.woocommerce-address-fields input[type="email"],
body.dmp-account-modern form.woocommerce-address-fields input[type="tel"],
body.dmp-account-modern form.woocommerce-address-fields select {
	width: 100%;
	height: 42px;
	padding: 0 12px;
	font-size: 14px;
	color: var(--dmp-text);
	background: var(--dmp-card-bg);
	border: 1px solid var(--dmp-card-border-strong);
	border-radius: var(--dmp-radius-sm);
	box-sizing: border-box;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.dmp-account-modern form input:focus,
body.dmp-account-modern form select:focus {
	outline: none;
	border-color: var(--dmp-brand);
	box-shadow: 0 0 0 3px var(--dmp-brand-ring);
}

body.dmp-account-modern .woocommerce-EditAccountForm button[type="submit"],
body.dmp-account-modern form.edit-account button[type="submit"],
body.dmp-account-modern form.woocommerce-address-fields button[type="submit"] {
	background: var(--dmp-brand);
	color: #ffffff;
	border: none;
	border-radius: var(--dmp-radius-sm);
	padding: 12px 24px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: opacity 0.15s ease, transform 0.1s ease;
	text-transform: none;
	letter-spacing: -0.005em;
}

body.dmp-account-modern .woocommerce-EditAccountForm button[type="submit"]:hover,
body.dmp-account-modern form.edit-account button[type="submit"]:hover,
body.dmp-account-modern form.woocommerce-address-fields button[type="submit"]:hover {
	opacity: 0.92;
	transform: translateY(-1px);
}

/* ===========================================================
   9. Header B2B indicator + account dropdown (Glozin theme)
   ===========================================================
   In v1.3.0:
   - Pill now lives in the OUTER .header-account wrapper only (not the
     inner anchor) — so it appears once, after "Account".
   - The brand-colour dot stays on the icon link.
   - Account dropdown appears on hover (desktop) / tap (mobile).
   - All B2B-only visual cues are scoped to body.dmp-is-b2b-customer
     so they don't bleed into B2C view in hybrid mode.
   =========================================================== */

/* Brand-colour dot on the icon link (B2B users only) */
body.dmp-is-b2b-customer .header-account > a:first-child {
	position: relative;
}

body.dmp-is-b2b-customer .header-account > a:first-child::after {
	content: "";
	position: absolute;
	top: -2px;
	inset-inline-end: -2px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--dmp-brand);
	border: 2px solid var(--dmp-card-bg, #ffffff);
	box-sizing: content-box;
	pointer-events: none;
	box-shadow: 0 0 0 1px var(--dmp-brand-ring);
}

/* B2B pill inside .header-account (outer wrapper). The :not(a) selector
   keeps any pill that ended up inside an inner anchor (legacy installs)
   from showing up — they shouldn't exist anymore, but defence-in-depth. */
body.dmp-is-b2b-customer .header-account:not(a) > .dmp-b2b-pill {
	display: inline-flex;
	align-items: center;
	font-size: 11px;
	font-weight: 600;
	padding: 3px 8px;
	border-radius: var(--dmp-radius-pill);
	background: var(--dmp-brand-tint);
	color: var(--dmp-brand);
	letter-spacing: 0.04em;
	line-height: 1.4;
	margin-inline-start: 6px;
	flex-shrink: 0;
	box-shadow: inset 0 0 0 1px var(--dmp-brand-ring);
}

/* Defensive: if a stale pill ended up inside an anchor, hide it. */
.header-account a .dmp-b2b-pill {
	display: none !important;
}

@media (max-width: 480px) {
	body.dmp-is-b2b-customer .header-account .dmp-b2b-pill {
		display: none;
	}
}

/* ─── Account dropdown ─────────────────────────────────────── */

/* Dropdown panel — absolutely positioned under the host. Hidden by default;
   shown on host hover (desktop) or when host has .is-open (tap-mobile). */
.dmp-account-dropdown-host {
	position: relative;
}

.dmp-account-dropdown {
	position: absolute;
	top: calc(100% + 12px);
	inset-inline-end: 0;
	min-width: 220px;
	background: var(--dmp-card-bg, #ffffff);
	border: 1px solid var(--dmp-card-border, rgba(0, 0, 0, 0.06));
	border-radius: var(--dmp-radius-md, 12px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
	padding: 6px;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
	pointer-events: none;
}

/* Visible state: hover (desktop) OR explicit .is-open (tap-mobile) OR
   keyboard focus on a child element (a11y). */
.dmp-account-dropdown-host:hover > .dmp-account-dropdown,
.dmp-account-dropdown-host.is-open > .dmp-account-dropdown,
.dmp-account-dropdown-host:focus-within > .dmp-account-dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

/* Small invisible bridge so moving the cursor from icon to panel doesn't
   close the panel via a momentary :hover gap. */
.dmp-account-dropdown::before {
	content: "";
	position: absolute;
	top: -12px;
	inset-inline-start: 0;
	inset-inline-end: 0;
	height: 12px;
}

.dmp-account-dropdown__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.dmp-account-dropdown__item {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

.dmp-account-dropdown__link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	font-size: 14px;
	font-weight: 500;
	color: var(--dmp-text-secondary, #52525b);
	text-decoration: none;
	border-radius: var(--dmp-radius-sm, 8px);
	transition: background-color 0.12s ease, color 0.12s ease;
	letter-spacing: -0.005em;
	white-space: nowrap;
}

.dmp-account-dropdown__link:hover,
.dmp-account-dropdown__link:focus-visible {
	background: var(--dmp-tile-bg, #f9fafb);
	color: var(--dmp-text, #18181b);
	text-decoration: none;
	outline: none;
}

.dmp-account-dropdown__link:focus-visible {
	box-shadow: 0 0 0 2px var(--dmp-brand-ring, rgba(124, 58, 237, 0.15));
}

/* Logout item gets a subtle separator above it and a quieter colour
   to signal "destructive but expected" — not red, just distinct. */
.dmp-account-dropdown__item--logout {
	border-top: 1px solid var(--dmp-card-border, rgba(0, 0, 0, 0.06));
	margin-top: 4px;
	padding-top: 4px;
}

.dmp-account-dropdown__item--logout .dmp-account-dropdown__link {
	color: var(--dmp-text-muted, #71717a);
}

.dmp-account-dropdown__item--logout .dmp-account-dropdown__link:hover,
.dmp-account-dropdown__item--logout .dmp-account-dropdown__link:focus-visible {
	color: var(--dmp-danger-text, #991b1b);
	background: var(--dmp-danger-bg, #fef2f2);
}

.dmp-account-dropdown__link .dmp-icon {
	width: 16px;
	height: 16px;
	opacity: 0.85;
	flex-shrink: 0;
}

/* Hide on mobile — the off-canvas account panel handles small screens. */
@media (max-width: 768px) {
	.dmp-account-dropdown {
		display: none;
	}
}

/* ===========================================================
   10. Reduced motion + print
   =========================================================== */
@media (prefers-reduced-motion: reduce) {
	body.dmp-account-modern *,
	body.dmp-is-b2b-customer * {
		transition: none !important;
		animation: none !important;
	}
	body.dmp-account-modern .dmp-stat-tile:hover,
	body.dmp-account-modern .dmp-action-btn:hover,
	body.dmp-account-modern .woocommerce-orders-table .button:hover {
		transform: none !important;
	}
}

@media print {
	body.dmp-account-modern .woocommerce-MyAccount-navigation,
	body.dmp-is-b2b-customer .header-account .dmp-b2b-pill,
	body.dmp-is-b2b-customer .header-account > a:first-child::after {
		display: none !important;
	}
	body.dmp-account-modern .woocommerce-account .woocommerce {
		display: block;
	}
	.dmp-dashboard-welcome,
	.dmp-stat-tile,
	.dmp-dashboard-orders,
	.dmp-dashboard-help {
		box-shadow: none !important;
		border-color: #ddd !important;
	}
}