/* ============================================================================
   حساب کاربری — ورود پیامکی («ورود.dc.html») و پیشخوان («پیشخوان.dc.html»).
   مقدارها همه از توکن‌ها.
   ============================================================================ */

.sy-page { background: var(--sy-white); }
.sy-page .woocommerce { max-width: 1180px; margin: 0 auto; padding: clamp(32px, 4.5vw, 54px) clamp(16px, 4vw, 40px); }
.sy-arch-eyebrow { display: inline-block; font-size: 15px; font-weight: 700; color: var(--sy-primary); }

/* پایه‌ی دکمه‌ها — در طرح درون‌خطی بود. */
.sy-page .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 700; text-align: center; }
.sy-page .btncta { font-size: 16px; color: var(--sy-white); background: var(--sy-cta); border-radius: 13px; padding: 14px 22px; box-shadow: 0 10px 22px -10px rgba(0,0,0,.4); cursor: pointer; border: 0; font-family: inherit; }
.sy-page .btnsec { font-size: 16px; color: var(--sy-primary); background: var(--sy-white); border: 2px solid var(--sy-primary); border-radius: 13px; padding: 12px 22px; cursor: pointer; font-family: inherit; }
.sy-page .btn:disabled { opacity: .55; cursor: default; transform: none; }

.sy-page .fld { width: 100%; box-sizing: border-box; font-family: inherit; font-size: 16.5px; color: var(--sy-ink); padding: 14px 16px; border: 1.5px solid var(--sy-border-strong); border-radius: var(--sy-r-input); background: var(--sy-white); transition: border-color .15s ease, box-shadow .15s ease; }
.sy-page .fld:focus { outline: none; border-color: var(--sy-primary); box-shadow: 0 0 0 3px var(--sy-tint); }
.sy-page .fld::placeholder { color: var(--sy-muted); }

.woocommerce-notices-wrapper .woocommerce-message { background: var(--sy-success-tint); border: 1.5px solid var(--sy-success-border); color: var(--sy-ink); border-radius: 14px; padding: 14px 18px; margin-bottom: 18px; list-style: none; }

/* ------------------------------------------------------------------- ورود */
.sy-login-wrap { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: clamp(24px, 4vw, 56px); align-items: start; }
.sy-login-intro h1 { margin: 10px 0 12px; font-size: clamp(26px, 3.6vw, 36px); font-weight: 800; color: var(--sy-ink); }
.sy-login-intro > p { margin: 0 0 20px; font-size: 17px; line-height: 1.95; color: var(--sy-body); }
.sy-login-points { display: flex; flex-direction: column; gap: 12px; margin-bottom: 22px; }
.sy-login-points span { display: inline-flex; align-items: center; gap: 10px; font-size: 15.5px; font-weight: 600; color: var(--sy-body); }
.sy-login-help { display: flex; gap: 12px; align-items: flex-start; background: var(--sy-surface-tint); border: 1.5px solid var(--sy-tint); border-radius: 16px; padding: 16px 18px; }
.sy-login-help p { margin: 0; font-size: 15px; line-height: 1.9; color: var(--sy-body); }
.sy-login-help a { font-weight: 800; color: var(--sy-primary); }

.sy-login-card { background: var(--sy-white); border: 1px solid var(--sy-border); border-radius: 22px; padding: clamp(22px, 3vw, 32px); box-shadow: var(--sy-sh-1); }
.sy-otp-step { display: none; flex-direction: column; gap: 12px; }
.sy-otp-step.is-on { display: flex; }
.sy-otp-step label { font-size: 15.5px; font-weight: 700; color: var(--sy-ink); }
.sy-otp-code { text-align: center; letter-spacing: 10px; font-size: 22px; font-weight: 800; }
.sy-otp-terms { margin: 0; font-size: 13.5px; color: var(--sy-muted); }
.sy-otp-terms a { color: var(--sy-primary); font-weight: 700; }
.sy-otp-again { margin: 0; font-size: 14px; color: var(--sy-muted); }
.sy-otp-resend, .sy-otp-back { background: none; border: 0; padding: 0; font-family: inherit; font-size: 14.5px; font-weight: 700; color: var(--sy-primary); cursor: pointer; }
.sy-otp-resend:disabled { color: var(--sy-muted); cursor: default; }
.sy-otp-msg { margin: 12px 0 0; font-size: 14.5px; font-weight: 600; color: var(--sy-cta-dark); min-height: 1.4em; }
.sy-otp-msg.is-ok { color: var(--sy-success); }
.sy-login-off { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.sy-login-off h2 { margin: 4px 0 0; font-size: 20px; font-weight: 800; color: var(--sy-ink); }
.sy-login-off p { margin: 0 0 8px; font-size: 15.5px; line-height: 1.9; color: var(--sy-body); }

/* ---------------------------------------------------------------- پیشخوان */
.woocommerce-account .woocommerce { display: grid; grid-template-columns: 270px 1fr; gap: clamp(20px, 3vw, 36px); align-items: start; }
.woocommerce-account:not(.logged-in) .woocommerce { display: block; }
.sy-acct-nav { position: sticky; top: calc(var(--sy-header-h) + 16px); border: 1px solid var(--sy-border); border-radius: 20px; background: var(--sy-surface); overflow: hidden; }
.sy-acct-who { display: flex; align-items: center; gap: 12px; padding: 20px; border-bottom: 1px solid var(--sy-border); background: var(--sy-white); }
.sy-acct-avatar { width: 48px; height: 48px; border-radius: 50%; background: var(--sy-tint); color: var(--sy-primary); font-weight: 800; display: flex; align-items: center; justify-content: center; flex: none; }
.sy-acct-who b { display: block; font-size: 16px; font-weight: 800; color: var(--sy-ink); }
.sy-acct-who span { font-size: 14px; color: var(--sy-muted); }
.sy-acct-tabs { display: flex; flex-direction: column; padding: 10px; gap: 2px; }
.sy-acct-tabs a { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 12px; font-size: 15.5px; font-weight: 600; color: var(--sy-body); }
.sy-acct-tabs a:hover { background: var(--sy-surface-tint); color: var(--sy-primary); }
.sy-acct-tabs a.is-on { background: var(--sy-primary); color: var(--sy-white); font-weight: 700; }
.sy-acct-tabs a.is-exit { color: var(--sy-cta-dark); }

.sy-acct-title { margin: 0 0 16px; font-size: clamp(20px, 2.5vw, 24px); font-weight: 800; color: var(--sy-ink); }
.sy-acct-note { margin: 0 0 18px; font-size: 15px; line-height: 1.9; color: var(--sy-body); background: var(--sy-surface); border: 1px solid var(--sy-border); border-radius: 14px; padding: 14px 18px; }
.sy-acct-note a { color: var(--sy-primary); font-weight: 700; }
.sy-acct-empty { border: 1.5px dashed var(--sy-border-strong); border-radius: 18px; padding: 34px 24px; text-align: center; }
.sy-acct-empty p { margin: 0 0 16px; font-size: 15.5px; line-height: 1.9; color: var(--sy-body); }
.sy-acct-empty-cta { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }

/* سفارش‌ها */
.sy-acct-orders { display: flex; flex-direction: column; gap: 14px; }
.sy-acct-order { border: 1px solid var(--sy-border); border-radius: 18px; padding: 20px 22px; }
.sy-acct-order-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.sy-acct-order-num { font-size: 15.5px; font-weight: 800; color: var(--sy-ink); }
.sy-acct-order-date { margin-inline-start: 10px; font-size: 14px; color: var(--sy-muted); }
.sy-acct-order-status { font-size: 13px; font-weight: 700; border-radius: var(--sy-r-pill); padding: 6px 13px; background: var(--sy-surface-tint); color: var(--sy-primary); }
.sy-acct-order-status.is-completed { background: var(--sy-success-tint); color: var(--sy-success); }
.sy-acct-order-status.is-cancelled, .sy-acct-order-status.is-failed { background: var(--sy-cta-tint); color: var(--sy-cta-dark); }
.sy-acct-order-body { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.sy-acct-order-body span:first-child { font-size: 15.5px; color: var(--sy-body); }
.sy-acct-order-total { font-size: 17px; font-weight: 800; color: var(--sy-ink); }
.sy-acct-order-cta { display: flex; gap: 10px; flex-wrap: wrap; }
.sy-acct-order-cta .btnsec { font-size: 14.5px; padding: 10px 18px; border-width: 1.5px; }

/* نوبت‌ها */
.sy-acct-appts { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }
.sy-acct-appt { border: 1px solid var(--sy-border); border-radius: 18px; padding: 20px 22px; }
.sy-acct-appt.is-next { border: 1.5px solid var(--sy-tint); background: linear-gradient(160deg, var(--sy-surface-tint), var(--sy-white)); }
.sy-acct-appt-badge { display: inline-block; margin-bottom: 10px; font-size: 12.5px; font-weight: 700; border-radius: var(--sy-r-pill); padding: 5px 12px; background: var(--sy-surface-2); color: var(--sy-muted); }
.sy-acct-appt.is-next .sy-acct-appt-badge { background: var(--sy-primary); color: var(--sy-white); }
.sy-acct-appt h4 { margin: 0 0 6px; font-size: 17.5px; font-weight: 800; color: var(--sy-ink); }
.sy-acct-appt p { margin: 0 0 12px; font-size: 15px; line-height: 1.9; color: var(--sy-body); }
.sy-acct-appt-cta { display: flex; gap: 8px; flex-wrap: wrap; }
.sy-acct-appt-cta .btnsec { font-size: 14px; padding: 9px 16px; border-width: 1.5px; }

/* سمعک من */
.sy-acct-device { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; border: 1.5px solid var(--sy-tint); border-radius: 20px; padding: 24px; background: linear-gradient(160deg, var(--sy-surface-tint), var(--sy-white)); margin-bottom: 14px; }
.sy-acct-device-ic { width: 64px; height: 64px; border-radius: 18px; background: var(--sy-white); display: flex; align-items: center; justify-content: center; flex: none; border: 1px solid var(--sy-tint); }
.sy-acct-device-body { flex: 1; min-width: 220px; }
.sy-acct-device h4 { margin: 0 0 4px; font-size: 18.5px; font-weight: 800; color: var(--sy-ink); }
.sy-acct-device p { margin: 0 0 10px; font-size: 14.5px; color: var(--sy-muted); }
.sy-acct-device-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.sy-acct-device-chips span { font-size: 13px; font-weight: 700; border-radius: var(--sy-r-pill); padding: 6px 13px; background: var(--sy-white); border: 1px solid var(--sy-border-strong); color: var(--sy-body); }
.sy-acct-device-chips .is-ok { background: var(--sy-success-tint); border-color: var(--sy-success-border); color: var(--sy-success); }

/* اطلاعات من */
.sy-acct-info { max-width: 520px; display: flex; flex-direction: column; gap: 16px; }
.sy-acct-field label { display: block; margin-bottom: 7px; font-size: 15px; font-weight: 700; color: var(--sy-ink); }
.sy-acct-field .fld[readonly] { background: var(--sy-surface); color: var(--sy-muted); }
.sy-acct-hint { display: block; margin-top: 6px; font-size: 13.5px; color: var(--sy-muted); }
.sy-acct-info .btnsec { align-self: flex-start; }

.sy-blog-pages { display: flex; justify-content: center; gap: 8px; margin-top: 24px; }
.sy-blog-pages a { min-width: 46px; height: 46px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; background: var(--sy-white); border: 1.5px solid var(--sy-border-strong); color: var(--sy-body); font-weight: 600; padding: 0 16px; }

@media (max-width: 860px) {
	.woocommerce-account .woocommerce { grid-template-columns: 1fr; }
	.sy-acct-nav { position: static; }
	.sy-acct-tabs { flex-direction: row; flex-wrap: wrap; }
}