/* HUDA Premium WooCommerce Account v1.0.1 — scoped to .huda-acc-page only */

.huda-acc-page {
	--huda-primary: #4f46e5;
	--huda-ink: #0f172a;
	--huda-muted: #64748b;
	--huda-line: #e2e8f0;
	--huda-card: #ffffff;
	--huda-bg: #f8fafc;
}

/* ---------- Safety: nothing may push past the screen ---------- */
.huda-acc-page .woocommerce,
.huda-acc-page .woocommerce *,
.huda-acc-page .woocommerce *::before,
.huda-acc-page .woocommerce *::after {
	box-sizing: border-box;
}
.huda-acc-page .woocommerce {
	max-width: 100%;
	min-width: 0;
	overflow-x: clip;
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 24px;
	align-items: start;
}
.huda-acc-page .woocommerce > .woocommerce-notices-wrapper,
.huda-acc-page .woocommerce > .woocommerce-message,
.huda-acc-page .woocommerce > .woocommerce-error,
.huda-acc-page .woocommerce > .woocommerce-info {
	grid-column: 1 / -1;
}
.huda-acc-page .woocommerce-MyAccount-navigation,
.huda-acc-page .woocommerce-MyAccount-content {
	float: none !important;
	width: 100% !important;
	max-width: 100%;
	min-width: 0;
	margin: 0 !important;
}
.huda-acc-page .woocommerce-MyAccount-content {
	overflow-wrap: anywhere;
	word-break: break-word;
}
.huda-acc-page .woocommerce-MyAccount-content img,
.huda-acc-page .woocommerce-MyAccount-content iframe,
.huda-acc-page .woocommerce-MyAccount-content video {
	max-width: 100%;
	height: auto;
}
.huda-acc-page .woocommerce-MyAccount-content input,
.huda-acc-page .woocommerce-MyAccount-content select,
.huda-acc-page .woocommerce-MyAccount-content textarea {
	max-width: 100%;
}

/* ---------- Navigation with 3D icons ---------- */
.huda-acc-page .woocommerce-MyAccount-navigation {
	background: var(--huda-card);
	border: 1px solid var(--huda-line);
	border-radius: 20px;
	padding: 12px;
	box-shadow: 0 10px 30px -12px rgba(15, 23, 42, .15);
}
.huda-acc-page .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.huda-acc-page .woocommerce-MyAccount-navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
	min-width: 0;
}
.huda-acc-page .woocommerce-MyAccount-navigation li a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border-radius: 14px;
	color: var(--huda-ink);
	font-weight: 600;
	font-size: 15px;
	line-height: 1.25;
	text-decoration: none;
	border: 1px solid transparent;
	transition: background .2s, transform .2s, box-shadow .2s;
}
.huda-acc-page .woocommerce-MyAccount-navigation li a::before {
	content: "";
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	filter: drop-shadow(0 6px 6px rgba(15, 23, 42, .18));
	transition: transform .25s;
}
.huda-acc-page .woocommerce-MyAccount-navigation li a:hover {
	background: var(--huda-bg);
	transform: translateX(2px);
}
.huda-acc-page .woocommerce-MyAccount-navigation li a:hover::before {
	transform: translateY(-2px) scale(1.06);
}
.huda-acc-page .woocommerce-MyAccount-navigation li.is-active a {
	background: linear-gradient(135deg, #eef2ff, #e0e7ff);
	border-color: #c7d2fe;
	box-shadow: 0 6px 16px -8px rgba(79, 70, 229, .5);
}


/* ---------- Premium 3D dashboard notice ---------- */
.huda-acc-page .huda-notice{
	position:relative;isolation:isolate;display:flex;align-items:flex-start;gap:16px;
	min-width:0;overflow:hidden;padding:22px 24px;border-radius:22px;color:#f8faff;
	background:linear-gradient(125deg,#111936 0%,#25205f 48%,#4338ca 100%);
	border:1px solid rgba(167,139,250,.48);
	box-shadow:0 18px 38px -18px rgba(49,46,129,.72),inset 0 1px 0 rgba(255,255,255,.22);
}
.huda-acc-page .huda-notice__icon{
	position:relative;z-index:2;flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;
	border-radius:16px;font-size:25px;color:#fff;
	background:linear-gradient(145deg,#a78bfa,#5b21b6);
	border:1px solid rgba(255,255,255,.48);
	box-shadow:0 9px 18px rgba(4,6,30,.36),inset 0 1px 0 rgba(255,255,255,.55);
}
.huda-acc-page .huda-notice__body{position:relative;z-index:2;min-width:0;flex:1}
.huda-acc-page .huda-notice__eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:#c4b5fd;margin:0 0 5px}
.huda-acc-page .huda-notice h3{margin:0 0 8px;color:#fff;font-size:18px;line-height:1.3}
.huda-acc-page .huda-notice h3 span{font-size:13px;font-weight:600;color:#ddd6fe;margin-left:5px}
.huda-acc-page .huda-notice__copy{font-size:14px;line-height:1.75;color:rgba(248,250,252,.94);overflow-wrap:anywhere}
.huda-acc-page .huda-notice__orb{position:absolute;z-index:0;pointer-events:none;border-radius:50%;filter:blur(1px)}
.huda-acc-page .huda-notice__orb--one{width:190px;height:190px;right:-42px;top:-112px;background:radial-gradient(circle,rgba(192,132,252,.48),rgba(124,58,237,0) 70%)}
.huda-acc-page .huda-notice__orb--two{width:130px;height:130px;right:18%;bottom:-105px;background:radial-gradient(circle,rgba(34,211,238,.24),rgba(34,211,238,0) 72%)}
.huda-acc-page .huda-notice__shine{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 20%,rgba(255,255,255,.055) 48%,transparent 70%);transform:translateX(-35%);animation:hudaNoticeShine 8s ease-in-out infinite}
@keyframes hudaNoticeShine{0%,35%{transform:translateX(-45%)}70%,100%{transform:translateX(45%)}}
@media(max-width:600px){.huda-acc-page .huda-notice{padding:17px;border-radius:18px;gap:12px}.huda-acc-page .huda-notice__icon{flex-basis:40px;width:40px;height:40px;border-radius:13px}.huda-acc-page .huda-notice h3{font-size:16px}.huda-acc-page .huda-notice__copy{font-size:13px;line-height:1.65}}
@media(prefers-reduced-motion:reduce){.huda-acc-page .huda-notice__shine{animation:none}}

/* ---------- Dashboard ---------- */
.huda-dash { display: grid; gap: 18px; min-width: 0; }

.huda-welcome {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 24px;
	border-radius: 22px;
	color: #fff;
	background: radial-gradient(120% 140% at 0% 0%, var(--hc1, #6366f1) 0%, var(--hc2, #4338ca) 60%, #0f172a 150%);
	box-shadow: 0 18px 36px -16px rgba(67, 56, 202, .65), inset 0 1px 0 rgba(255, 255, 255, .25);
	min-width: 0;
}
.huda-welcome__avatar img {
	display: block;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	border: 3px solid rgba(255, 255, 255, .55);
	box-shadow: 0 8px 18px rgba(0, 0, 0, .3);
}
.huda-welcome__text { min-width: 0; }
.huda-welcome__hi { font-size: 13px; opacity: .85; letter-spacing: .04em; }
.huda-welcome__name { margin: 2px 0 4px; color: #fff; font-size: 24px; line-height: 1.2; }
.huda-welcome__sub { margin: 0; font-size: 14px; opacity: .88; }

.huda-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.huda-stat {
	background: var(--huda-card);
	border: 1px solid var(--huda-line);
	border-radius: 18px;
	padding: 16px 18px;
	box-shadow: 0 10px 24px -14px rgba(15, 23, 42, .2);
	min-width: 0;
}
.huda-stat__label { display: block; font-size: 13px; color: var(--huda-muted); }
.huda-stat__value { display: block; margin-top: 4px; font-size: 22px; color: var(--huda-ink); }

.huda-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; }
.huda-tile {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 18px 12px;
	background: var(--huda-card);
	border: 1px solid var(--huda-line);
	border-radius: 20px;
	text-align: center;
	text-decoration: none;
	color: var(--huda-ink);
	font-weight: 600;
	box-shadow: 0 10px 24px -14px rgba(15, 23, 42, .2);
	transition: transform .25s, box-shadow .25s;
	min-width: 0;
}
.huda-tile:hover { transform: translateY(-4px); box-shadow: 0 18px 30px -14px rgba(79, 70, 229, .35); }
.huda-ico {
	display: block;
	width: 64px;
	height: 64px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	filter: drop-shadow(0 10px 10px rgba(15, 23, 42, .22));
}
.huda-tile__label { font-size: 14px; line-height: 1.3; }

/* ---------- Tables: scroll inside their own box ---------- */
.huda-acc-page .huda-table-scroll {
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid var(--huda-line);
	border-radius: 16px;
	background: var(--huda-card);
}
.huda-acc-page .huda-table-scroll table {
	width: 100%;
	min-width: 620px;
	margin: 0 !important;
	border: 0 !important;
	border-collapse: collapse;
}
.huda-acc-page .huda-table-scroll table th,
.huda-acc-page .huda-table-scroll table td {
	padding: 12px 14px;
	white-space: nowrap;
	text-align: left;
}
.huda-acc-page .huda-table-scroll table thead th {
	background: var(--huda-bg);
	font-size: 13px;
	color: var(--huda-muted);
}
/* Cancel WooCommerce's stacked mobile table so it scrolls instead */
.huda-acc-page .huda-table-scroll table.shop_table_responsive thead { display: table-header-group !important; }
.huda-acc-page .huda-table-scroll table.shop_table_responsive tbody tr { display: table-row !important; }
.huda-acc-page .huda-table-scroll table.shop_table_responsive tr td,
.huda-acc-page .huda-table-scroll table.shop_table_responsive tr th { display: table-cell !important; text-align: left !important; }
.huda-acc-page .huda-table-scroll table.shop_table_responsive tr td::before { display: none !important; content: none !important; }

/* ---------- Hide any old dashboard block inside the content area ---------- */
.huda-acc-page .woocommerce-MyAccount-content:has(> .huda-dash) > *:not(.huda-dash):not(.woocommerce-notices-wrapper):not(.woocommerce-message):not(.woocommerce-error):not(.woocommerce-info) {
	display: none !important;
}

/* ---------- Extra dashboard sections ---------- */
.huda-h { margin: 6px 0 -4px; font-size: 16px; color: var(--huda-ink); }
.huda-stats--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.huda-stat--wallet { background: linear-gradient(135deg, #ecfeff, #ccfbf1); border-color: #99f6e4; }

.huda-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.huda-card {
	background: var(--huda-card);
	border: 1px solid var(--huda-line);
	border-radius: 20px;
	padding: 18px;
	box-shadow: 0 10px 24px -14px rgba(15, 23, 42, .2);
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.huda-card .huda-h { margin: 0; }

.huda-orders { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.huda-orders li { margin: 0; padding: 0; }
.huda-order {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 14px;
	background: var(--huda-bg);
	text-decoration: none;
	color: var(--huda-ink);
	min-width: 0;
}
.huda-order__main, .huda-order__side { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.huda-order__side { align-items: flex-end; }
.huda-order small { color: var(--huda-muted); font-size: 12px; }

.huda-st {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	background: #e2e8f0;
	color: #334155;
}
.huda-st--completed { background: #dcfce7; color: #166534; }
.huda-st--processing { background: #dbeafe; color: #1e40af; }
.huda-st--on-hold, .huda-st--pending { background: #fef3c7; color: #92400e; }
.huda-st--cancelled, .huda-st--failed, .huda-st--refunded { background: #fee2e2; color: #991b1b; }

.huda-info { margin: 0; display: grid; gap: 10px; }
.huda-info > div { display: flex; justify-content: space-between; gap: 12px; min-width: 0; }
.huda-info dt { color: var(--huda-muted); font-size: 13px; }
.huda-info dd { margin: 0; font-weight: 600; font-size: 14px; text-align: right; min-width: 0; overflow-wrap: anywhere; }

.huda-link { margin-top: auto; font-weight: 700; font-size: 14px; color: var(--huda-primary); text-decoration: none; }
.huda-empty { margin: 0; color: var(--huda-muted); }

.huda-support {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px 18px;
	border-radius: 20px;
	text-decoration: none;
	color: #fff;
	background: linear-gradient(135deg, #22c55e, #15803d);
	box-shadow: 0 16px 30px -16px rgba(21, 128, 61, .7), inset 0 1px 0 rgba(255, 255, 255, .3);
	min-width: 0;
}
.huda-support .huda-ico { width: 48px; height: 48px; flex: 0 0 48px; }
.huda-support__text { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.huda-support__text strong { color: #fff; font-size: 16px; }
.huda-support__text small { opacity: .9; font-size: 13px; }
.huda-support__go { font-size: 22px; font-weight: 700; }

/* ---------- Mobile ---------- */
@media (max-width: 860px) {
	.huda-acc-page .woocommerce { grid-template-columns: minmax(0, 1fr); gap: 16px; }

	.huda-acc-page .woocommerce-MyAccount-navigation ul {
		display: grid;
		grid-template-columns: repeat(var(--huda-cols, 2), minmax(0, 1fr));
		gap: 8px;
	}
	.huda-acc-page .woocommerce-MyAccount-navigation li a {
		padding: 9px 10px;
		font-size: 14px;
		gap: 9px;
	}
	.huda-acc-page .woocommerce-MyAccount-navigation li a::before {
		flex-basis: 34px;
		width: 34px;
		height: 34px;
	}
	.huda-welcome { padding: 18px; gap: 14px; }
	.huda-welcome__avatar img { width: 56px; height: 56px; }
	.huda-welcome__name { font-size: 20px; }
	.huda-welcome__sub { font-size: 13px; }
	.huda-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.huda-cols { grid-template-columns: minmax(0, 1fr); }
	.huda-stats--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.huda-stats--3 .huda-stat--wallet { grid-column: 1 / -1; }
}

@media (max-width: 380px) {
	.huda-stats { grid-template-columns: minmax(0, 1fr); }
	.huda-acc-page .woocommerce-MyAccount-navigation li a { font-size: 13px; }
}

/* ---------- Section toggles & voice button (all scoped inside the dashboard) ---------- */
.huda--no-stats .huda-stats,
.huda--no-recent .huda-sec-recent,
.huda--no-info .huda-sec-info { display: none; }
.huda--no-tiles > .huda-h, .huda--no-tiles > .huda-tiles { display: none; }
.huda--no-recent.huda--no-info .huda-cols { display: none; }
.huda--no-recent .huda-cols, .huda--no-info .huda-cols { grid-template-columns: minmax(0, 1fr); }
.huda-voice {
	margin-top: 10px; border: 0; cursor: pointer; padding: 8px 16px; border-radius: 999px;
	font-weight: 700; font-size: 13px; color: #fff; background: rgba(255, 255, 255, .2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 8px 14px -8px rgba(0, 0, 0, .5);
}
.huda-voice:hover { background: rgba(255, 255, 255, .3); }

/* v1.0.5: Wallet Enterprise integration and configurable dashboard polish */
.huda-acc-page .huda-wallet-shortcut{display:inline-block;margin-top:8px;font-size:12px;font-weight:700;color:#0f766e;text-decoration:none}
.huda-acc-page .huda-wallet-shortcut:hover{text-decoration:underline}
.huda-acc-page .huda-account-notice{padding:14px 18px;border:1px solid #c7d2fe;border-left:4px solid var(--hc1,#6366f1);border-radius:14px;background:linear-gradient(135deg,#eef2ff,#f5f3ff);color:#312e81}
.huda-acc-page .huda-account-notice p:last-child{margin-bottom:0}
.huda-acc-page .huda-dash[data-layout="compact"] .huda-welcome{padding:16px;border-radius:16px}
.huda-acc-page .huda-dash[data-layout="compact"] .huda-stat{padding:12px;border-radius:14px}
.huda-acc-page .huda-dash[data-layout="compact"] .huda-tile{padding:12px;border-radius:15px}
.huda-acc-page .huda-stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
@media(max-width:600px){.huda-acc-page .huda-stats{grid-template-columns:1fr 1fr}.huda-acc-page .huda-stat__value{font-size:19px}}

/* v1.0.9: force the HUDA Wallet Enterprise menu icon on its exact endpoint slug. */
.huda-acc-page .woocommerce-MyAccount-navigation-link--hew2-wallet > a::before,
.huda-acc-page .woocommerce-MyAccount-navigation li[class*="hew2-wallet"] > a::before {
  content: "" !important;
  display: inline-block !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}


/* v1.1.2: label-based fallback for custom account endpoints + 3D-only navigation. */
.huda-acc-page .woocommerce-MyAccount-navigation li a.huda-nav-icon--account-settings::before { background-image: var(--huda-icon-account-settings); }
.huda-acc-page .woocommerce-MyAccount-navigation li a.huda-nav-icon--security::before { background-image: var(--huda-icon-security); }
.huda-acc-page .woocommerce-MyAccount-navigation li a[class*="huda-nav-icon--"]::before {
  content:""!important;display:block!important;flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;
  background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important;
}
.huda-acc-page .woocommerce-MyAccount-navigation li a.huda-nav-icon--security-privacy::before { background-image: var(--huda-icon-security-privacy); }
.huda-acc-page .woocommerce-MyAccount-navigation li a.huda-nav-icon--wallet::before { background-image: var(--huda-icon-wallet); }
.huda-acc-page .woocommerce-MyAccount-navigation li a.huda-nav-icon--orders::before { background-image: var(--huda-icon-orders); }
.huda-acc-page .woocommerce-MyAccount-navigation li a.huda-nav-icon--downloads::before { background-image: var(--huda-icon-downloads); }
.huda-acc-page .woocommerce-MyAccount-navigation li a.huda-nav-icon--edit-address::before { background-image: var(--huda-icon-edit-address); }
.huda-acc-page .woocommerce-MyAccount-navigation li a.huda-nav-icon--edit-account::before { background-image: var(--huda-icon-edit-account); }
.huda-acc-page .woocommerce-MyAccount-navigation li a.huda-nav-icon--rewards::before { background-image: var(--huda-icon-rewards); }
.huda-acc-page .woocommerce-MyAccount-navigation li a.huda-nav-icon--coupons::before { background-image: var(--huda-icon-coupons); }
.huda-acc-page .woocommerce-MyAccount-navigation li a.huda-nav-icon--support::before { background-image: var(--huda-icon-support); }
.huda-acc-page .woocommerce-MyAccount-navigation li a.huda-nav-icon--notifications::before { background-image: var(--huda-icon-notifications); }
.huda-acc-page .woocommerce-MyAccount-navigation li a.huda-nav-icon--refer-earn::before { background-image: var(--huda-icon-refer-earn); }
.huda-acc-page .woocommerce-MyAccount-navigation li a.huda-nav-icon--customer-logout::before { background-image: var(--huda-icon-customer-logout); }
.huda-acc-page .woocommerce-MyAccount-navigation li a.huda-nav-icon--dashboard::before { background-image: var(--huda-icon-dashboard); }
.huda-acc-page .woocommerce-MyAccount-navigation li.huda-nav--account-settings > a::before { background-image:var(--huda-icon-account-settings)!important; }
.huda-acc-page .woocommerce-MyAccount-navigation li.huda-nav--security > a::before { background-image:var(--huda-icon-security)!important; }
.huda-acc-page .woocommerce-MyAccount-navigation li.huda-nav--security-privacy > a::before { background-image:var(--huda-icon-security-privacy)!important; }
.huda-acc-page .woocommerce-MyAccount-navigation li.huda-nav--rewards > a::before { background-image:var(--huda-icon-rewards)!important; }
.huda-acc-page .woocommerce-MyAccount-navigation li.huda-nav--refer-earn > a::before { background-image:var(--huda-icon-refer-earn)!important; }
.huda-acc-page .woocommerce-MyAccount-navigation li[class*="huda-nav--"] > a::before {
  content:""!important;display:block!important;flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;
  background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important;
}
.huda-acc-page .woocommerce-MyAccount-navigation li a .huda-native-menu-icon { display:none !important; }


/* v1.1.3 — Account Settings 3D icon hardening, appearance switcher and full-width layout. */
.huda-acc-page .woocommerce-MyAccount-navigation li a.huda-nav-icon--account-settings::before,
.huda-acc-page .woocommerce-MyAccount-navigation-link--account-settings > a::before,
.huda-acc-page .woocommerce-MyAccount-navigation-link--settings > a::before,
.huda-acc-page .woocommerce-MyAccount-navigation-link--my-settings > a::before {
  content:"" !important; display:block !important; flex:0 0 40px !important;
  width:40px !important; height:40px !important; min-width:40px !important;
  background-image:var(--huda-icon-account-settings) !important;
  background-size:contain !important; background-repeat:no-repeat !important; background-position:center !important;
}
.huda-acc-page .woocommerce-MyAccount-navigation li a.huda-nav-icon--account-settings .huda-native-menu-icon {display:none!important}

/* Expand only the content area on the My Account page; theme header/footer remain untouched. */
.huda-acc-page .site-content,
.huda-acc-page #content,
.huda-acc-page .content-area,
.huda-acc-page .site-main,
.huda-acc-page .entry-content,
.huda-acc-page .woocommerce {
  width:100% !important; max-width:none !important; min-width:0 !important;
}
.huda-acc-page .site-content > .container,
.huda-acc-page #content > .container,
.huda-acc-page .site-content .content-area > .container,
.huda-acc-page .site-content .entry-content > .woocommerce {
  width:100% !important; max-width:none !important;
}
.huda-acc-page .site-content,
.huda-acc-page #content {padding-left:clamp(12px,2.4vw,36px)!important;padding-right:clamp(12px,2.4vw,36px)!important}
.huda-acc-page .woocommerce {grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:clamp(14px,2vw,28px)}

.huda-theme-switcher{margin:2px 0 12px;padding:13px;border:1px solid var(--huda-line);border-radius:17px;background:linear-gradient(145deg,var(--huda-card),var(--huda-bg));box-shadow:0 8px 22px -16px rgba(15,23,42,.4)}
.huda-theme-switcher__title{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--huda-ink)}
.huda-theme-switcher__title strong,.huda-theme-switcher__title small{display:block}
.huda-theme-switcher__title strong{font-size:13px;line-height:1.3}
.huda-theme-switcher__title small{font-size:11px;color:var(--huda-muted);margin-top:2px}
.huda-theme-switcher__orb{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#fff;font-size:20px;background:linear-gradient(145deg,#a78bfa,#4f46e5);box-shadow:0 5px 10px rgba(79,70,229,.3),inset 0 1px 0 rgba(255,255,255,.5)}
.huda-theme-switcher__buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.huda-theme-switcher__buttons button{min-width:0;padding:8px 4px;border:1px solid var(--huda-line);border-radius:10px;background:var(--huda-bg);color:var(--huda-ink);font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 2px 5px rgba(15,23,42,.06);transition:transform .2s,background .2s,border-color .2s}
.huda-theme-switcher__buttons button:hover{transform:translateY(-1px)}
.huda-theme-switcher__buttons button.is-active{color:#fff;border-color:#635bdb;background:linear-gradient(135deg,#8175ff,#4938bd);box-shadow:0 6px 13px rgba(79,70,229,.28)}

body.huda-acc-page[data-huda-account-theme="dark"]{--huda-ink:#f1f5ff;--huda-muted:#aab6d0;--huda-line:#343d5b;--huda-card:#1b2035;--huda-bg:#111526;background:#101426!important;color:#edf2ff}
body.huda-acc-page[data-huda-account-theme="dark"] .site-content,
body.huda-acc-page[data-huda-account-theme="dark"] #content,
body.huda-acc-page[data-huda-account-theme="dark"] .content-area,
body.huda-acc-page[data-huda-account-theme="dark"] .site-main,
body.huda-acc-page[data-huda-account-theme="dark"] .entry-content{background:transparent!important;color:#edf2ff}
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-navigation,
body.huda-acc-page[data-huda-account-theme="dark"] .huda-stat,
body.huda-acc-page[data-huda-account-theme="dark"] .huda-card,
body.huda-acc-page[data-huda-account-theme="dark"] .huda-tile{background:var(--huda-card);border-color:var(--huda-line);color:var(--huda-ink)}
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-navigation li a{color:var(--huda-ink)}
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-navigation li a:hover{background:#252c48}
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-navigation li.is-active a{background:linear-gradient(135deg,#332d70,#28265a);border-color:#6258c8;color:#fff}
body.huda-acc-page[data-huda-account-theme="dark"] .huda-stat--wallet{background:linear-gradient(135deg,#123b43,#14504c);border-color:#247b75}
body.huda-acc-page[data-huda-account-theme="dark"] .huda-stat--wallet .huda-stat__label,
body.huda-acc-page[data-huda-account-theme="dark"] .huda-stat--wallet .huda-stat__value,
body.huda-acc-page[data-huda-account-theme="dark"] .huda-stat--wallet .huda-wallet-shortcut{color:#d7fffa}
body.huda-acc-page[data-huda-account-theme="dark"] .huda-order{background:#222941;color:#f1f5ff}
body.huda-acc-page[data-huda-account-theme="dark"] .huda-orders small{color:#aab6d0}
body.huda-acc-page[data-huda-account-theme="dark"] .huda-theme-switcher{background:linear-gradient(145deg,#202741,#151b2e);border-color:#3b4566}
body.huda-acc-page[data-huda-account-theme="dark"] .huda-theme-switcher__buttons button{background:#171d31;border-color:#3b4566;color:#e8edff}
body.huda-acc-page[data-huda-account-theme="dark"] .huda-theme-switcher__buttons button.is-active{background:linear-gradient(135deg,#8175ff,#4938bd);color:#fff}
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content input,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content select,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content textarea{background:#171d31!important;border-color:#3b4566!important;color:#f1f5ff!important}
@media(max-width:860px){
 .huda-acc-page .woocommerce{grid-template-columns:minmax(0,1fr)!important}
 .huda-acc-page .site-content,#content.huda-acc-page #content{padding-left:12px!important;padding-right:12px!important}
 .huda-theme-switcher{margin-bottom:10px}
}
@media(max-width:420px){.huda-theme-switcher__buttons button{font-size:11px;padding:8px 2px}.huda-theme-switcher__title strong{font-size:12px}}


/* v1.1.4: corrective full-width layout + consistent account-wide themes */
body.huda-acc-page{--huda-ink:#172033;--huda-muted:#64748b;--huda-line:#e2e8f0;--huda-card:#fff;--huda-bg:#f7f8fc;}
body.huda-acc-page #content,
body.huda-acc-page .site-content,
body.huda-acc-page main.site-main,
body.huda-acc-page .content-area,
body.huda-acc-page .site-main,
body.huda-acc-page .entry-content,
body.huda-acc-page .woocommerce{width:100%!important;max-width:none!important;min-width:0!important;}
body.huda-acc-page .site-content > .container,
body.huda-acc-page #content > .container,
body.huda-acc-page .site-content > .row,
body.huda-acc-page #content > .row,
body.huda-acc-page .site-content .container,
body.huda-acc-page #content .container{width:100%!important;max-width:100%!important;}
body.huda-acc-page .site-content .row,
body.huda-acc-page #content .row{margin-left:0!important;margin-right:0!important;}
body.huda-acc-page .site-content .content-area,
body.huda-acc-page #content .content-area,
body.huda-acc-page .site-content main,
body.huda-acc-page #content main{float:none!important;flex:0 0 100%!important;width:100%!important;max-width:100%!important;padding-left:clamp(12px,2vw,30px)!important;padding-right:clamp(12px,2vw,30px)!important;}
body.huda-acc-page .widget-area,
body.huda-acc-page .sidebar{display:none!important;}
body.huda-acc-page .woocommerce{grid-template-columns:minmax(220px,280px) minmax(0,1fr)!important;gap:clamp(14px,2vw,28px)!important;}
body.huda-acc-page h1.entry-title,
body.huda-acc-page .page-title{color:var(--huda-ink)!important;}
.huda-theme-switcher{width:100%;min-width:0;}
.huda-theme-switcher__buttons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;}
.huda-theme-switcher__buttons button{white-space:nowrap!important;overflow:hidden;text-overflow:clip;font-size:clamp(9px,1vw,11px)!important;padding:8px 1px!important;line-height:1.2!important;}

/* Dark mode applies to the complete account canvas and all account endpoint panels. */
body.huda-acc-page[data-huda-account-theme="dark"]{background:#0b1020!important;color:#edf2ff!important;}
body.huda-acc-page[data-huda-account-theme="dark"] #content,
body.huda-acc-page[data-huda-account-theme="dark"] .site-content,
body.huda-acc-page[data-huda-account-theme="dark"] main,
body.huda-acc-page[data-huda-account-theme="dark"] .content-area,
body.huda-acc-page[data-huda-account-theme="dark"] .site-main,
body.huda-acc-page[data-huda-account-theme="dark"] .entry-content{background:transparent!important;color:#edf2ff!important;}
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content > *,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content section,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content article,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .card,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content [class*="card"],
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content [class*="panel"],
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content [class*="settings"],
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content [class*="profile"],
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content [class*="account-box"]{background-color:#171e33!important;border-color:#303b59!important;color:#edf2ff!important;}
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content h1,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content h2,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content h3,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content h4,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content label,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content strong,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content p,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content span{color:#edf2ff;}
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content small,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .description{color:#aebbd5!important;}
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content a{color:#a5b4fc;}
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content input,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content select,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content textarea{background:#0f172a!important;border:1px solid #3b4868!important;color:#f8fafc!important;}
body.huda-acc-page[data-huda-account-theme="dark"] .huda-welcome{background:linear-gradient(125deg,#171d3a,#28246a 58%,#4338ca)!important;color:#fff!important;}
body.huda-acc-page[data-huda-account-theme="dark"] .huda-welcome *{color:#fff!important;}
body.huda-acc-page[data-huda-account-theme="dark"] .huda-notice{color:#fff!important;}
body.huda-acc-page[data-huda-account-theme="dark"] .huda-notice *{color:inherit;}

/* Light mode is explicit, including panels styled by the active WordPress theme. */
body.huda-acc-page[data-huda-account-theme="light"]{background:#f5f7fc!important;color:#172033!important;}
body.huda-acc-page[data-huda-account-theme="light"] #content,
body.huda-acc-page[data-huda-account-theme="light"] .site-content,
body.huda-acc-page[data-huda-account-theme="light"] main,
body.huda-acc-page[data-huda-account-theme="light"] .content-area,
body.huda-acc-page[data-huda-account-theme="light"] .site-main,
body.huda-acc-page[data-huda-account-theme="light"] .entry-content{background:transparent!important;color:#172033!important;}
body.huda-acc-page[data-huda-account-theme="light"] .woocommerce-MyAccount-content{color:#172033!important;}
body.huda-acc-page[data-huda-account-theme="light"] .woocommerce-MyAccount-content h1,
body.huda-acc-page[data-huda-account-theme="light"] .woocommerce-MyAccount-content h2,
body.huda-acc-page[data-huda-account-theme="light"] .woocommerce-MyAccount-content h3,
body.huda-acc-page[data-huda-account-theme="light"] .woocommerce-MyAccount-content p,
body.huda-acc-page[data-huda-account-theme="light"] .woocommerce-MyAccount-content label{color:#172033!important;}

@media(max-width:900px){
 body.huda-acc-page .woocommerce{grid-template-columns:minmax(0,1fr)!important;}
 body.huda-acc-page .woocommerce-MyAccount-navigation{width:100%!important;}
 body.huda-acc-page .woocommerce-MyAccount-navigation ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));}
 body.huda-acc-page .huda-theme-switcher{max-width:100%;}
}
@media(max-width:520px){
 body.huda-acc-page .site-content .content-area,
 body.huda-acc-page #content .content-area,
 body.huda-acc-page .site-content main,
 body.huda-acc-page #content main{padding-left:10px!important;padding-right:10px!important;}
 body.huda-acc-page .woocommerce-MyAccount-navigation ul{grid-template-columns:repeat(2,minmax(0,1fr));}
 .huda-theme-switcher__buttons button{font-size:10px!important;}
}


/* v1.1.5 — true full-canvas account layout and premium 3D appearance control */
body.huda-acc-page,
body.huda-acc-page #page,
body.huda-acc-page .site,
body.huda-acc-page #content,
body.huda-acc-page .site-content,
body.huda-acc-page .site-content > .container,
body.huda-acc-page #content > .container,
body.huda-acc-page .site-content .container,
body.huda-acc-page #content .container,
body.huda-acc-page .site-content .row,
body.huda-acc-page #content .row,
body.huda-acc-page .site-content .content-area,
body.huda-acc-page #primary,
body.huda-acc-page #main,
body.huda-acc-page main.site-main,
body.huda-acc-page .site-main,
body.huda-acc-page .entry-content {
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.huda-acc-page .site-content > .container,
body.huda-acc-page #content > .container,
body.huda-acc-page .site-content .container,
body.huda-acc-page #content .container {padding-left:clamp(12px,2vw,28px)!important;padding-right:clamp(12px,2vw,28px)!important;}
body.huda-acc-page .site-content .row,
body.huda-acc-page #content .row {display:block!important;}
body.huda-acc-page .site-content .row > [class*="col-"],
body.huda-acc-page #content .row > [class*="col-"],
body.huda-acc-page #primary,
body.huda-acc-page #main {float:none!important;flex:0 0 100%!important;width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;}
body.huda-acc-page .woocommerce {display:grid!important;grid-template-columns:minmax(245px,285px) minmax(0,1fr)!important;align-items:start!important;width:100%!important;max-width:100%!important;margin:0!important;gap:clamp(16px,2vw,28px)!important;}
body.huda-acc-page .woocommerce-MyAccount-content {width:100%!important;max-width:none!important;min-width:0!important;}
body.huda-acc-page .woocommerce-MyAccount-navigation {width:100%!important;max-width:none!important;}
body.huda-acc-page h1.entry-title,body.huda-acc-page .page-title {margin:0 0 18px!important;padding:0!important;}

/* Theme selector: three raised, tactile controls with dimensional icon medallions. */
body.huda-acc-page .huda-theme-switcher {padding:15px!important;border-radius:20px!important;border:1px solid rgba(130,145,190,.32)!important;background:linear-gradient(145deg,#fff,#e9edfa)!important;box-shadow:8px 8px 18px rgba(36,48,85,.12),-5px -5px 14px rgba(255,255,255,.9),inset 0 1px 0 #fff!important;}
body.huda-acc-page .huda-theme-switcher__title {gap:11px!important;margin-bottom:13px!important;}
body.huda-acc-page .huda-theme-switcher__orb {width:42px!important;height:42px!important;border-radius:14px!important;font-size:21px!important;background:linear-gradient(145deg,#a78bfa,#4f46e5)!important;box-shadow:0 7px 0 #33258f,0 11px 18px rgba(79,70,229,.3),inset 0 2px 2px rgba(255,255,255,.7)!important;}
body.huda-acc-page .huda-theme-switcher__buttons {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;}
body.huda-acc-page .huda-theme-switcher__buttons button {display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:0!important;min-height:70px!important;padding:8px 3px!important;border-radius:13px!important;border:1px solid #d8def0!important;background:linear-gradient(145deg,#fff,#e9edf8)!important;color:#26314b!important;font-size:11px!important;font-weight:800!important;line-height:1.1!important;white-space:normal!important;box-shadow:0 4px 0 #c6cde1,0 7px 12px rgba(25,39,75,.12),inset 0 1px 0 #fff!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;}
body.huda-acc-page .huda-theme-switcher__buttons button:hover {transform:translateY(-2px)!important;filter:brightness(1.03)!important;}
body.huda-acc-page .huda-theme-switcher__buttons button:active {transform:translateY(3px)!important;box-shadow:0 1px 0 #c6cde1,inset 0 2px 4px rgba(20,30,60,.12)!important;}
body.huda-acc-page .huda-mode-icon {display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:10px!important;color:#fff!important;font-size:18px!important;box-shadow:0 4px 0 rgba(20,25,60,.28),0 6px 10px rgba(20,25,60,.18),inset 0 1px 2px rgba(255,255,255,.8)!important;}
body.huda-acc-page .huda-mode-icon--light {background:linear-gradient(145deg,#ffd66b,#f59e0b)!important;}
body.huda-acc-page .huda-mode-icon--dark {background:linear-gradient(145deg,#818cf8,#4338ca)!important;}
body.huda-acc-page .huda-mode-icon--system {background:linear-gradient(145deg,#5eead4,#0f766e)!important;}
body.huda-acc-page .huda-theme-switcher__buttons button.is-active {border-color:#6657e8!important;background:linear-gradient(145deg,#eeeaff,#dcd6ff)!important;color:#3827a8!important;box-shadow:0 4px 0 #7866db,0 8px 15px rgba(79,70,229,.24),inset 0 1px 0 #fff!important;}
body.huda-acc-page .huda-theme-switcher__buttons button.is-active .huda-mode-icon {transform:translateY(-1px) scale(1.04)!important;}

/* Strong, scoped dark palette for the entire HUDA account UI (not the store header/footer). */
body.huda-acc-page[data-huda-account-theme="dark"] {background:#0b1020!important;color:#edf2ff!important;}
body.huda-acc-page[data-huda-account-theme="dark"] #content,
body.huda-acc-page[data-huda-account-theme="dark"] .site-content,
body.huda-acc-page[data-huda-account-theme="dark"] .container,
body.huda-acc-page[data-huda-account-theme="dark"] .row,
body.huda-acc-page[data-huda-account-theme="dark"] #primary,
body.huda-acc-page[data-huda-account-theme="dark"] #main,
body.huda-acc-page[data-huda-account-theme="dark"] main,
body.huda-acc-page[data-huda-account-theme="dark"] .content-area,
body.huda-acc-page[data-huda-account-theme="dark"] .site-main,
body.huda-acc-page[data-huda-account-theme="dark"] .entry-content,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce {background:transparent!important;color:#edf2ff!important;}
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .huda-stat,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .huda-card,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .huda-tile,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content > section,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content > article,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content > div:not(.huda-dash) {background-color:#171e33!important;border-color:#303b59!important;color:#edf2ff!important;}
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .huda-welcome {background:linear-gradient(125deg,#171d3a,#28246a 58%,#4338ca)!important;color:#fff!important;}
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .huda-welcome * {color:#fff!important;}
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content h1,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content h2,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content h3,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content h4,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content p,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content span,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content strong,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content label {color:#edf2ff!important;}
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content a {color:#b9b5ff!important;}
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content input,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content select,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content textarea {background:#0f172a!important;border:1px solid #3b4868!important;color:#f8fafc!important;}
body.huda-acc-page[data-huda-account-theme="dark"] .huda-theme-switcher {background:linear-gradient(145deg,#202a46,#11182c)!important;border-color:#3b4b70!important;box-shadow:8px 8px 18px rgba(0,0,0,.32),-4px -4px 12px rgba(80,100,150,.08),inset 0 1px 0 rgba(255,255,255,.08)!important;}
body.huda-acc-page[data-huda-account-theme="dark"] .huda-theme-switcher__title,
body.huda-acc-page[data-huda-account-theme="dark"] .huda-theme-switcher__title strong {color:#f1f5ff!important;}
body.huda-acc-page[data-huda-account-theme="dark"] .huda-theme-switcher__title small {color:#aebbd5!important;}
body.huda-acc-page[data-huda-account-theme="dark"] .huda-theme-switcher__buttons button {background:linear-gradient(145deg,#263250,#151d33)!important;border-color:#405075!important;color:#eaf0ff!important;box-shadow:0 4px 0 #0b1223,0 7px 12px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1)!important;}
body.huda-acc-page[data-huda-account-theme="dark"] .huda-theme-switcher__buttons button.is-active {background:linear-gradient(145deg,#6555db,#382b91)!important;border-color:#9b8cff!important;color:#fff!important;box-shadow:0 4px 0 #21175e,0 8px 16px rgba(79,70,229,.35),inset 0 1px 0 rgba(255,255,255,.25)!important;}

@media(min-width:1200px){body.huda-acc-page .woocommerce{grid-template-columns:minmax(250px,290px) minmax(0,1fr)!important;}body.huda-acc-page .woocommerce-MyAccount-content{min-height:65vh!important;}}
@media(max-width:900px){body.huda-acc-page .site-content .row,body.huda-acc-page #content .row{display:block!important;}body.huda-acc-page .woocommerce{grid-template-columns:minmax(0,1fr)!important;}body.huda-acc-page .woocommerce-MyAccount-navigation ul{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:520px){body.huda-acc-page .site-content > .container,body.huda-acc-page #content > .container{padding-left:10px!important;padding-right:10px!important;}body.huda-acc-page .huda-theme-switcher__buttons button{min-height:64px!important;font-size:10px!important;}}


/* ==========================================================================
   v1.2.0 — realistic 3D icons only, true full-bleed canvas, premium appearance control
   ========================================================================== */

/* Full-bleed: break out of any theme container so PC screens have no blank side areas. */
html:has(body.huda-acc-page), body.huda-acc-page { overflow-x: clip; }
body.huda-acc-page .woocommerce {
  position: relative;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: clamp(12px, 2.2vw, 40px) clamp(12px, 2.4vw, 44px) clamp(24px, 3vw, 56px) !important;
  min-height: 70vh;
}
body.huda-acc-page .woocommerce > .woocommerce-notices-wrapper,
body.huda-acc-page .woocommerce > .woocommerce-message,
body.huda-acc-page .woocommerce > .woocommerce-error,
body.huda-acc-page .woocommerce > .woocommerce-info { grid-column: 1 / -1; }
@media (min-width: 1500px) {
  body.huda-acc-page .woocommerce { grid-template-columns: minmax(270px, 320px) minmax(0, 1fr) !important; }
  body.huda-acc-page .huda-tiles { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
}
@media (min-width: 901px) {
  body.huda-acc-page .woocommerce-MyAccount-navigation {
    position: sticky; top: 18px; align-self: start;
    max-height: calc(100vh - 36px); overflow-y: auto; scrollbar-width: thin;
  }
}
@media (max-width: 900px) {
  body.huda-acc-page .woocommerce { padding: 12px 10px 28px !important; }
}

/* Only the HUDA 3D icon is allowed in the menu: hide every theme/plugin glyph. */
body.huda-acc-page .woocommerce-MyAccount-navigation li a > i,
body.huda-acc-page .woocommerce-MyAccount-navigation li a > svg,
body.huda-acc-page .woocommerce-MyAccount-navigation li a > img,
body.huda-acc-page .woocommerce-MyAccount-navigation li a > .icon,
body.huda-acc-page .woocommerce-MyAccount-navigation li a > .dashicons,
body.huda-acc-page .woocommerce-MyAccount-navigation li a > [class*="icon"],
body.huda-acc-page .woocommerce-MyAccount-navigation li a > [class*="fa-"],
body.huda-acc-page .woocommerce-MyAccount-navigation li a::after { display: none !important; }
body.huda-acc-page .woocommerce-MyAccount-navigation li a::before { filter: drop-shadow(0 7px 7px rgba(15,23,42,.28)); }

/* Large, crisp 3D icons everywhere */
.huda-ico { width: 72px; height: 72px; filter: drop-shadow(0 12px 10px rgba(15,23,42,.26)); transition: transform .3s cubic-bezier(.2,.8,.2,1); }
.huda-tile:hover .huda-ico { transform: translateY(-4px) scale(1.07) rotate(-2deg); }
.huda-ico--xs { width: 26px; height: 26px; flex: 0 0 26px; filter: drop-shadow(0 3px 3px rgba(0,0,0,.35)); }
.huda-voice { display: inline-flex; align-items: center; gap: 8px; padding: 6px 16px 6px 8px; }
.huda-acc-page .huda-notice__icon { background: none; border: 0; box-shadow: none; width: 56px; height: 56px; flex-basis: 56px; font-size: 0; }
.huda-acc-page .huda-notice__icon .huda-ico { width: 56px; height: 56px; }
.huda-acc-page .woocommerce-MyAccount-navigation li a::before { flex-basis: 44px; width: 44px; height: 44px; }
@media (max-width: 860px) { .huda-acc-page .woocommerce-MyAccount-navigation li a::before { flex-basis: 38px; width: 38px; height: 38px; } }

/* Appearance control: Light / Dark / System with real 3D icons */
body.huda-acc-page .huda-theme-switcher { position: relative; padding: 14px !important; margin: 0 0 12px !important; overflow: hidden; }
body.huda-acc-page .huda-theme-switcher::before { content: ""; position: absolute; width: 150px; height: 150px; right: -60px; top: -80px; border-radius: 50%; background: radial-gradient(circle, rgba(129,117,255,.28), transparent 70%); pointer-events: none; }
body.huda-acc-page .huda-theme-switcher__title { position: relative; }
body.huda-acc-page .huda-theme-switcher__orb { width: 46px !important; height: 46px !important; background: none !important; box-shadow: none !important; font-size: 0 !important; }
body.huda-acc-page .huda-theme-switcher__orb .huda-ico { width: 46px; height: 46px; }
body.huda-acc-page .huda-theme-switcher__buttons button { min-height: 92px !important; gap: 6px !important; position: relative; }
body.huda-acc-page .huda-mode-icon { width: 46px !important; height: 46px !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; font-size: 0 !important; filter: drop-shadow(0 6px 5px rgba(20,25,60,.3)); transition: transform .25s; }
body.huda-acc-page .huda-mode-icon .huda-ico { width: 46px; height: 46px; filter: none; }
body.huda-acc-page .huda-theme-switcher__buttons button:hover .huda-mode-icon { transform: translateY(-2px) scale(1.06); }
body.huda-acc-page .huda-theme-switcher__buttons button.is-active::after { content: ""; position: absolute; left: 50%; bottom: 5px; width: 18px; height: 4px; margin-left: -9px; border-radius: 4px; background: linear-gradient(90deg, #8175ff, #4938bd); box-shadow: 0 0 8px rgba(129,117,255,.8); }
body.huda-acc-page .huda-theme-switcher__buttons .huda-mode-label { font-size: 12px; letter-spacing: .02em; }
@media (max-width: 900px) { body.huda-acc-page .huda-theme-switcher__buttons button { min-height: 84px !important; } }

/* Dark mode: also cover native WooCommerce tables, notices, address boxes and the theme canvas. */
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content table,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content table th,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content table td { background: #171e33 !important; color: #edf2ff !important; border-color: #303b59 !important; }
body.huda-acc-page[data-huda-account-theme="dark"] .huda-table-scroll { background: #171e33; border-color: #303b59; }
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-message,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-info,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-error { background: #171e33 !important; color: #edf2ff !important; border-color: #4338ca !important; }
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-navigation { background: #141a2e; }
body.huda-acc-page[data-huda-account-theme="dark"] .huda-ico { filter: drop-shadow(0 10px 10px rgba(0,0,0,.55)); }
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content [class*="huda-"] .huda-ico,
body.huda-acc-page[data-huda-account-theme="dark"] .huda-mode-icon .huda-ico { background-color: transparent !important; }
body.huda-acc-page[data-huda-account-theme="dark"] .huda-notice__icon { background: none !important; }
body.huda-acc-page { transition: background-color .35s ease, color .35s ease; }
@media (prefers-reduced-motion: reduce) { body.huda-acc-page, .huda-ico { transition: none !important; } }

/* v1.2.1 — fix: dark mode painted solid boxes behind text inside cards. Children stay transparent. */
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .huda-welcome *:not(.huda-voice):not(.huda-ico),
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .huda-notice__body,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .huda-notice__body *,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .huda-notice__icon,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .huda-stat *,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .huda-tile > *:not(.huda-ico),
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .huda-card > *:not(.huda-orders):not(.huda-link):not(.huda-ico),
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .huda-info *,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .huda-order > *,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .huda-support > *:not(.huda-ico) {
  background: none !important;
  background-color: transparent !important;
}
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .huda-welcome *:not(.huda-voice):not(.huda-ico) { border-color: transparent !important; }
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .huda-welcome { background: linear-gradient(125deg,#171d3a,#28246a 58%,#4338ca) !important; }
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .huda-voice { background: rgba(255,255,255,.18) !important; }
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .huda-notice { background: linear-gradient(125deg,#111936 0%,#25205f 48%,#4338ca 100%) !important; }
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .huda-stat--wallet { background: linear-gradient(135deg,#123b43,#14504c) !important; }
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .huda-support { background: linear-gradient(135deg,#22c55e,#15803d) !important; }
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .huda-order { background: #222941 !important; }
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .huda-support * { color: #fff !important; }

body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content,
body.huda-acc-page[data-huda-account-theme="dark"] .woocommerce-MyAccount-content .huda-dash{background:transparent!important}

/* v1.2.1 — light mode: headings on the gradient welcome/notice/support cards must stay white. */
body.huda-acc-page[data-huda-account-theme="light"] .woocommerce-MyAccount-content .huda-welcome,
body.huda-acc-page[data-huda-account-theme="light"] .woocommerce-MyAccount-content .huda-welcome *:not(.huda-ico),
body.huda-acc-page[data-huda-account-theme="light"] .woocommerce-MyAccount-content .huda-notice,
body.huda-acc-page[data-huda-account-theme="light"] .woocommerce-MyAccount-content .huda-notice *:not(.huda-ico),
body.huda-acc-page[data-huda-account-theme="light"] .woocommerce-MyAccount-content .huda-support,
body.huda-acc-page[data-huda-account-theme="light"] .woocommerce-MyAccount-content .huda-support *:not(.huda-ico) { color: #fff !important; }
body.huda-acc-page[data-huda-account-theme="light"] .woocommerce-MyAccount-content .huda-notice__eyebrow { color: #c4b5fd !important; }
body.huda-acc-page[data-huda-account-theme="light"] .woocommerce-MyAccount-content .huda-notice h3 span { color: #ddd6fe !important; }