/* =====================================================
   صفحه ورود / ثبت‌نام
   ===================================================== */

#customer_login{

	max-width:920px;

	margin:40px auto;

	display:grid;

	grid-template-columns:1fr 1fr;

	background:#fff;

	border-radius:28px;

	overflow:hidden;

	box-shadow:var(--shadow-lg);

	border:1px solid #f0f2f5;

	align-items:stretch;

}

#customer_login .u-column1:only-child,
#customer_login .u-column2:only-child{

	grid-column:1 / -1;

	max-width:440px;

	margin:0 auto;

	width:100%;

}

#customer_login .u-column1,
#customer_login .u-column2{

	padding:42px 36px;

}

#customer_login .u-column2{

	background:var(--background);

	border-right:1px solid #eef0f2;

}

#customer_login h2{

	display:flex;

	align-items:center;

	gap:8px;

	font-size:19px;

	font-weight:900;

	margin-bottom:22px;

	color:var(--dark);

}

#customer_login .u-column1 h2:before{
	content:'🔑';
}

#customer_login .u-column2 h2:before{
	content:'📝';
}

#customer_login .form-row{
	margin-bottom:16px;
}

#customer_login label{

	display:block;

	font-size:12.5px;

	font-weight:700;

	color:var(--dark);

	margin-bottom:6px;

}

#customer_login input.input-text{

	width:100%;

	height:48px;

	border-radius:14px;

	border:1px solid #e5e7eb;

	background:#fff;

	padding:0 16px;

	font-size:13.5px;

	transition:border-color .2s, box-shadow .2s;

}

#customer_login .u-column2 input.input-text{

	background:#fff;

}

#customer_login input.input-text:focus{

	outline:none;

	border-color:var(--primary);

	box-shadow:0 0 0 3px rgba(230,57,70,.1);

}

#customer_login .woocommerce-form-login__rememberme{

	display:flex;

	align-items:center;

	gap:6px;

	font-size:12.5px;

	color:var(--gray);

	margin-bottom:0;

}

#customer_login .woocommerce-form-login__rememberme input{

	accent-color:var(--primary);

	width:15px;

	height:15px;

}

#customer_login .woocommerce-LostPassword{

	font-size:12.5px;

	margin-top:10px;

}

#customer_login .woocommerce-LostPassword a{

	color:var(--primary);

	font-weight:700;

}

#customer_login button[type="submit"]{

	width:100%;

	background:var(--primary-gradient);

	color:#fff;

	border:none;

	border-radius:16px;

	padding:14px;

	font-weight:800;

	font-size:14.5px;

	cursor:pointer;

	margin-top:6px;

	box-shadow:0 15px 32px rgba(230,57,70,.25);

	transition:transform .2s var(--ease), box-shadow .2s var(--ease);
}

#customer_login .u-column1 button[type="submit"]:before{
	content:'🔓 ';
}

#customer_login .u-column2 button[type="submit"]{

	background:linear-gradient(135deg,var(--success),#22b6a3);

	box-shadow:0 15px 32px rgba(15,157,120,.25);

}

#customer_login .u-column2 button[type="submit"]:before{
	content:'✅ ';
}

#customer_login button[type="submit"]:hover{

	transform:translateY(-2px);

}

#customer_login .woocommerce-privacy-policy-text{

	font-size:11.5px;

	color:var(--gray);

	margin-top:14px;

	line-height:1.9;

}

@media(max-width:768px){

	#customer_login{

		grid-template-columns:1fr;

		margin:20px auto;

	}

	#customer_login .u-column2{

		border-right:none;

		border-top:1px solid #eef0f2;

	}

}

/* =====================================================
   هدر خوش‌آمدگویی پنل کاربری
   ===================================================== */

.horam-account-page{
	max-width:1200px;
	margin:30px auto 60px;
	padding:0 20px;
}

.horam-account-header{
	display:flex;
	align-items:center;
	gap:16px;
	background:linear-gradient(135deg,#1c1f26,#2c313d);
	border-radius:22px;
	padding:22px 26px;
	color:#fff;
	margin-bottom:22px;
}

.horam-account-avatar img{
	width:64px;
	height:64px;
	border-radius:50%;
	border:3px solid rgba(255,255,255,.25);
}

.horam-account-header-text h2{
	font-size:18px;
	font-weight:800;
	margin-bottom:4px;
}

.horam-account-header-text p{
	font-size:12.5px;
	opacity:.75;
}

/* =====================================================
   چیدمان کلی
   ===================================================== */

.horam-account-layout{
	display:grid;
	grid-template-columns:250px 1fr;
	gap:22px;
	align-items:start;
}

/* =====================================================
   نویگیشن سایدبار
   ===================================================== */

.horam-account-nav{
	background:#fff;
	border-radius:20px;
	border:1px solid #f0f2f5;
	box-shadow:var(--shadow-sm);
	padding:10px;
	position:sticky;
	top:20px;
}

.horam-account-nav ul{
	list-style:none;
	margin:0;
	padding:0;
}

.horam-account-nav li{
	margin-bottom:2px;
}

.horam-account-nav li a{
	display:flex;
	align-items:center;
	gap:10px;
	padding:12px 14px;
	border-radius:14px;
	color:#444;
	font-size:13.5px;
	font-weight:700;
	text-decoration:none;
	transition:background .15s, color .15s;
}

.horam-account-nav li a:before{
	font-size:16px;
	width:20px;
	text-align:center;
	flex:0 0 20px;
}

.horam-account-nav li.woocommerce-MyAccount-navigation-link--dashboard a:before{ content:'🏠'; }
.horam-account-nav li.woocommerce-MyAccount-navigation-link--orders a:before{ content:'📦'; }
.horam-account-nav li.woocommerce-MyAccount-navigation-link--downloads a:before{ content:'⬇️'; }
.horam-account-nav li.woocommerce-MyAccount-navigation-link--edit-address a:before{ content:'📍'; }
.horam-account-nav li.woocommerce-MyAccount-navigation-link--payment-methods a:before{ content:'💳'; }
.horam-account-nav li.woocommerce-MyAccount-navigation-link--edit-account a:before{ content:'⚙️'; }
.horam-account-nav li.woocommerce-MyAccount-navigation-link--customer-logout a:before{ content:'🚪'; }

.horam-account-nav li a:hover{
	background:var(--background);
	color:var(--primary);
}

.horam-account-nav li.is-active a{
	background:var(--primary-gradient);
	color:#fff;
	box-shadow:0 8px 18px rgba(230,57,70,.25);
}

/* =====================================================
   محتوای اصلی
   ===================================================== */

.horam-account-content{
	background:#fff;
	border-radius:20px;
	border:1px solid #f0f2f5;
	box-shadow:var(--shadow-sm);
	padding:26px;
	min-height:300px;
}

.horam-account-content h1,
.horam-account-content h2,
.horam-account-content h3{
	font-weight:800;
	color:var(--dark);
	margin-bottom:16px;
}

.horam-account-content > p:first-child{
	color:var(--gray);
	line-height:2;
}

.horam-account-content mark{
	background:none;
	color:var(--primary);
	font-weight:800;
}

.horam-account-content a{
	color:var(--primary);
}

/* =====================================================
   جدول سفارش‌ها
   ===================================================== */

.woocommerce-orders-table,
table.shop_table{
	width:100%;
	border-collapse:separate;
	border-spacing:0 8px;
}

.woocommerce-orders-table thead th,
table.shop_table thead th{
	background:transparent;
	color:var(--gray);
	font-size:12.5px;
	font-weight:700;
	padding:0 14px 8px;
	text-align:center;
	border:none;
}

.woocommerce-orders-table tbody tr,
table.shop_table tbody tr{
	background:var(--background);
}

.woocommerce-orders-table tbody td,
table.shop_table tbody td{
	border:none;
	padding:14px;
	text-align:center;
	font-size:13px;
	vertical-align:middle;
}

.woocommerce-orders-table tbody tr td:first-child,
table.shop_table tbody tr td:first-child{
	border-radius:14px 0 0 14px;
}

.woocommerce-orders-table tbody tr td:last-child,
table.shop_table tbody tr td:last-child{
	border-radius:0 14px 14px 0;
}

.woocommerce-orders-table__cell-order-status mark.completed,
.order-status.status-completed{
	color:#0f9d78;
	font-weight:800;
	background:none;
}

.woocommerce-orders-table__cell-order-status mark.processing,
.order-status.status-processing{
	color:#2563eb;
	font-weight:800;
	background:none;
}

.woocommerce-orders-table__cell-order-status mark.cancelled,
.woocommerce-orders-table__cell-order-status mark.failed,
.order-status.status-cancelled,
.order-status.status-failed{
	color:var(--primary);
	font-weight:800;
	background:none;
}

.woocommerce-orders-table__cell-order-status mark.on-hold,
.woocommerce-orders-table__cell-order-status mark.pending,
.order-status.status-on-hold,
.order-status.status-pending{
	color:#c9922a;
	font-weight:800;
	background:none;
}

.woocommerce-orders-table__cell-order-actions .button,
.woocommerce-button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:var(--primary-gradient);
	color:#fff !important;
	padding:8px 16px;
	border-radius:12px;
	font-size:12px;
	font-weight:700;
	text-decoration:none;
	transition:transform .2s var(--ease);
	margin:2px;
}

.woocommerce-orders-table__cell-order-actions .button:hover,
.woocommerce-button:hover{
	transform:translateY(-2px);
}

.woocommerce-orders-table__cell-order-actions .button.pay,
.woocommerce-button.pay{
	background:linear-gradient(135deg,var(--success),#22b6a3);
}

.woocommerce-orders-table__cell-order-actions .button.cancel,
.woocommerce-button.cancel{
	background:#9aa3af;
}

/* =====================================================
   فرم‌ها (ادیت حساب، آدرس، ورود/ثبت‌نام)
   ===================================================== */

.horam-account-content .form-row label,
.woocommerce-form-login label,
.woocommerce-form-register label,
.woocommerce-address-fields label{
	display:block;
	font-size:12.5px;
	font-weight:700;
	color:var(--dark);
	margin-bottom:6px;
}

.horam-account-content input.input-text,
.horam-account-content select,
.horam-account-content textarea,
.woocommerce-form-login input.input-text,
.woocommerce-form-register input.input-text{
	width:100%;
	height:46px;
	border-radius:12px;
	border:1px solid #e5e7eb;
	background:var(--background);
	padding:0 14px;
	font-size:13.5px;
	transition:border-color .2s;
}

.horam-account-content textarea{
	height:auto;
	padding:12px 14px;
}

.horam-account-content input.input-text:focus,
.horam-account-content select:focus,
.horam-account-content textarea:focus,
.woocommerce-form-login input.input-text:focus,
.woocommerce-form-register input.input-text:focus{
	outline:none;
	border-color:var(--primary);
}

.horam-account-content fieldset{
	border:1px solid #eef0f2;
	border-radius:16px;
	padding:16px;
	margin-top:16px;
}

.horam-account-content fieldset legend{
	font-weight:800;
	padding:0 8px;
}

.horam-account-content button[type="submit"],
.woocommerce-form-login button[type="submit"],
.woocommerce-form-register button[type="submit"]{
	background:var(--primary-gradient);
	color:#fff;
	border:none;
	border-radius:14px;
	padding:12px 26px;
	font-weight:800;
	font-size:14px;
	cursor:pointer;
	box-shadow:0 10px 24px rgba(230,57,70,.25);
	transition:transform .2s var(--ease);
}

.horam-account-content button[type="submit"]:hover,
.woocommerce-form-login button[type="submit"]:hover,
.woocommerce-form-register button[type="submit"]:hover{
	transform:translateY(-2px);
}

/* آدرس‌ها */

.woocommerce-Address{
	background:var(--background);
	border-radius:16px;
	padding:18px;
	margin-top:14px;
	position:relative;
}

.woocommerce-Address-title{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:10px;
}

.woocommerce-Address-title h3{
	margin-bottom:0 !important;
	font-size:15px;
}

.woocommerce-Addresses{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:16px;
}

/* اعلان‌ها */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews{
	background:#eef6ff;
	border:1px solid #d6e9fb;
	color:#1d5e94;
	border-radius:14px;
	padding:14px 18px;
	list-style:none;
	margin-bottom:18px;
	display:flex;
	align-items:center;
	gap:10px;
	flex-wrap:wrap;
}

.woocommerce-message:before{ content:'✅'; }
.woocommerce-info:before{ content:'ℹ️'; }

.woocommerce-error{
	background:#fdf2f2;
	border-color:#f6d0d3;
	color:var(--primary-dark);
}

.woocommerce-error li{
	list-style:none;
}

.woocommerce-message .button,
.woocommerce-error .button{
	margin-right:auto;
	background:currentColor;
}

/* ورود / ثبت‌نام */

.woocommerce-form-login,
.woocommerce-form-register{
	background:var(--background);
	border-radius:16px;
	padding:20px;
}

.u-columns.woocommerce-Addresses,
.u-columns{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
}

.woocommerce-form-login .form-row,
.woocommerce-form-register .form-row{
	margin-bottom:14px;
}

/* =====================================================
   واکنش‌گرا
   ===================================================== */

@media(max-width:900px){

	.horam-account-layout{
		grid-template-columns:1fr;
	}

	.horam-account-nav{
		position:static;
	}

	.horam-account-nav ul{
		display:flex;
		overflow-x:auto;
		gap:4px;
	}

	.horam-account-nav li{
		flex:0 0 auto;
	}

	.woocommerce-Addresses,
	.u-columns{
		grid-template-columns:1fr;
	}

	.woocommerce-orders-table,
	.woocommerce-orders-table thead,
	.woocommerce-orders-table tbody,
	table.shop_table,
	table.shop_table thead,
	table.shop_table tbody{
		display:block;
		width:100%;
	}

	.woocommerce-orders-table thead,
	table.shop_table thead{
		display:none;
	}

	.woocommerce-orders-table tr,
	table.shop_table tr{
		display:block;
		background:var(--background);
		border-radius:14px;
		padding:12px;
		margin-bottom:10px;
	}

	.woocommerce-orders-table td,
	table.shop_table td{
		display:flex;
		justify-content:space-between;
		align-items:center;
		text-align:left;
		padding:8px 4px;
		border-radius:0 !important;
	}

	.woocommerce-orders-table td:before,
	table.shop_table td:before{
		content:attr(data-title);
		font-weight:700;
		color:var(--gray);
		font-size:12px;
	}

}