/* ASP.NET site additions. Loaded after redesign.css, which stays an unchanged copy of the WordPress stylesheet.
   Each new page that needs extra rules gets its own headed section at the end. */

/* the WordPress theme reset the default 8px body margin; here nothing does */
body { margin: 0; }

/* mobile header: menu button on the right edge, logo on the left (redesign.css pushed the button to the left) */
@media (max-width: 767px) {
  .araz-burger { order: -1; margin-inline-start: 0; margin-inline-end: auto; }
}

/* ---- accounts (milestone 3) ---- */
/* registration page: messages and the show-password button (WooCommerce drew its own icon with JS/CSS) */
body.araz-reg .araz-reg-msg{margin:0 0 18px;padding:12px 16px;border:1px solid #f3c1be;border-radius:12px;background:#fdeeee;color:#a52a22;font-size:14px;line-height:1.9}
body.araz-reg .araz-reg-err{display:block;margin:6px 0 0;color:#c0392b;font-size:12.5px;line-height:1.8}
body.araz-reg form.woocommerce-form-register .show-password-input::after{content:"";width:20px;height:20px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/><circle cx='12' cy='12' r='3'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/><circle cx='12' cy='12' r='3'/></svg>") center/contain no-repeat}
body.araz-reg form.woocommerce-form-register .show-password-input.display-password{color:var(--blue)}

/* logged-in home: side account card (provisional, replaces the Login With Ajax panel) */

/* Home page account card: panel rules copied from the old Login With Ajax widget.css ("New User Panel" block) */
.lwa{margin-bottom:10px}
.lwa-panel{
	font-family: IranSansWeb, Tahoma, Arial, sans-serif;
	max-width:340px;
	margin:0 auto;
	background:#ffffff;
	border-radius:18px;
	box-shadow:0 4px 18px rgba(20,30,60,0.08);
	padding:18px 16px 22px;
	direction:rtl;
	box-sizing:border-box;
}
.lwa-panel *{box-sizing:border-box;}

.lwa-panel-header{
	display:flex;
	align-items:center;
	direction:ltr; /* pins the avatar physically to the left, text to the right */
	justify-content:flex-start;
	gap:12px;
	padding:4px 4px 18px;
}
.lwa-panel-avatar-wrap{
	position:relative;
	flex:0 0 auto;
	width:46px;
	height:46px;
}
.lwa-panel-avatar{
	width:46px;
	height:46px;
	border-radius:50%;
	background:#eaf1fb;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#5b8def;
}
.lwa-panel-status-dot{
	position:absolute;
	bottom:1px;
	right:1px;
	width:11px;
	height:11px;
	border-radius:50%;
	background:#3ecb6a;
	border:2px solid #ffffff;
}
.lwa-panel-headinfo{
	direction:rtl;
	text-align:right;
	overflow:hidden;
}
.lwa-panel-email{
	font-weight:700;
	font-size:15px;
	color:#1c2b45;
	word-break:break-all;
}
.lwa-panel-badge{
	margin-top:3px;
	font-size:12.5px;
	color:#8a93a6;
}
.lwa-panel-badge.is-expired{
	color:#e2453c;
}

.lwa-panel-menu{
	display:flex;
	flex-direction:column;
	gap:10px;
}
.lwa-panel-item{
	display:flex;
	align-items:center;
	direction:ltr; /* pins the icon physically to the left, label to the right */
	justify-content:space-between;
	gap:10px;
	background:#eef3fb;
	border-radius:12px;
	padding:13px 16px;
	text-decoration:none;
	transition:background-color .15s ease-in-out;
}
.lwa-panel-item:hover{
	background:#e2eaf8;
	text-decoration:none;
}
.lwa-panel-item-icon{
	flex:0 0 auto;
	width:24px;
	height:24px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#3a6cf0;
}
.lwa-panel-item-text{
	direction:rtl;
	text-align:right;
	font-size:14.5px;
	color:#1c2b45;
	flex:1 1 auto;
}
.lwa-panel-item.lwa-panel-logout{
	background:#fdeceb;
}
.lwa-panel-item.lwa-panel-logout:hover{
	background:#fbdedc;
}
.lwa-panel-item.lwa-panel-logout .lwa-panel-item-icon{
	color:#e2453c;
}
.lwa-panel-item.lwa-panel-logout .lwa-panel-item-text{
	color:#e2453c;
}

/* the logout item is a <button> in a POST form here (it was a GET link) */
.lwa-panel-logout-form{margin:0}
button.lwa-panel-item{width:100%;border:0;font:inherit;cursor:pointer}

/* Checkout coupon bar (only while Settings coupons.enabled = true); sits above the two-column order grid, like the old site */
body.araz-pay .araz-coupon{margin:0 0 16px}
body.araz-pay .araz-coupon>summary{display:flex;align-items:center;gap:10px;padding:16px 22px;list-style:none;cursor:pointer;background:#fff;border-radius:18px;box-shadow:0 6px 24px rgba(37,99,235,.08);font-size:14px;line-height:1.8;color:var(--ink,#1b2437)}
body.araz-pay .araz-coupon>summary::-webkit-details-marker{display:none}
body.araz-pay .araz-coupon>summary svg{flex:none;color:#2563eb}
body.araz-pay .araz-coupon>summary b{color:#1d4ed8;font-weight:700}
body.araz-pay .araz-coupon-form{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:12px 0 0;padding:14px 22px;background:#fff;border-radius:18px;box-shadow:0 6px 24px rgba(37,99,235,.08)}
body.araz-pay .araz-coupon-form input.input-text{flex:1 1 220px;min-width:0;height:44px;padding:0 14px;border:1px solid #d5dcea;border-radius:12px;background:#fff;font:inherit;font-size:15px;text-align:left}
body.araz-pay .araz-coupon-form input.input-text:focus{outline:0;border-color:#8fb0f5;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
body.araz-pay .araz-coupon-form button.button{flex:0 0 auto;height:44px;padding:0 22px;border:0;border-radius:12px;background:#eaf0ff;color:#1d4ed8;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
body.araz-pay .araz-coupon-form button.button:hover{background:#dce7ff}
body.araz-pay .araz-coupon-msg{flex:1 0 100%;margin:0;font-size:13.5px;color:#1a7f37}
body.araz-pay .araz-coupon-msg.is-error{color:#a52a22}
body.araz-pay .woocommerce>.araz-or-wait{margin:0 0 12px}