/*!
 * Glass Account Panel — styles
 * Scoped entirely to body.gap-glass-account (added only on the My Account
 * page by GAP_Core::add_body_class) so nothing here can ever leak into the
 * shop, cart, checkout, or the rest of the WooDmart theme.
 */

body.gap-glass-account {
	--gap-radius: 18px;
	--gap-radius-sm: 12px;
	--gap-blur: 16px;
	--gap-border: 1px solid rgba(255, 255, 255, 0.35);
	--gap-glass-bg: rgba(255, 255, 255, 0.55);
	--gap-glass-bg-strong: rgba(255, 255, 255, 0.75);
	--gap-shadow: 0 8px 32px rgba(31, 38, 135, 0.10);
	--gap-accent: #6c5ce7;
	--gap-accent-2: #00cec9;
	--gap-text: #1f2430;
	--gap-text-muted: #6b7280;
	--gap-success: #16a34a;
}

/* Optional dark-mode support: WooDmart / most themes add this class on <body> or <html> when dark mode is on. Adjust the selector to match your theme if needed. */
body.gap-glass-account.dark,
body.gap-glass-account .dark-skin,
html.dark body.gap-glass-account {
	--gap-glass-bg: rgba(30, 32, 45, 0.55);
	--gap-glass-bg-strong: rgba(30, 32, 45, 0.75);
	--gap-border: 1px solid rgba(255, 255, 255, 0.08);
	--gap-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
	--gap-text: #f1f2f6;
	--gap-text-muted: #a3a7b7;
}

/* A soft gradient wash behind the whole account area gives the glass
   something colorful to blur, otherwise "glass" over a flat white page
   just looks like grey boxes. */
body.gap-glass-account .woocommerce-account .woocommerce {
	position: relative;
	padding: 24px;
	border-radius: calc(var(--gap-radius) + 6px);
	background:
		radial-gradient(1200px 400px at 10% -10%, rgba(108, 92, 231, 0.18), transparent 60%),
		radial-gradient(900px 400px at 100% 0%, rgba(0, 206, 201, 0.15), transparent 55%),
		var(--gap-page-bg, transparent);
}

body.gap-glass-account .woocommerce-account .woocommerce > .woocommerce-notices-wrapper {
	grid-column: 1 / -1;
}

/* Layout: sidebar nav + content, side by side, wrapping on mobile */
@media (min-width: 782px) {
	body.gap-glass-account .woocommerce-account .woocommerce {
		display: grid;
		grid-template-columns: 260px 1fr;
		gap: 24px;
		align-items: start;
	}
}

/* ---------------------------------------------------------------- */
/* Shared "glass panel" look, reused by nav, content, cards          */
/* ---------------------------------------------------------------- */
body.gap-glass-account .woocommerce-MyAccount-navigation,
body.gap-glass-account .woocommerce-MyAccount-content,
body.gap-glass-account .gap-card {
	background: var(--gap-glass-bg);
	border: var(--gap-border);
	border-radius: var(--gap-radius);
	box-shadow: var(--gap-shadow);
	-webkit-backdrop-filter: blur(var(--gap-blur));
	backdrop-filter: blur(var(--gap-blur));
	padding: 20px;
}

/* ---------------------------------------------------------------- */
/* Navigation (sidebar)                                              */
/* ---------------------------------------------------------------- */
body.gap-glass-account .woocommerce-MyAccount-navigation {
	position: sticky;
	top: 24px;
	padding: 12px;
}

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

body.gap-glass-account .woocommerce-MyAccount-navigation-link a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border-radius: var(--gap-radius-sm);
	color: var(--gap-text);
	text-decoration: none;
	font-weight: 500;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease;
}

body.gap-glass-account .woocommerce-MyAccount-navigation-link a:hover {
	background: rgba(108, 92, 231, 0.10);
	transform: translateX(2px);
}
body.gap-glass-account[dir="rtl"] .woocommerce-MyAccount-navigation-link a:hover,
html[dir="rtl"] body.gap-glass-account .woocommerce-MyAccount-navigation-link a:hover {
	transform: translateX(-2px);
}

body.gap-glass-account .woocommerce-MyAccount-navigation-link.is-active a {
	background: linear-gradient(135deg, var(--gap-accent), var(--gap-accent-2));
	color: #fff;
	box-shadow: 0 6px 16px rgba(108, 92, 231, 0.35);
}

/* Small colored balance pill shown above the nav links (all tabs) */
body.gap-glass-account .gap-nav-wallet-pill {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 4px 4px 14px;
	padding: 10px 14px;
	border-radius: var(--gap-radius-sm);
	background: var(--gap-glass-bg-strong);
	border: var(--gap-border);
	font-weight: 700;
	color: var(--gap-text);
}

body.gap-glass-account .gap-nav-wallet-pill * {
	color: var(--gap-text) !important;
}

/* ---------------------------------------------------------------- */
/* Dashboard cards grid (wallet + future widgets)                    */
/* ---------------------------------------------------------------- */
body.gap-glass-account .gap-dashboard-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 16px;
	margin-top: 20px;
}

body.gap-glass-account .gap-card {
	padding: 18px;
}

body.gap-glass-account .gap-card-header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
}

body.gap-glass-account .gap-card-title {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	color: var(--gap-text);
}

/* ---------------------------------------------------------------- */
/* Wallet card content                                               */
/* ---------------------------------------------------------------- */
body.gap-glass-account .gap-wallet-balance {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-bottom: 14px;
}

body.gap-glass-account .gap-wallet-balance-label {
	font-size: 12px;
	color: var(--gap-text-muted);
}

/* NOTE: WooCommerce wraps the price in its own
   <span class="woocommerce-Price-amount amount"> which most themes
   (WooDmart included) give an explicit color. That nested rule is more
   specific than a simple gradient-text trick on our wrapper, so it was
   winning the cascade and showing the theme's default price color
   instead of our gradient. We now force the color (and its children)
   explicitly so it always renders the way we intend. */
body.gap-glass-account .gap-wallet-balance-amount,
body.gap-glass-account .gap-wallet-balance-amount * {
	font-size: 26px;
	font-weight: 800;
	color: var(--gap-accent) !important;
}

body.gap-glass-account .gap-wallet-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

body.gap-glass-account .gap-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 9px 16px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	background: var(--gap-glass-bg-strong);
	border: var(--gap-border);
	color: var(--gap-text);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

body.gap-glass-account .gap-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(31, 38, 135, 0.15);
}

body.gap-glass-account .gap-btn-deposit {
	background: linear-gradient(135deg, var(--gap-accent), var(--gap-accent-2));
	color: #fff;
	border: none;
}

/* ---------------------------------------------------------------- */
/* Wallet card — hero gradient variant + placement above the         */
/* WooDmart icon-boxes (order is controlled purely with CSS flex     */
/* order, no PHP/template changes needed).                           */
/* ---------------------------------------------------------------- */
body.gap-glass-account .woocommerce-MyAccount-content {
	display: flex;
	flex-direction: column;
}

body.gap-glass-account .woocommerce-MyAccount-content > .woocommerce-notices-wrapper {
	order: 0;
}

body.gap-glass-account .woocommerce-MyAccount-content > p {
	order: 1;
}

body.gap-glass-account .woocommerce-MyAccount-content > .gap-dashboard-grid {
	order: 2;
	margin: 4px 0 22px;
}

body.gap-glass-account .woocommerce-MyAccount-content > ul.wd-my-account-links.wd-nav.wd-icon-top.wd-grid-g {
	order: 3;
	margin-top: 0;
}

body.gap-glass-account .gap-card-wallet {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #6c5ce7 0%, #5b4bda 40%, #00b7c3 100%);
	border: 1px solid rgba(255, 255, 255, 0.28);
	box-shadow: 0 18px 40px rgba(91, 75, 218, 0.35);
}

/* Soft glass highlights on top of the gradient — this is what makes it
   read as "frosted glass" instead of a flat colored box. */
body.gap-glass-account .gap-card-wallet::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 88% -10%, rgba(255, 255, 255, 0.35), transparent 55%),
		radial-gradient(circle at -10% 120%, rgba(255, 255, 255, 0.18), transparent 50%);
	pointer-events: none;
}

body.gap-glass-account .gap-card-wallet > * {
	position: relative;
	z-index: 1;
}

body.gap-glass-account .gap-card-wallet .gap-card-title {
	color: #fff;
}

body.gap-glass-account .gap-card-wallet .gap-icon {
	background-color: #fff;
}

body.gap-glass-account .gap-card-wallet .gap-wallet-balance-label {
	color: rgba(255, 255, 255, 0.82);
}

body.gap-glass-account .gap-card-wallet .gap-wallet-balance-amount,
body.gap-glass-account .gap-card-wallet .gap-wallet-balance-amount * {
	color: #fff !important;
	font-size: 30px;
}

body.gap-glass-account .gap-card-wallet .gap-btn {
	background: rgba(255, 255, 255, 0.16);
	border-color: rgba(255, 255, 255, 0.4);
	color: #fff;
}

body.gap-glass-account .gap-card-wallet .gap-btn:hover {
	background: rgba(255, 255, 255, 0.28);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

body.gap-glass-account .gap-card-wallet .gap-btn-deposit {
	background: #fff;
	color: var(--gap-accent);
	border: none;
	font-weight: 800;
}

body.gap-glass-account .gap-card-wallet .gap-btn-deposit:hover {
	background: #fff;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
}

/* ---------------------------------------------------------------- */
/* Points card — sits next to the wallet card (same grid, next       */
/* priority), styled as its matching pair with a gold/regal gradient.*/
/* ---------------------------------------------------------------- */
body.gap-glass-account .gap-card-points {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #4b2a7a 0%, #8c4bd6 45%, #d4af37 100%);
	border: 1px solid rgba(255, 255, 255, 0.28);
	box-shadow: 0 18px 40px rgba(140, 75, 214, 0.30);
}

body.gap-glass-account .gap-card-points::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 88% -10%, rgba(255, 255, 255, 0.30), transparent 55%),
		radial-gradient(circle at -10% 120%, rgba(255, 255, 255, 0.15), transparent 50%);
	pointer-events: none;
}

body.gap-glass-account .gap-card-points > * {
	position: relative;
	z-index: 1;
}

body.gap-glass-account .gap-card-points .gap-card-title,
body.gap-glass-account .gap-card-points .gap-points-next-rank {
	color: #fff;
}

body.gap-glass-account .gap-card-points .gap-icon {
	background-color: #fff;
}

body.gap-glass-account .gap-points-balance {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-bottom: 10px;
}

body.gap-glass-account .gap-points-balance-label {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.82);
}

body.gap-glass-account .gap-points-balance-amount {
	font-size: 30px;
	font-weight: 800;
	color: #fff;
}

body.gap-glass-account .gap-points-next-rank {
	font-size: 12px;
	opacity: 0.92;
	margin: 10px 0 14px;
}

body.gap-glass-account .gap-points-progress {
	background: rgba(255, 255, 255, 0.25);
	border-radius: 999px;
	height: 6px;
	margin-top: 8px;
	overflow: hidden;
}

body.gap-glass-account .gap-points-progress-fill {
	background: #fff;
	height: 100%;
}

/* Rank badge comes pre-styled (inline background color) from the points
   plugin itself — just make sure it sits nicely inside our card. */
body.gap-glass-account .gap-card-points .pr-rank-badge {
	margin-bottom: 4px;
}

body.gap-glass-account .gap-card-points .gap-btn {
	background: rgba(255, 255, 255, 0.18);
	border-color: rgba(255, 255, 255, 0.4);
	color: #fff;
}

body.gap-glass-account .gap-card-points .gap-btn:hover {
	background: rgba(255, 255, 255, 0.28);
}

/* Star icon for the points card header */
body.gap-glass-account .gap-icon-points {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6.14 6.6.72-4.9 4.66 1.28 6.58L12 17.6l-5.88 3-1.28-6.58-4.9-4.66 6.6-.72L12 2.5z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6.14 6.6.72-4.9 4.66 1.28 6.58L12 17.6l-5.88 3-1.28-6.58-4.9-4.66 6.6-.72L12 2.5z'/%3E%3C/svg%3E");
}

/* ---------------------------------------------------------------- */
/* Tickets card — third in the row, blue/teal "support" gradient.    */
/* Class names below match includes/class-gap-tickets-widget.php.    */
/* ---------------------------------------------------------------- */
body.gap-glass-account .gap-card-tickets {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #0f3460 0%, #1f6f8b 45%, #2ec4b6 100%);
	border: 1px solid rgba(255, 255, 255, 0.28);
	box-shadow: 0 18px 40px rgba(31, 111, 139, 0.30);
}

body.gap-glass-account .gap-card-tickets::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 88% -10%, rgba(255, 255, 255, 0.30), transparent 55%),
		radial-gradient(circle at -10% 120%, rgba(255, 255, 255, 0.15), transparent 50%);
	pointer-events: none;
}

body.gap-glass-account .gap-card-tickets > * {
	position: relative;
	z-index: 1;
}

body.gap-glass-account .gap-card-tickets .gap-card-title {
	color: #fff;
}

body.gap-glass-account .gap-card-tickets .gap-icon {
	background-color: #fff;
}

body.gap-glass-account .gap-tickets-total {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-bottom: 10px;
}

body.gap-glass-account .gap-tickets-total-label {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.82);
}

body.gap-glass-account .gap-tickets-total-amount {
	font-size: 30px;
	font-weight: 800;
	color: #fff;
}

body.gap-glass-account .gap-tickets-breakdown {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 14px;
}

body.gap-glass-account .gap-tickets-chip {
	font-size: 11px;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.16);
	color: #fff;
	white-space: nowrap;
}

body.gap-glass-account .gap-tickets-chip-open {
	background: rgba(255, 199, 0, 0.35);
}

body.gap-glass-account .gap-tickets-chip-answered {
	background: rgba(46, 204, 113, 0.35);
}

body.gap-glass-account .gap-tickets-chip-closed {
	background: rgba(255, 255, 255, 0.16);
}

body.gap-glass-account .gap-card-tickets .gap-btn {
	background: rgba(255, 255, 255, 0.18);
	border-color: rgba(255, 255, 255, 0.4);
	color: #fff;
}

body.gap-glass-account .gap-card-tickets .gap-btn:hover {
	background: rgba(255, 255, 255, 0.28);
}

/* Ticket icon for the card header */
body.gap-glass-account .gap-icon-tickets {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v3a2 2 0 1 0 0 4v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-3a2 2 0 1 0 0-4V6Zm6 0v1.5h1.5V6H10Zm0 3v1.5h1.5V9H10Zm0 3v1.5h1.5V12H10Zm0 3v1.5h1.5V15H10Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v3a2 2 0 1 0 0 4v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-3a2 2 0 1 0 0-4V6Zm6 0v1.5h1.5V6H10Zm0 3v1.5h1.5V9H10Zm0 3v1.5h1.5V12H10Zm0 3v1.5h1.5V15H10Z'/%3E%3C/svg%3E");
}

/* ---------------------------------------------------------------- */
/* WooDmart dashboard intro text + icon-box shortcuts                */
/* (Address / Orders / Downloads / Account / Wishlist / Logout)      */
/* Markup is theme-specific: <ul class="wd-my-account-links ...">    */
/* ---------------------------------------------------------------- */
body.gap-glass-account .woocommerce-MyAccount-content > p {
	color: var(--gap-text-muted);
	line-height: 1.9;
}

body.gap-glass-account .woocommerce-MyAccount-content > p a {
	color: var(--gap-accent);
	font-weight: 600;
	text-decoration: none;
}

body.gap-glass-account .woocommerce-MyAccount-content > p a:hover {
	text-decoration: underline;
}

body.gap-glass-account ul.wd-my-account-links.wd-nav.wd-icon-top.wd-grid-g {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	list-style: none;
	margin: 22px 0 0;
	padding: 0;
}

@media (max-width: 991px) {
	body.gap-glass-account ul.wd-my-account-links.wd-nav.wd-icon-top.wd-grid-g {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 480px) {
	body.gap-glass-account ul.wd-my-account-links.wd-nav.wd-icon-top.wd-grid-g {
		grid-template-columns: 1fr;
	}
}

body.gap-glass-account ul.wd-my-account-links > li {
	margin: 0;
}

/* This tile links back to the dashboard itself; WooDmart already hides it
   while you're on the dashboard tab, this is just a safety net so it never
   shows a "پیشخوان" tile pointing at the page you're already on. */
body.gap-glass-account ul.wd-my-account-links > li.wd-my-acc-dashboard {
	display: none;
}

body.gap-glass-account ul.wd-my-account-links > li > a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 14px;
	height: 100%;
	min-height: 150px;
	padding: 28px 16px;
	text-align: center;
	text-decoration: none;
	color: var(--gap-text);
	background: var(--gap-glass-bg-strong);
	border: var(--gap-border);
	border-radius: var(--gap-radius);
	box-shadow: var(--gap-shadow);
	-webkit-backdrop-filter: blur(var(--gap-blur));
	backdrop-filter: blur(var(--gap-blur));
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

body.gap-glass-account ul.wd-my-account-links > li > a:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 30px rgba(108, 92, 231, 0.20);
	border-color: rgba(108, 92, 231, 0.45);
}

/* WooDmart draws the icon itself (via its own CSS on .wd-nav-icon per
   li class), we only control its size/spacing/hover feel here so we
   never risk breaking how the icon is actually drawn. */
body.gap-glass-account ul.wd-my-account-links .wd-nav-icon {
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	opacity: 0.75;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

body.gap-glass-account ul.wd-my-account-links > li > a:hover .wd-nav-icon {
	opacity: 1;
	transform: scale(1.08);
}

body.gap-glass-account ul.wd-my-account-links .nav-link-text {
	font-size: 14px;
	font-weight: 700;
	color: var(--gap-text);
}

/* Logout tile gets a subtle red tint so it doesn't blend in with the
   rest of the shortcuts — it's a destructive-ish action, visually. */
body.gap-glass-account ul.wd-my-account-links > li.wd-my-acc-customer-logout > a {
	background: rgba(239, 68, 68, 0.07);
	border-color: rgba(239, 68, 68, 0.25);
}

body.gap-glass-account ul.wd-my-account-links > li.wd-my-acc-customer-logout > a:hover {
	box-shadow: 0 14px 30px rgba(239, 68, 68, 0.18);
	border-color: rgba(239, 68, 68, 0.45);
}

/* ---------------------------------------------------------------- */
/* Tables (orders, wallet transactions, address list, etc.)          */
/* ---------------------------------------------------------------- */
body.gap-glass-account table.shop_table,
body.gap-glass-account .woocommerce-MyAccount-content table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 8px;
	background: transparent;
}

body.gap-glass-account table.shop_table thead th {
	color: var(--gap-text-muted);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	border: none;
	padding: 0 14px 6px;
}

body.gap-glass-account table.shop_table tbody tr {
	background: var(--gap-glass-bg-strong);
	border: var(--gap-border);
}

body.gap-glass-account table.shop_table tbody td {
	border: none;
	padding: 14px;
}

body.gap-glass-account table.shop_table tbody tr td:first-child {
	border-start-start-radius: var(--gap-radius-sm);
	border-end-start-radius: var(--gap-radius-sm);
}
body.gap-glass-account table.shop_table tbody tr td:last-child {
	border-start-end-radius: var(--gap-radius-sm);
	border-end-end-radius: var(--gap-radius-sm);
}

/* ---------------------------------------------------------------- */
/* Forms (edit address / edit account / wallet deposit form, etc.)   */
/* ---------------------------------------------------------------- */
body.gap-glass-account .woocommerce-form-row input.input-text,
body.gap-glass-account .woocommerce-form-row textarea,
body.gap-glass-account .woocommerce-form-row select,
body.gap-glass-account form input[type="text"],
body.gap-glass-account form input[type="email"],
body.gap-glass-account form input[type="password"],
body.gap-glass-account form input[type="number"],
body.gap-glass-account form input[type="tel"],
body.gap-glass-account form textarea,
body.gap-glass-account form select {
	background: var(--gap-glass-bg-strong);
	border: var(--gap-border);
	border-radius: var(--gap-radius-sm);
	padding: 10px 14px;
	color: var(--gap-text);
}

body.gap-glass-account form input:focus,
body.gap-glass-account form textarea:focus,
body.gap-glass-account form select:focus {
	outline: none;
	border-color: var(--gap-accent);
	box-shadow: 0 0 0 3px rgba(108, 92, 231, 0.15);
}

body.gap-glass-account form .button,
body.gap-glass-account form button[type="submit"] {
	border-radius: 999px;
	background: linear-gradient(135deg, var(--gap-accent), var(--gap-accent-2));
	color: #fff;
	border: none;
	padding: 11px 22px;
	font-weight: 700;
}

/* ---------------------------------------------------------------- */
/* Nav icons — set once here, no PHP edits needed for new tabs;      */
/* just add "gap-menu-<endpoint>" mapping below if you want a custom */
/* icon for a brand-new tab. Falls back to a generic dot otherwise.  */
/* ---------------------------------------------------------------- */
body.gap-glass-account .gap-icon {
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
	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;
}

body.gap-glass-account .gap-menu-item a::before {
	content: "";
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
	background-color: currentColor;
	opacity: 0.85;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3C/svg%3E");
}

/* dashboard */
body.gap-glass-account .gap-menu-dashboard a::before,
body.gap-glass-account .gap-icon-wallet {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v1h1a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Zm2 0v10h14v-7h-4a2 2 0 1 1 0-4H5Zm11 6.5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v1h1a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Zm2 0v10h14v-7h-4a2 2 0 1 1 0-4H5Zm11 6.5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z'/%3E%3C/svg%3E");
}

/* orders */
body.gap-glass-account .gap-menu-orders a::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h9l5 5v13a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm8 1.5V8h4.5L14 3.5ZM7 12h10v1.5H7V12Zm0 4h10v1.5H7V16Zm0-8h5v1.5H7V8Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h9l5 5v13a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm8 1.5V8h4.5L14 3.5ZM7 12h10v1.5H7V12Zm0 4h10v1.5H7V16Zm0-8h5v1.5H7V8Z'/%3E%3C/svg%3E");
}

/* downloads */
body.gap-glass-account .gap-menu-downloads a::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a1 1 0 0 1 1 1v9.09l2.29-2.3a1 1 0 1 1 1.42 1.42l-4 4a1 1 0 0 1-1.42 0l-4-4a1 1 0 1 1 1.42-1.42L11 13.1V4a1 1 0 0 1 1-1ZM5 19a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a1 1 0 0 1 1 1v9.09l2.29-2.3a1 1 0 1 1 1.42 1.42l-4 4a1 1 0 0 1-1.42 0l-4-4a1 1 0 1 1 1.42-1.42L11 13.1V4a1 1 0 0 1 1-1ZM5 19a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1Z'/%3E%3C/svg%3E");
}

/* edit-address */
body.gap-glass-account .gap-menu-edit-address a::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 1 7 7c0 5.25-7 13-7 13S5 14.25 5 9a7 7 0 0 1 7-7Zm0 4.5A2.5 2.5 0 1 0 12 11.5 2.5 2.5 0 0 0 12 6.5Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 1 7 7c0 5.25-7 13-7 13S5 14.25 5 9a7 7 0 0 1 7-7Zm0 4.5A2.5 2.5 0 1 0 12 11.5 2.5 2.5 0 0 0 12 6.5Z'/%3E%3C/svg%3E");
}

/* edit-account */
body.gap-glass-account .gap-menu-edit-account a::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5Z'/%3E%3C/svg%3E");
}

/* wallet plugin tabs */
body.gap-glass-account .gap-menu-make-a-deposit a::before,
body.gap-glass-account .gap-menu-transactions-history a::before,
body.gap-glass-account .gap-menu-send-money a::before,
body.gap-glass-account .gap-menu-withdrawal-requests a::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v1h1a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Zm2 0v10h14v-7h-4a2 2 0 1 1 0-4H5Zm11 6.5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v1h1a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Zm2 0v10h14v-7h-4a2 2 0 1 1 0-4H5Zm11 6.5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z'/%3E%3C/svg%3E");
}

/* logout */
body.gap-glass-account .gap-menu-customer-logout a::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 3a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0V5H6v14h3v-1a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5Zm5.29 4.29a1 1 0 0 1 1.42 0l4 4a1 1 0 0 1 0 1.42l-4 4a1 1 0 0 1-1.42-1.42L17.59 13H10a1 1 0 1 1 0-2h7.59l-2.3-2.29a1 1 0 0 1 0-1.42Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 3a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0V5H6v14h3v-1a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5Zm5.29 4.29a1 1 0 0 1 1.42 0l4 4a1 1 0 0 1 0 1.42l-4 4a1 1 0 0 1-1.42-1.42L17.59 13H10a1 1 0 1 1 0-2h7.59l-2.3-2.29a1 1 0 0 1 0-1.42Z'/%3E%3C/svg%3E");
}

/* Mobile: stack nav above content, drop sticky positioning */
@media (max-width: 781px) {
	body.gap-glass-account .woocommerce-MyAccount-navigation {
		position: static;
		margin-bottom: 16px;
	}
}