/* ================= MY ACCOUNT — پوستهٔ دیتاشیت ================= */

/* ---------- حالت واردنشده: ورود / عضویت ---------- */
#customer_login{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
#customer_login::before,#customer_login::after,
.woocommerce-Addresses::before,.woocommerce-Addresses::after{content:none !important;display:none !important}
#customer_login .u-column1,#customer_login .u-column2,
.woocommerce-Addresses .u-column1,.woocommerce-Addresses .u-column2{float:none !important;width:100% !important;max-width:none !important}
#customer_login .u-column1,#customer_login .u-column2{
  background:#fff;border:1.5px solid var(--ink);padding:0 0 22px;position:relative}
#customer_login .u-column1::before,#customer_login .u-column2::before{
  content:'';display:block;height:4px;background:repeating-linear-gradient(-45deg,var(--safety) 0 9px,var(--ink) 9px 18px)}
#customer_login h2{
  font-family:var(--disp);font-size:16px;font-weight:800;color:var(--ink);
  display:flex;align-items:center;gap:10px;margin:16px 22px 4px;padding-bottom:10px;border-bottom:1.5px solid var(--ink)}
#customer_login h2::before{content:'';width:18px;height:3px;background:var(--safety);flex:none}
#customer_login form{border:0;padding:8px 22px 0;margin:0;border-radius:0}
#customer_login .lost_password{font-size:12px}
#customer_login .lost_password a{color:var(--safety-txt);font-weight:700;text-decoration:none}
#customer_login .woocommerce-form-login__rememberme{display:block;margin-bottom:10px;font-size:12.5px}

/* دکمه‌های اصلی حساب (ورود/عضویت/ذخیره/…) */
.woocommerce button.button[name="login"],
.woocommerce button.button[name="register"],
.woocommerce button.button[name="save_address"],
.woocommerce button.button[name="save_account_details"],
.woocommerce-ResetPassword button.button,
.woocommerce-lost-password .woocommerce-Button{
  background:var(--safety) !important;color:#fff !important;border:0 !important;border-radius:0 !important;
  font-family:inherit;font-size:13.5px !important;font-weight:800 !important;padding:13px 34px !important;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  cursor:pointer;transition:background .12s}
.woocommerce button.button[name="login"]:hover,
.woocommerce button.button[name="register"]:hover,
.woocommerce button.button[name="save_address"]:hover,
.woocommerce button.button[name="save_account_details"]:hover{background:var(--safety-deep) !important}

/* ---------- حالت واردشده: ریل ناوبری + محتوا ---------- */
@media(min-width:921px){
  body.logged-in.woocommerce-account .woocommerce{
    display:grid;grid-template-columns:260px minmax(0,1fr);gap:26px;align-items:start}
  body.logged-in.woocommerce-account .woocommerce::before,
  body.logged-in.woocommerce-account .woocommerce::after{content:none !important;display:none !important}
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-navigation{float:none !important;width:auto !important}
.woocommerce-account .woocommerce-MyAccount-content{float:none !important;width:auto !important}
.woocommerce-MyAccount-navigation ul{
  list-style:none;margin:0;padding:0;background:#fff;border:1.5px solid var(--ink);counter-reset:acnav}
.woocommerce-MyAccount-navigation ul::before{
  content:'حساب کاربری · MY ACCOUNT';display:flex;align-items:center;background:var(--ink);color:#fff;
  font-size:11.5px;font-weight:800;padding:9px 16px;letter-spacing:.02em}
.woocommerce-MyAccount-navigation li{margin:0;border-bottom:1px solid var(--line)}
.woocommerce-MyAccount-navigation li:last-child{border-bottom:0}
.woocommerce-MyAccount-navigation li a{
  display:flex;align-items:center;gap:10px;padding:11px 16px;color:var(--ink-2);font-size:13px;font-weight:700;
  text-decoration:none;transition:.12s;counter-increment:acnav}
.woocommerce-MyAccount-navigation li a::before{
  content:counter(acnav,decimal-leading-zero);font-family:var(--mono);font-size:9.5px;color:var(--ink-3);direction:ltr}
.woocommerce-MyAccount-navigation li a:hover{background:var(--paper);color:var(--ink)}
.woocommerce-MyAccount-navigation li.is-active a{
  background:var(--safety-tint);color:var(--ink);box-shadow:inset -4px 0 0 var(--safety)}
.woocommerce-MyAccount-navigation li.is-active a::before{color:var(--safety-txt)}

.woocommerce-MyAccount-content{
  float:none;width:auto;background:#fff;border:1.5px solid var(--ink);padding:22px 24px;min-height:320px}
.woocommerce-MyAccount-content > h2,
.woocommerce-MyAccount-content h3{
  font-family:var(--disp);font-size:15px;font-weight:800;color:var(--ink);
  display:flex;align-items:center;gap:10px;border-bottom:1.5px solid var(--ink);padding-bottom:9px;margin:4px 0 16px}
.woocommerce-MyAccount-content > h2::before,
.woocommerce-MyAccount-content h3::before{content:'';width:18px;height:3px;background:var(--safety);flex:none}
.woocommerce-MyAccount-content p{font-size:13px;color:var(--ink-2)}
.woocommerce-MyAccount-content a{color:var(--safety-txt);font-weight:700;text-decoration:none}
.woocommerce-MyAccount-content a:hover{text-decoration:underline}
.woocommerce-MyAccount-content fieldset{border:1px solid var(--line);padding:14px 16px;margin:14px 0}
.woocommerce-MyAccount-content legend{font-size:12.5px;font-weight:800;padding:0 8px}

/* جدول‌های حساب (سفارش‌ها/دانلودها) */
.woocommerce-MyAccount-content table.shop_table{
  border:1.5px solid var(--ink);border-radius:0;border-collapse:collapse;background:#fff;font-size:12.5px}
.woocommerce-MyAccount-content table.shop_table th{
  background:var(--ink);color:#fff;font-size:11px;font-weight:800;padding:10px 12px;border:0}
.woocommerce-MyAccount-content table.shop_table td,
.woocommerce-MyAccount-content table.shop_table tbody th{
  background:transparent;color:var(--ink);text-align:right;
  border:0;border-bottom:1px solid var(--line);padding:11px 12px;vertical-align:middle}
.woocommerce-MyAccount-content table.shop_table .woocommerce-Price-amount{
  font-family:var(--mono);direction:ltr;display:inline-block;font-weight:700}
.woocommerce-orders-table__cell-order-number a{font-family:var(--mono);font-weight:700}
.woocommerce-orders-table__cell-order-status{font-weight:800}
.woocommerce-MyAccount-content .woocommerce-button{
  display:inline-block;background:#fff;border:1.5px solid var(--ink);color:var(--ink);border-radius:0;
  font-size:12px;font-weight:800;padding:7px 16px;margin-inline-end:6px;text-decoration:none;transition:.12s}
.woocommerce-MyAccount-content .woocommerce-button:hover{border-color:var(--safety);color:var(--safety-txt);text-decoration:none}
.woocommerce-MyAccount-content .woocommerce-button.view,
.woocommerce-MyAccount-content .woocommerce-button.pay{
  background:var(--safety);border-color:var(--safety);color:#fff}
.woocommerce-MyAccount-content .woocommerce-button.view:hover,
.woocommerce-MyAccount-content .woocommerce-button.pay:hover{background:var(--safety-deep);color:#fff}

/* آدرس‌ها */
.woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.woocommerce-Addresses .woocommerce-Address{width:auto;max-width:none;border:1px solid var(--line-2);padding:14px 16px;background:var(--paper)}
.woocommerce-Address-title{display:flex;align-items:baseline;justify-content:space-between}
.woocommerce-Address-title h3{border:0 !important;margin:0 0 6px !important;padding:0 !important}
.woocommerce-Address address{font-style:normal;font-size:12.5px;line-height:2.1;color:var(--ink-2)}

/* جزئیات سفارش تکی داخل حساب */
.woocommerce-MyAccount-content .woocommerce-order-details,
.woocommerce-MyAccount-content .woocommerce-customer-details{margin-top:16px}
.woocommerce-MyAccount-content mark{background:var(--safety-tint);color:var(--safety-deep);font-weight:800;padding:0 6px}

/* ---------- موبایل ---------- */
@media(max-width:920px){
  #customer_login{grid-template-columns:1fr}
  .woocommerce-MyAccount-navigation ul{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;border-width:1.5px;margin-bottom:16px}
  .woocommerce-MyAccount-navigation ul::before{display:none}
  .woocommerce-MyAccount-navigation li{border-bottom:0;border-inline-start:1px solid var(--line);flex:none}
  .woocommerce-MyAccount-navigation li:first-child{border-inline-start:0}
  .woocommerce-MyAccount-navigation li a{padding:10px 14px;white-space:nowrap;font-size:12.5px}
  .woocommerce-MyAccount-navigation li a::before{display:none}
  .woocommerce-MyAccount-navigation li.is-active a{box-shadow:inset 0 -3px 0 var(--safety)}
  .woocommerce-MyAccount-content{padding:16px 14px}
  .woocommerce-Addresses{grid-template-columns:1fr}
  .woocommerce-MyAccount-content table.shop_table,
  .woocommerce-MyAccount-content table.shop_table thead,
  .woocommerce-MyAccount-content table.shop_table tbody,
  .woocommerce-MyAccount-content table.shop_table tr{display:block}
  .woocommerce-MyAccount-content table.shop_table thead{display:none}
  .woocommerce-MyAccount-content table.shop_table tr{border-bottom:1.5px solid var(--ink);padding:6px 0}
  .woocommerce-MyAccount-content table.shop_table td{
    display:flex !important;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--line);font-size:12.5px}
  body .woocommerce table.shop_table_responsive tbody th.woocommerce-orders-table__cell-order-number,
  body .woocommerce-MyAccount-content table.shop_table tbody th.woocommerce-orders-table__cell-order-number{
    display:flex !important;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--line);font-size:12.5px;padding:11px 12px}
  .woocommerce-MyAccount-content table.shop_table tbody th.woocommerce-orders-table__cell-order-number::before{
    content:'سفارش';font-weight:800;color:var(--ink)}
  .woocommerce-MyAccount-content table.shop_table td::before{
    content:attr(data-title);font-weight:800;color:var(--ink)}
  .woocommerce-MyAccount-content table.shop_table td:last-child{border-bottom:0}
}

/* ================= ورود پیامکی (OTP) — کارت دیتاشیت ================= */
/* عنوان صفحهٔ ووکامرس وقتی کارت ورود پیامکی نمایش داده می‌شود اضافی است */
.hentry:has(#spAuth) > h1{display:none}

.spa-auth{display:flex;justify-content:center;padding:clamp(20px,5vw,56px) 0}
.spa-card{
  width:min(430px,100%);background:#fff;border:1.5px solid var(--ink);
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}

/* سربرگ — پوستهٔ نقشهٔ آبی (blueprint) با نوار خطر */
.spa-head{position:relative;background:var(--slate);color:var(--bp-ink);padding:22px 24px 20px;overflow:hidden}
.spa-head::before{
  content:'';position:absolute;top:0;right:0;bottom:auto;left:0;height:4px;
  background:repeating-linear-gradient(-45deg,var(--safety) 0 9px,var(--slate-2) 9px 18px)}
.spa-head::after{
  content:'';position:absolute;top:4px;right:0;bottom:0;left:0;opacity:.5;pointer-events:none;
  background-image:linear-gradient(var(--bp-line) 1px,transparent 1px),linear-gradient(90deg,var(--bp-line) 1px,transparent 1px);
  background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}
.spa-tag{position:relative;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--safety);font-weight:700}
.spa-title{position:relative;font-family:var(--disp);font-weight:900;font-size:24px;margin:8px 0 6px;color:#fff}
.spa-sub{position:relative;font-size:13px;color:var(--bp-ink);line-height:1.95}

/* گام‌ها */
.spa-step{padding:22px 24px 8px;display:flex;flex-direction:column;gap:12px}
.spa-step[hidden]{display:none}
.spa-lbl{font-size:12.5px;font-weight:800;color:var(--ink-2);font-family:var(--mono);letter-spacing:.02em}
.spa-input{
  height:52px;border:1.5px solid var(--ink);background:var(--paper);padding:0 16px;
  font:700 19px/52px var(--mono);letter-spacing:2px;color:var(--ink);text-align:center;
  transition:border-color .15s,box-shadow .15s,background .15s}
.spa-input:focus{outline:none;background:#fff;border-color:var(--safety);box-shadow:0 0 0 3px var(--safety-tint)}
.spa-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

.spa-btn{
  height:52px;border:0;background:var(--safety);color:#fff;
  font:800 15.5px var(--body);cursor:pointer;letter-spacing:.01em;
  clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);
  transition:background .12s,transform .1s}
.spa-btn:hover{background:var(--safety-deep)}
.spa-btn:active{transform:scale(.99)}
.spa-btn:disabled{opacity:.55;cursor:default}

.spa-sent{font-size:13px;color:var(--ink-2);line-height:2}
.spa-sent b{font-family:var(--mono);color:var(--ink);letter-spacing:1px}
.spa-edit{border:0;background:none;color:var(--safety-txt);font:800 12.5px var(--body);cursor:pointer;
  text-decoration:underline;text-underline-offset:4px}

.spa-boxes{display:flex;gap:9px;justify-content:center;direction:ltr}
.spa-box{
  width:54px;height:60px;border:1.5px solid var(--ink);background:var(--paper);text-align:center;
  font:700 24px var(--mono);color:var(--ink);transition:border-color .15s,box-shadow .15s,background .15s}
.spa-box:focus{outline:none;background:#fff;border-color:var(--safety);box-shadow:0 0 0 3px var(--safety-tint)}

.spa-resend{border:0;background:none;color:var(--ink-3);font:700 12.5px var(--body);cursor:pointer;padding:4px}
.spa-resend:not(:disabled){color:var(--safety-txt);text-decoration:underline;text-underline-offset:4px}
.spa-resend:disabled{cursor:default}

.spa-msg{margin:4px 24px 0;padding:11px 14px;background:var(--safety-tint);border:1px solid var(--safety);
  border-left-width:4px;color:var(--safety-deep);font-size:13px;line-height:1.9}
.spa-msg.ok{background:var(--ok-tint);border-color:var(--ok);color:var(--ok)}

.spa-note{padding:16px 24px 22px;font-size:12px;color:var(--ink-3);line-height:2}
.spa-note a{color:var(--safety-txt);font-weight:700;text-decoration:underline;text-underline-offset:4px}

@media(max-width:480px){
  .spa-boxes{gap:7px}
  .spa-box{width:48px;height:56px}
}

/* گارد سرریز افقی — همهٔ اندازه‌های گوشی؛ hidden سراسری + clip برای مرورگرِ نو */
html{overflow-x:hidden}
body{overflow-x:hidden;overflow-x:clip}
.screen-reader-text,[class*="live_region"],.widget_shopping_cart_live_region{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important}