/* Mansurge My Account v1.0 — Luxury Final */

.ms-account-page{
	--bg:#0b1010;
	--panel:#111717;
	--panel2:#151c1c;
	--line:rgba(197,165,114,.18);
	--softline:rgba(255,255,255,.07);
	--gold:#c5a572;
	--gold2:#d8bc8c;
	--white:#f5f3ee;
	--soft:#c8cccc;
	--muted:#858d8d;
	background:var(--bg);
	color:var(--white);
	overflow:hidden;
}

.ms-account-page *,
.ms-account-page *::before,
.ms-account-page *::after{
	box-sizing:border-box;
}

.ms-account-page a{
	color:inherit;
	text-decoration:none;
}

.ms-account-shell{
	width:min(1180px,calc(100% - 48px));
	margin-inline:auto;
}

.ms-account-eyebrow{
	margin:0 0 17px;
	color:var(--gold);
	font-size:12px;
	font-weight:700;
	letter-spacing:.16em;
	text-transform:uppercase;
}

.ms-account-hero{
	padding:clamp(76px,9vw,128px) 0 70px;
}

.ms-account-hero-grid{
	display:grid;
	grid-template-columns:minmax(0,1fr) 310px;
	gap:70px;
	align-items:end;
}

.ms-account-hero h1{
	max-width:860px;
	margin:0 0 24px;
	font-size:clamp(46px,6vw,80px);
	line-height:.98;
	letter-spacing:-.045em;
	text-wrap:balance;
}

.ms-account-hero h1 span{
	color:var(--gold);
}

.ms-account-lead{
	max-width:680px;
	margin:0;
	color:var(--soft);
	font-size:17px;
	line-height:1.8;
}

.ms-account-reference{
	padding:24px 0 5px 26px;
	border-left:1px solid var(--line);
}

.ms-account-reference span{
	display:block;
	margin-bottom:30px;
	color:var(--gold);
	font-size:11px;
	letter-spacing:.12em;
}

.ms-account-reference p{
	margin:0;
	color:var(--muted);
	font-size:13px;
	line-height:1.7;
}

.ms-account-commerce{
	padding:20px 0 100px;
}

.ms-account-native .woocommerce{
	color:var(--white);
}

/* Guest Login / Register */
.ms-account-native #customer_login{
	display:grid!important;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:20px;
	width:100%!important;
}

.ms-account-native #customer_login .u-column1,
.ms-account-native #customer_login .u-column2{
	float:none!important;
	width:100%!important;
	padding:30px!important;
	border:1px solid var(--line);
	border-radius:24px;
	background:var(--panel);
}

.ms-account-native #customer_login h2{
	margin:0 0 24px!important;
	color:var(--white)!important;
	font-size:30px!important;
	letter-spacing:-.025em;
}

.ms-account-native form.login,
.ms-account-native form.register,
.ms-account-native form.woocommerce-EditAccountForm,
.ms-account-native form.woocommerce-address-fields{
	margin:0!important;
	padding:0!important;
	border:0!important;
}

.ms-account-native .form-row{
	margin:0 0 16px!important;
	padding:0!important;
}

.ms-account-native label{
	display:block;
	margin-bottom:7px!important;
	color:var(--gold2)!important;
	font-size:12px!important;
	font-weight:600!important;
}

.ms-account-native input.input-text,
.ms-account-native input[type="password"],
.ms-account-native input[type="email"],
.ms-account-native input[type="text"],
.ms-account-native select,
.ms-account-native .select2-container .select2-selection--single{
	width:100%!important;
	min-height:50px!important;
	border:1px solid var(--line)!important;
	border-radius:13px!important;
	background:#0d1313!important;
	color:var(--white)!important;
	box-shadow:none!important;
}

.ms-account-native input.input-text,
.ms-account-native input[type="password"],
.ms-account-native input[type="email"],
.ms-account-native input[type="text"]{
	padding:12px 14px!important;
}

.ms-account-native input:focus,
.ms-account-native select:focus{
	border-color:rgba(197,165,114,.5)!important;
	outline:0!important;
	box-shadow:0 0 0 4px rgba(197,165,114,.05)!important;
}

.ms-account-native .woocommerce-button,
.ms-account-native button.button,
.ms-account-native a.button{
	min-height:48px!important;
	padding:12px 20px!important;
	border:1px solid var(--gold)!important;
	border-radius:999px!important;
	background:var(--gold)!important;
	color:#0b1010!important;
	font-weight:800!important;
}

.ms-account-native .woocommerce-LostPassword a{
	color:var(--gold2)!important;
	font-size:12px;
}

/* Logged-in account shell */
.ms-account-native .woocommerce-MyAccount-navigation{
	float:none!important;
	width:100%!important;
	margin:0 0 22px!important;
}

.ms-account-native .woocommerce-MyAccount-navigation ul{
	display:flex;
	flex-wrap:wrap;
	gap:9px;
	margin:0!important;
	padding:0!important;
	list-style:none!important;
}

.ms-account-native .woocommerce-MyAccount-navigation li{
	margin:0!important;
	padding:0!important;
}

.ms-account-native .woocommerce-MyAccount-navigation a{
	display:inline-flex;
	min-height:44px;
	align-items:center;
	padding:10px 16px;
	border:1px solid var(--line);
	border-radius:999px;
	color:var(--soft)!important;
	font-size:12px;
	font-weight:700;
}

.ms-account-native .woocommerce-MyAccount-navigation li.is-active a,
.ms-account-native .woocommerce-MyAccount-navigation a:hover{
	border-color:var(--gold);
	background:rgba(197,165,114,.07);
	color:var(--gold2)!important;
}

.ms-account-native .woocommerce-MyAccount-content{
	float:none!important;
	width:100%!important;
	min-height:320px;
	padding:30px!important;
	border:1px solid var(--line);
	border-radius:24px;
	background:var(--panel);
}

.ms-account-native .woocommerce-MyAccount-content>p:first-child{
	margin-top:0;
}

.ms-account-native .woocommerce-MyAccount-content p{
	color:var(--soft);
	line-height:1.75;
}

.ms-account-native .woocommerce-MyAccount-content a{
	color:var(--gold2);
}

.ms-account-native .woocommerce-MyAccount-content h2,
.ms-account-native .woocommerce-MyAccount-content h3{
	color:var(--white)!important;
	letter-spacing:-.02em;
}

/* Orders */
.ms-account-native table.shop_table{
	width:100%;
	border:0!important;
	border-collapse:collapse!important;
	background:transparent!important;
	color:var(--white)!important;
}

.ms-account-native table.shop_table th,
.ms-account-native table.shop_table td{
	padding:15px 12px!important;
	border:0!important;
	border-bottom:1px solid var(--softline)!important;
	background:transparent!important;
}

.ms-account-native table.shop_table th{
	color:var(--gold)!important;
	font-size:11px!important;
	letter-spacing:.08em;
	text-transform:uppercase;
}

.ms-account-native table.shop_table td{
	color:var(--soft)!important;
	font-size:13px!important;
}

.ms-account-native table.shop_table td a{
	color:var(--white)!important;
	font-weight:600;
}

.ms-account-native table.shop_table .button{
	min-height:38px!important;
	padding:8px 14px!important;
	font-size:11px!important;
}

/* Addresses */
.ms-account-native .woocommerce-Addresses{
	display:grid!important;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:18px;
}

.ms-account-native .woocommerce-Address{
	float:none!important;
	width:100%!important;
	padding:24px!important;
	border:1px solid var(--line);
	border-radius:20px;
	background:var(--panel2);
}

.ms-account-native .woocommerce-Address-title h3{
	margin-top:0!important;
}

.ms-account-native address{
	color:var(--soft)!important;
	font-style:normal!important;
	line-height:1.75!important;
}

/* Notices */
.ms-account-native .woocommerce-error,
.ms-account-native .woocommerce-info,
.ms-account-native .woocommerce-message{
	position:relative!important;
	margin:0 0 20px!important;
	padding:16px 18px 16px 54px!important;
	border:1px solid var(--line)!important;
	border-top:1px solid var(--line)!important;
	border-radius:16px!important;
	background:var(--panel)!important;
	color:var(--soft)!important;
}

.ms-account-native .woocommerce-error::before,
.ms-account-native .woocommerce-info::before,
.ms-account-native .woocommerce-message::before{
	position:absolute!important;
	left:20px!important;
	top:50%!important;
	margin:0!important;
	transform:translateY(-50%)!important;
	line-height:1!important;
}

/* Account feature cards */
.ms-account-confidence{
	padding:84px 0;
	border-top:1px solid var(--softline);
}

.ms-account-confidence-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:18px;
}

.ms-account-confidence-grid>div{
	min-height:220px;
	padding:28px;
	border:1px solid var(--line);
	border-radius:22px;
	background:var(--panel);
}

.ms-account-confidence-grid span{
	display:block;
	margin-bottom:50px;
	color:var(--gold);
	font-size:11px;
	letter-spacing:.12em;
}

.ms-account-confidence-grid strong{
	display:block;
	margin-bottom:10px;
	font-size:18px;
}

.ms-account-confidence-grid p{
	margin:0;
	color:var(--muted);
	font-size:14px;
	line-height:1.7;
}

@media(max-width:980px){

	.ms-account-hero-grid{
		grid-template-columns:1fr;
		gap:36px;
	}

	.ms-account-reference{
		max-width:500px;
	}

	.ms-account-confidence-grid{
		grid-template-columns:1fr 1fr;
	}

}

@media(max-width:767px){

	.ms-account-shell{
		width:min(100% - 30px,1180px);
	}

	.ms-account-hero{
		padding:56px 0 44px;
	}

	.ms-account-hero h1{
		font-size:clamp(40px,12.5vw,58px);
	}

	.ms-account-commerce{
		padding-bottom:72px;
	}

	.ms-account-native #customer_login{
		grid-template-columns:1fr;
	}

	.ms-account-native #customer_login .u-column1,
	.ms-account-native #customer_login .u-column2,
	.ms-account-native .woocommerce-MyAccount-content{
		padding:22px 18px!important;
		border-radius:19px;
	}

	.ms-account-native .woocommerce-MyAccount-navigation ul{
		display:grid;
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	.ms-account-native .woocommerce-MyAccount-navigation a{
		width:100%;
		justify-content:center;
		text-align:center;
	}

	.ms-account-native table.shop_table_responsive tr{
		display:block!important;
		padding:12px 0!important;
		border-bottom:1px solid var(--softline);
	}

	.ms-account-native table.shop_table_responsive tr td{
		display:block!important;
		width:100%!important;
		padding:9px 0!important;
		text-align:right!important;
	}

	.ms-account-native table.shop_table_responsive tr td::before{
		color:var(--muted)!important;
		font-size:11px;
	}

	.ms-account-native .woocommerce-Addresses{
		grid-template-columns:1fr;
	}

	.ms-account-native .woocommerce-error,
	.ms-account-native .woocommerce-info,
	.ms-account-native .woocommerce-message{
		padding-left:50px!important;
	}

	.ms-account-native .woocommerce-error::before,
	.ms-account-native .woocommerce-info::before,
	.ms-account-native .woocommerce-message::before{
		left:18px!important;
	}

	.ms-account-confidence{
		padding:65px 0;
	}

	.ms-account-confidence-grid{
		grid-template-columns:1fr;
	}

	.ms-account-confidence-grid>div{
		min-height:0;
	}

	.ms-account-confidence-grid span{
		margin-bottom:30px;
	}

}

@media(max-width:390px){

	.ms-account-native .woocommerce-MyAccount-navigation ul{
		grid-template-columns:1fr;
	}

}