/* =========================================================
   Solve Skin Care - Account / Wishlist / Compare
   ========================================================= */
body.woocommerce-account .woocommerce,
body.woocommerce-wishlist .site-content,
body .wd-compare-table{
	max-width:1240px;
	margin-inline:auto;
}
body.woocommerce-account .woocommerce{
	display:grid;
	grid-template-columns:minmax(240px,300px) minmax(0,1fr);
	gap:22px;
}
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account form.login,
body.woocommerce-account form.register{
	border:1px solid var(--solve-line);
	border-radius:24px;
	background:rgba(255,255,255,.92);
	box-shadow:0 16px 38px rgba(56,37,27,.07);
}
body.woocommerce-account .woocommerce-MyAccount-navigation{
	padding:14px;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li a{
	display:flex;min-height:44px;align-items:center;padding:0 14px;border-radius:14px;font-weight:800;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{
	background:rgba(191,47,134,.09);color:var(--solve-rose);
}
body.woocommerce-account .woocommerce-MyAccount-content{padding:clamp(16px,3vw,28px);}
body.woocommerce-account .woocommerce-orders-table tbody tr,
body.woocommerce-wishlist .wishlist_table tbody tr,
body .wd-compare-table tbody tr{
	transition:transform .18s ease,background-color .18s ease;
}
body.woocommerce-account .woocommerce-orders-table tbody tr:hover,
body.woocommerce-wishlist .wishlist_table tbody tr:hover,
body .wd-compare-table tbody tr:hover{
	background:rgba(191,47,134,.04);transform:translateY(-1px);
}
@media (max-width:768px){
	body.woocommerce-account .woocommerce{display:block;}
	body.woocommerce-account .woocommerce-MyAccount-navigation{margin-bottom:16px;}
}

/* =========================================================
   Account layout QA fix
   ========================================================= */
body.woocommerce-account .main-page-wrapper .container,
body.woocommerce-account .site-content,
body.woocommerce-account .woocommerce{
	width:100% !important;
	max-width:1240px !important;
}
body.woocommerce-account .woocommerce{
	grid-template-columns:280px minmax(0,1fr) !important;
	align-items:start;
	margin-inline:auto;
}
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content{
	float:none !important;
	width:100% !important;
	max-width:none !important;
	min-width:0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content{
	min-height:360px;
}
@media (max-width:768px){
	body.woocommerce-account .woocommerce{display:block !important;}
}


/* My Account desktop layout fix: Woodmart wraps nav/content inside .wd-my-account-wrapper.
   Keep .woocommerce as a normal container; place the actual wrapper into two stable columns. */
body.woocommerce-account .woocommerce{
	display:block !important;
	width:100% !important;
	max-width:1240px !important;
	margin-inline:auto !important;
}
body.woocommerce-account .wd-my-account-wrapper{
	display:grid !important;
	grid-template-columns:minmax(260px,300px) minmax(0,1fr) !important;
	gap:22px !important;
	align-items:start !important;
	width:100% !important;
	max-width:1240px !important;
	margin-inline:auto !important;
}
body.woocommerce-account .wd-my-account-wrapper > .wd-my-account-sidebar,
body.woocommerce-account .wd-my-account-wrapper > .woocommerce-MyAccount-content{
	grid-column:auto / span 1 !important;
	float:none !important;
	width:100% !important;
	max-width:none !important;
	min-width:0 !important;
}
body.woocommerce-account .wd-my-account-sidebar{
	padding-inline-end:0 !important;
	border-inline-end:0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul{
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li a{
	width:100% !important;
	justify-content:flex-start !important;
	gap:10px !important;
	white-space:normal !important;
}
@media (max-width:768px){
	body.woocommerce-account .wd-my-account-wrapper{
		display:block !important;
	}
	body.woocommerce-account .wd-my-account-sidebar{
		margin-bottom:16px !important;
	}
}

/* Header account dropdown - keep it compact and independent from page account styles */
.wd-header-my-account .wd-dropdown-my-account{
	min-width:240px !important;
	max-width:270px !important;
	padding:10px !important;
	border-radius:20px !important;
	background:rgba(255,255,255,.98) !important;
	border:1px solid var(--solve-line) !important;
	box-shadow:0 18px 40px rgba(56,37,27,.14) !important;
}
.wd-header-my-account .wd-dropdown-my-account .wd-sub-menu{
	padding:0 !important;
	margin:0 !important;
}
.wd-header-my-account .wd-dropdown-my-account .wd-sub-menu li{
	margin:3px 0 !important;
}
.wd-header-my-account .wd-dropdown-my-account .wd-sub-menu li a{
	display:flex !important;
	align-items:center !important;
	min-height:38px !important;
	padding:0 12px !important;
	border-radius:12px !important;
	color:var(--solve-ink) !important;
	font-weight:700 !important;
	white-space:normal !important;
}
.wd-header-my-account .wd-dropdown-my-account .wd-sub-menu li a:hover{
	background:rgba(191,47,134,.08) !important;
	color:var(--solve-rose) !important;
}