/* ════════════════════════════════════════════════════════════
   BurgerBox — استایل اختصاصی صفحات ووکامرس
   (سبد خرید، پرداخت، حساب کاربری، پیام تشکر)
   فقط ظاهر؛ هیچ فیلد یا منطقی تغییر نمی‌کند.
   ════════════════════════════════════════════════════════════ */

/* مرورگرها روی button/input/select فونت سیستمی پیش‌فرض می‌گذارند؛
   این قانون عمومی فونت سایت را روی همه‌ی عناصر فرم تثبیت می‌کند
   تا دکمه‌ها (مثل دکمه ارسال کد) با بقیه‌ی متن‌ها یکسان دیده شوند. */
.woocommerce button,
.woocommerce input,
.woocommerce select,
.woocommerce textarea,
.bb-otp-btn,
.bb-otp-input{
  font-family:'IRANSansX','Vazirmatn',sans-serif;
}

/* ── ساختار کلی صفحه ───────────────────────────────────────── */
.site-main{position:relative;z-index:1;padding:26px 0 40px}
.site-main .container{max-width:760px;margin:0 auto;padding:0 16px}
.entry-header{margin-bottom:18px}
.entry-title{
  font-size:21px;font-weight:800;color:var(--text);letter-spacing:-.2px;
  display:flex;align-items:center;gap:10px;
}
.entry-title::before{
  content:'';width:4px;height:22px;border-radius:99px;
  background:linear-gradient(180deg,var(--p1),var(--p2));flex-shrink:0;
}
.site-footer.page-footer{margin-top:30px}

/* ── پیام‌های ووکامرس (خطا/موفقیت/اطلاع) ──────────────────── */
.woocommerce-error,.woocommerce-message,.woocommerce-info{
  list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  background:var(--white);border:1px solid var(--border);
  border-right:4px solid var(--p1);border-radius:16px;
  padding:14px 16px;font-size:13.5px;margin:0 0 18px;
  box-shadow:0 4px 16px rgba(0,0,0,0.05);color:var(--text2);
}
/* ووکامرس به‌صورت پیش‌فرض یک آیکون از فونت اختصاصی خودش قبل از
   متن می‌گذارد؛ اگر آن فونت لود نشود، یک کاراکتر نامربوط چسبیده
   به متن نمایش داده می‌شود. این آیکون غیرفعال و با SVG تمیز خودمان
   جایگزین شده است. */
.woocommerce-error::before,
.woocommerce-message::before,
.woocommerce-info::before{
  font-family:inherit!important;content:''!important;
  width:20px;height:20px;flex-shrink:0;border-radius:50%;
  background:var(--pg) center/12px no-repeat;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c01a2e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='8' x2='12' y2='13'/%3E%3Ccircle cx='12' cy='16.5' r='0.5' fill='%23c01a2e'/%3E%3C/svg%3E");
}
.woocommerce-message::before{
  background-color:var(--ag);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310B981' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
}
.woocommerce-info::before{
  background-color:rgba(245,158,11,0.12);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F59E0B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='8' x2='12' y2='13'/%3E%3Ccircle cx='12' cy='16.5' r='0.5' fill='%23F59E0B'/%3E%3C/svg%3E");
}
.woocommerce-message{border-right-color:var(--a2)}
.woocommerce-info{border-right-color:var(--amber)}
.woocommerce-error li,.woocommerce-message li,.woocommerce-info li{flex:1;min-width:0}
.woocommerce-error .button,.woocommerce-message .button,.woocommerce-info .button{
  width:auto;padding:9px 18px;font-size:12.5px;flex-shrink:0;
}

/* لینک «برای نوشتن کد اینجا کلیک کنید» داخل پیام کد تخفیف */
.woocommerce-info a.showcoupon{
  color:var(--p1);font-weight:700;text-decoration:none;border-bottom:1px dashed var(--p1);
}
.woocommerce-info a.showcoupon:hover{opacity:.8}


/* ════════════════════════════════════════════════════════════
   سبد خرید — Cart Page (طرح ساده‌شده اختصاصی)
   ════════════════════════════════════════════════════════════ */
table.shop_table{
  width:100%;border-collapse:separate;border-spacing:0;
  background:var(--white);border:1px solid var(--border);
  border-radius:20px;overflow:hidden;font-size:13px;
  box-shadow:0 4px 20px rgba(0,0,0,0.04);
}
table.shop_table thead{display:none}
table.shop_table tbody tr{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  padding:14px 16px;border-bottom:1px solid var(--border);position:relative;
}
table.shop_table tbody tr:last-child{border-bottom:none}
table.shop_table tbody tr td{
  border:none;padding:0;font-size:13px;color:var(--text2);
}

.bb-cart-page{display:flex;flex-direction:column;gap:0}

/* لیست محصولات */
.bb-cart-list{
  background:var(--white);border:1px solid var(--border);
  border-radius:20px;overflow:hidden;
  box-shadow:0 4px 20px rgba(0,0,0,0.04);
}
.bb-cart-row{
  display:flex;align-items:center;gap:12px;
  padding:14px 16px;border-bottom:1px solid var(--border);
  transition:opacity .15s;
}
.bb-cart-row:last-child{border-bottom:none}
.bb-cart-row-loading{opacity:.45;pointer-events:none}
.bb-cart-row-img{flex:0 0 64px;width:64px;height:64px;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:var(--bg2)}
.bb-cart-row-img img{width:100%;height:100%;object-fit:cover;display:block}
.bb-cart-row-info{flex:1;min-width:0}
.bb-cart-row-name{font-size:13.5px;font-weight:700;color:var(--text);line-height:1.4;margin-bottom:4px}
.bb-cart-row-subtotal{font-size:13.5px;font-weight:800;color:var(--a1);direction:ltr}
.bb-cart-row-ctrl{
  display:flex;align-items:center;gap:2px;flex-shrink:0;
  background:var(--bg2);border:1px solid var(--border);
  border-radius:var(--radius-pill);padding:4px;
}
.bb-cart-qty-btn{
  width:28px;height:28px;border-radius:50%;border:none;background:var(--white);
  border:1px solid var(--border);display:flex;align-items:center;justify-content:center;
  cursor:pointer;color:var(--text);transition:background .15s,color .15s,border-color .15s;
}
.bb-cart-qty-btn svg{width:13px;height:13px}
.bb-cart-qty-btn.bb-cart-qty-plus{
  background:linear-gradient(135deg,var(--p1),var(--p2));border-color:transparent;color:#fff;
}
.bb-cart-qty-btn:active{transform:scale(.92)}
.bb-cart-qty-input{
  width:38px;text-align:center;border:none;background:transparent;
  font-size:13.5px;font-weight:700;color:var(--text);font-family:inherit;
  -moz-appearance:textfield;padding:6px 0;
}
.bb-cart-qty-input::-webkit-inner-spin-button,
.bb-cart-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

/* جمع کل */
.bb-cart-summary{
  display:flex;align-items:center;justify-content:space-between;
  background:var(--white);border:1px solid var(--border);
  border-radius:20px;padding:16px 18px;margin-top:16px;
  box-shadow:0 4px 20px rgba(0,0,0,0.04);
}
.bb-cart-summary-label{font-size:13.5px;color:var(--gray);font-weight:600}
.bb-cart-summary-total{font-size:18px;font-weight:800;color:var(--a1);direction:ltr}

/* دکمه‌های اقدام */
.bb-cart-actions{display:flex;gap:10px;margin-top:16px}
.bb-cart-backshop-btn,
.bb-cart-checkout-btn{
  flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 16px;border-radius:16px;font-size:13.5px;font-weight:700;
  text-decoration:none!important;transition:transform .15s,box-shadow .15s,opacity .15s;
}
.bb-cart-backshop-btn svg,
.bb-cart-checkout-btn svg{width:17px;height:17px;flex-shrink:0}
.bb-cart-backshop-btn{
  background:var(--white);color:var(--text2)!important;border:1px solid var(--border);
}
.bb-cart-backshop-btn:hover{background:var(--bg2)}
.bb-cart-checkout-btn{
  background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff!important;
  border:none;box-shadow:var(--shadow-red);
}
.bb-cart-checkout-btn:hover{box-shadow:0 12px 36px rgba(192,26,46,0.34);opacity:.97}
.bb-cart-checkout-btn:active,
.bb-cart-backshop-btn:active{transform:scale(.98)}

/* سبد خرید خالی */
.bb-cart-empty{
  text-align:center;background:var(--white);border:1px dashed var(--border2);
  border-radius:20px;padding:48px 20px;color:var(--gray);font-size:13.5px;
  display:flex;flex-direction:column;align-items:center;gap:14px;
}
.bb-cart-empty-icon{width:52px;height:52px;color:var(--gray2)}
.bb-cart-empty .bb-cart-backshop-btn{
  flex:none;background:linear-gradient(135deg,var(--p1),var(--p2));
  color:#fff!important;border:none;box-shadow:var(--shadow-red);
}
.bb-cart-empty .bb-cart-backshop-btn:hover{background:linear-gradient(135deg,var(--p1),var(--p2))}


/* ════════════════════════════════════════════════════════════
   چک‌اوت — Checkout Page
   ════════════════════════════════════════════════════════════ */
.woocommerce-checkout .col2-set,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout #customer_details{
  display:flex;flex-direction:column;gap:0;
}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2{width:100%;float:none}

.woocommerce-billing-fields,
.woocommerce-additional-fields{
  background:var(--white);border:1px solid var(--border);
  border-radius:20px;padding:18px;margin-bottom:16px;
  box-shadow:0 4px 20px rgba(0,0,0,0.04);
}
.woocommerce-billing-fields > h3,
.woocommerce-additional-fields > h3{
  font-size:15px;font-weight:800;color:var(--text);margin-bottom:14px;
}

/* توضیحات تکمیلی — بدون لیبل بالا، فقط placeholder کوتاه */
#order_comments_field label{display:none}
#order_comments{min-height:70px;resize:vertical}

/* ─── استایل‌های form توسط بلوک Floating Label در پایین مدیریت می‌شوند ─── */
.woocommerce-checkout .select2-container .select2-selection--single{
  height:auto;background:var(--bg2);border:1px solid var(--border);
  border-radius:13px;padding:7px 4px;
}

/* روش تحویل (پیکاپ/سرمیز) — استایل ظاهری، فیلدها دست‌نخورده */
.bb-delivery-type{
  background:var(--white);border:1px solid var(--border);
  border-radius:20px;padding:18px;margin-bottom:16px;
  box-shadow:0 4px 20px rgba(0,0,0,0.04);
}
.bb-delivery-title{font-size:15px;font-weight:800;color:var(--text);margin-bottom:12px}
.bb-delivery-option{
  display:flex;align-items:center;gap:10px;
  padding:13px 14px;border:1.5px solid var(--border);
  border-radius:14px;margin-bottom:9px;cursor:pointer;
  font-size:13.5px;color:var(--text2);font-weight:500;
  transition:border-color .15s,background .15s;
}
.bb-delivery-option:hover{border-color:var(--border2);background:var(--bg2)}
.bb-delivery-option input{accent-color:var(--p1);width:18px;height:18px;flex-shrink:0}
.bb-table-number-wrap{margin-top: 8px; margin-bottom: 8px;}
.bb-table-number-wrap .input-text{margin-top:2px}

/* ویجت تایید پیامکی */
.bb-otp-wrap{
  background:var(--bg2);border:1px solid var(--border);
  border-radius:16px;padding:16px;margin:8px 0 18px;
}
.bb-otp-row{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.bb-otp-row:last-of-type{margin-bottom:8px}
.bb-otp-input{
  flex:1;min-width:120px;background:var(--white);border:1px solid var(--border);
  border-radius:12px;padding:11px 13px;font-size:13.5px;font-family:inherit;color:var(--text);
}
.bb-otp-input:focus{outline:none;border-color:var(--p1)}
.bb-otp-btn{
  background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;
  border:none;border-radius:12px;padding:11px 18px;font-size:13px;
  font-weight:700;cursor:pointer;white-space:nowrap;font-family:inherit;
  box-shadow:0 4px 14px rgba(192,26,46,0.25);transition:opacity .15s,transform .15s,background .2s,box-shadow .2s;
  min-width:118px;text-align:center;
}
.bb-otp-btn:hover{opacity:.92}
.bb-otp-btn:active{transform:scale(.97)}
.bb-otp-btn:disabled{
  opacity:1;cursor:not-allowed;box-shadow:none;
  background:var(--bg3);color:var(--gray);
}
.bb-otp-status{font-size:12px;color:var(--gray);min-height:16px;line-height:1.6}

/* خلاصه سفارش سمت چک‌اوت */
#order_review,
.woocommerce-checkout-review-order{
  background:var(--white);border:1px solid var(--border);
  border-radius:20px;padding:18px;margin-bottom:16px;
  box-shadow:0 4px 20px rgba(0,0,0,0.04);
}
#order_review_heading{font-size:15px;font-weight:800;color:var(--text);margin-bottom:14px}
table.woocommerce-checkout-review-order-table{
  border:none;border-radius:0;box-shadow:none;width:100%;
}
table.woocommerce-checkout-review-order-table thead{display:none}
table.woocommerce-checkout-review-order-table tbody tr,
table.woocommerce-checkout-review-order-table tfoot tr{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:10px 0;border-bottom:1px dashed var(--border);font-size:13px;
}
table.woocommerce-checkout-review-order-table tbody tr:last-child{border-bottom:1px dashed var(--border)}
table.woocommerce-checkout-review-order-table tfoot tr:last-child{border-bottom:none}
table.woocommerce-checkout-review-order-table td,
table.woocommerce-checkout-review-order-table th{
  border:none;padding:0;font-size:13px;white-space:nowrap;
}
table.woocommerce-checkout-review-order-table .product-name{
  color:var(--text2);font-weight:500;white-space:normal;flex:1;min-width:0;
}
table.woocommerce-checkout-review-order-table .product-name .product-quantity{
  color:var(--gray);font-size:12px;
}
table.woocommerce-checkout-review-order-table .product-total{
  direction:ltr;font-weight:700;color:var(--text);flex-shrink:0;
}
table.woocommerce-checkout-review-order-table .order-total th{
  flex:1;min-width:0;
}
table.woocommerce-checkout-review-order-table .order-total td,
table.woocommerce-checkout-review-order-table .order-total th{
  font-size:16.5px;font-weight:800;color:var(--a1);
}
table.woocommerce-checkout-review-order-table .order-total td{
  direction:ltr;flex-shrink:0;
}

/* ════════════════════════════════════════════════════════════
   روش‌های پرداخت — طرح اختصاصی
   نکته: ووکامرس به‌صورت پیش‌فرض یک پیکان/مثلث کوچک (::before) روی
   div.payment_box می‌گذارد که به رادیوی انتخاب‌شده اشاره می‌کند. این
   پیکان با CSS هسته خود ووکامرس رندر می‌شود و گاهی به‌خاطر نبود
   border-color مناسب در این پوسته، به‌شکل یک مثلث نامرتب دیده می‌شود.
   راه‌حل: کاملاً غیرفعال کردن آن (با !important) و به‌جایش طراحی یک
   کارت تمیز برای هر روش پرداخت + رادیوی کاملاً اختصاصی (بدون رادیوی
   پیش‌فرض مرورگر، که منبع اصلی مشکل بود).
   ════════════════════════════════════════════════════════════ */
.woocommerce-checkout #payment{
  background:transparent;border:none;padding:0;margin-top:6px;
}
.woocommerce-checkout #payment ul.payment_methods{
  list-style:none;display:flex;flex-direction:column;gap:8px;
}
.woocommerce-checkout #payment ul.payment_methods li{
  background:var(--white);border:1.5px solid var(--border);
  border-radius:14px;padding:0;margin:0;transition:border-color .15s,background .15s;
}
.woocommerce-checkout #payment ul.payment_methods li.woocommerce-validated,
.woocommerce-checkout #payment ul.payment_methods li:has(input:checked),
.woocommerce-checkout #payment ul.payment_methods li.bb-payment-active{
  border-color:var(--p1);background:var(--pg2);
}
.woocommerce-checkout #payment ul.payment_methods li label{
  display:flex;align-items:center;gap:10px;font-size:13.5px;
  font-weight:600;color:var(--text2);padding:13px 14px;margin-bottom:0;cursor:pointer;
}
/* رادیوی پیش‌فرض مرورگر کاملاً مخفی و با یک دایره اختصاصی جایگزین می‌شود
   تا هیچ شکل ناخواسته‌ای (مثل مثلث) از مرورگر/سیستم‌عامل رندر نشود */
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  width:19px;height:19px;flex-shrink:0;margin:0;
  border:2px solid var(--border2);border-radius:50%;
  background:var(--white);position:relative;cursor:pointer;
  transition:border-color .15s;
}
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:checked{
  border-color:var(--p1);
}
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:checked::after{
  content:'';position:absolute;top:50%;left:50%;
  width:9px;height:9px;border-radius:50%;
  background:var(--p1);transform:translate(-50%,-50%);
}
.woocommerce-checkout #payment ul.payment_methods li img{
  height:20px;width:auto;margin-right:4px;
}
.woocommerce-checkout #payment div.payment_box{
  background:var(--white);border-radius:0 0 14px 14px;margin:0;
  padding:0 14px 14px 14px;font-size:12.5px;color:var(--gray);line-height:1.8;
}
/* حذف کامل پیکان/مثلث پیش‌فرض ووکامرس روی payment_box (با اولویت بالا) */
.woocommerce-checkout #payment ul.payment_methods li .payment_box::before,
.woocommerce-checkout #payment ul.payment_methods li .payment_box::after{
  display:none!important;content:none!important;border:none!important;
}
.woocommerce-checkout #payment div.form-row{margin-bottom:0}

#place_order{margin-top:14px}


/* ════════════════════════════════════════════════════════════
   دکمه‌های عمومی ووکامرس
   ════════════════════════════════════════════════════════════ */
#place_order,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
a.checkout-button{
  background:linear-gradient(135deg,var(--p1),var(--p2));
  color:#fff!important;border:none;border-radius:16px;
  padding:15px 22px;font-size:14.5px;font-weight:700;cursor:pointer;
  width:100%;font-family:inherit;box-shadow:var(--shadow-red);
  text-decoration:none!important;text-align:center;
  transition:transform .15s,box-shadow .15s,opacity .15s;
}
#place_order:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
a.checkout-button:hover{
  box-shadow:0 12px 36px rgba(192,26,46,0.34);opacity:.97;
}
#place_order:active,
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active{transform:scale(.98)}
.woocommerce a.button.alt,
.woocommerce button.button.alt{background:linear-gradient(135deg,var(--p1),var(--p2))}
#place_order:disabled,
.woocommerce button.button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}

/* ════════════════════════════════════════════════════════════
   حساب کاربری — My Account
   ════════════════════════════════════════════════════════════ */
.woocommerce-account .woocommerce-MyAccount-navigation{
  background:var(--white);border:1px solid var(--border);
  border-radius:18px;padding:8px;margin-bottom:16px;
  box-shadow:0 4px 20px rgba(0,0,0,0.04);
}
.woocommerce-MyAccount-navigation ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px}
.woocommerce-MyAccount-navigation li{flex:1 1 calc(50% - 4px);min-width:0}
.woocommerce-MyAccount-navigation li a{
  display:block;text-align:center;padding:10px 8px;border-radius:13px;
  font-size:12.5px;font-weight:600;color:var(--text2);text-decoration:none;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  transition:background .15s,color .15s;
}
.woocommerce-MyAccount-navigation li a:hover{background:var(--bg2)}
.woocommerce-MyAccount-navigation li.is-active a{
  background:var(--pg);color:var(--p1);
}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a{
  color:var(--p1);
}

.woocommerce-MyAccount-content{
  background:var(--white);border:1px solid var(--border);
  border-radius:20px;padding:18px;
  box-shadow:0 4px 20px rgba(0,0,0,0.04);
}
.woocommerce-MyAccount-content table.shop_table{box-shadow:none}
.woocommerce-MyAccount-content table.shop_table tbody tr{flex-wrap:wrap}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .button{
  width:auto;padding:8px 16px;font-size:12px;display:inline-flex;margin-top:6px;
}
.woocommerce-MyAccount-content mark.order-status{
  background:var(--pg2);color:var(--p1);border-radius:99px;
  padding:2px 10px;font-weight:600;font-size:12px;
}
.woocommerce-MyAccount-content .order-again .button{margin-top:14px}

/* فرم ورود با کد پیامکی (form-login.php سفارشی) */
.woocommerce-account .bb-otp-wrap{
  max-width:380px;margin:0 auto;background:var(--white);
  box-shadow:0 4px 20px rgba(0,0,0,0.04);
}

/* ════════════════════════════════════════════════════════════
   صفحه تشکر / دریافت سفارش — Order Received
   ════════════════════════════════════════════════════════════ */
.woocommerce-order{
  background:transparent;border:none;padding:0;text-align:center;
}

/* ── نشان موفقیت بالای صفحه ──────────────────────────────── */
.woocommerce-order > .woocommerce-notice,
.woocommerce-thankyou-order-received{
  font-size:15px;font-weight:700;color:var(--text);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  margin:6px 0 22px;padding:26px 18px 22px;background:var(--white);
  border:1px solid var(--border);border-radius:20px;
  box-shadow:0 4px 20px rgba(0,0,0,0.04);
}
.woocommerce-order > .woocommerce-notice::before{
  content:'';width:54px;height:54px;border-radius:50%;flex-shrink:0;
  background:var(--ag) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310B981' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/24px no-repeat;
  box-shadow:0 0 0 6px var(--ag);
}

/* ── کارت‌های خلاصه سفارش (شماره، تاریخ، مبلغ، روش پرداخت) ── */
ul.woocommerce-order-overview{
  list-style:none;display:grid;grid-template-columns:1fr 1fr;
  gap:10px;margin:0 0 16px;padding:0;background:transparent;
  border-radius:0;text-align:center;line-height:1.4;
}
ul.woocommerce-order-overview li{
  flex:none;min-width:0;font-size:11px;color:var(--gray);font-weight:500;
  padding:14px 10px;background:var(--white);border:1px solid var(--border);
  border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,0.03);
  display:flex;flex-direction:column;align-items:center;gap:6px;
}
ul.woocommerce-order-overview li::before{
  content:'';width:30px;height:30px;border-radius:10px;background:var(--bg2);
  background-position:center;background-repeat:no-repeat;background-size:15px;
}
ul.woocommerce-order-overview li.order::before{
  background-color:var(--pg2);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c01a2e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l3 3L22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E");
}
ul.woocommerce-order-overview li.date::before{
  background-color:var(--bg3);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");
}
ul.woocommerce-order-overview li.total::before{
  background-color:var(--ag);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23059669' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 1v22M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E");
}
ul.woocommerce-order-overview li.method::before{
  background-color:var(--bg3);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2'/%3E%3Cpath d='M1 10h22'/%3E%3C/svg%3E");
}
ul.woocommerce-order-overview li.email{display:none}
ul.woocommerce-order-overview li strong{
  display:block;font-size:13px;color:var(--text);font-weight:700;
  line-height:1.4;word-break:break-word;
}
ul.woocommerce-order-overview li.total strong{color:var(--a1);direction:ltr}

/* ── جدول مشخصات سفارش ───────────────────────────────────── */
.woocommerce-order-details{
  background:var(--white);border:1px solid var(--border);border-radius:20px;
  padding:18px 16px;margin-bottom:14px;box-shadow:0 4px 20px rgba(0,0,0,0.04);
  text-align:right;
}
.woocommerce-order-details__title{
  font-size:14px;font-weight:700;color:var(--text);margin-bottom:14px;
  display:flex;align-items:center;gap:8px;
}
.woocommerce-order-details__title::before{
  content:'';width:5px;height:16px;border-radius:99px;
  background:linear-gradient(180deg,var(--p1),var(--p2));
}
.woocommerce-order table.shop_table{
  text-align:right;box-shadow:none;margin-top:0;border:1px solid var(--border);
}
.woocommerce-order table.shop_table thead th{
  background:var(--bg2);font-size:11.5px;color:var(--gray);font-weight:700;
}
.woocommerce-order table.shop_table tfoot th,
.woocommerce-order table.shop_table tfoot td{
  font-size:12.5px;
}
.woocommerce-order table.shop_table tfoot tr:last-child th,
.woocommerce-order table.shop_table tfoot tr:last-child td{
  font-size:14px;font-weight:700;color:var(--a1);
}

/* ── آدرس صورتحساب / مشخصات خریدار ───────────────────────── */
.woocommerce-customer-details{
  background:var(--white);border:1px solid var(--border);border-radius:20px;
  padding:18px 16px;text-align:right;box-shadow:0 4px 20px rgba(0,0,0,0.04);
}
.woocommerce-customer-details .woocommerce-column__title{
  font-size:14px;font-weight:700;color:var(--text);margin-bottom:12px;
  display:flex;align-items:center;gap:8px;
}
.woocommerce-customer-details .woocommerce-column__title::before{
  content:'';width:5px;height:16px;border-radius:99px;
  background:linear-gradient(180deg,var(--p1),var(--p2));
}
.woocommerce-customer-details address{
  font-style:normal;font-size:13px;color:var(--text2);line-height:2;
  background:var(--bg2);border-radius:14px;padding:14px 16px;
}
.woocommerce-customer-details--phone,
.woocommerce-customer-details--email{
  margin-top:4px;font-size:12.5px;color:var(--gray);direction:ltr;text-align:right;
}

/* ── واکنش‌گرا برای دسکتاپ ─────────────────────────────────── */
@media (min-width: 768px){
  .site-main .container{max-width:880px;padding:0 24px}
  .entry-title{font-size:25px}
  table.cart tr.cart_item,
  table.shop_table tbody tr{padding:18px 20px}
  table.cart td.product-thumbnail,
  table.cart td.product-thumbnail img{flex:0 0 76px;width:76px;height:76px}
  .woocommerce-checkout #customer_details{flex-direction:row;gap:20px}
  .woocommerce-checkout #customer_details .col-1,
  .woocommerce-checkout #customer_details .col-2{width:50%}
  .woocommerce-MyAccount-navigation ul{flex-wrap:nowrap}
  .woocommerce-MyAccount-navigation li{flex:1 1 0}
  ul.woocommerce-order-overview{grid-template-columns:repeat(4,1fr)}
  #place_order,a.checkout-button{width:auto;min-width:220px;margin-right:auto}
  .wc-proceed-to-checkout{display:flex;justify-content:flex-end}
}


/* ════════════════════════════════════════════════════════════
   Floating Label — سبک Material/Google
   ساختار HTML ووکامرس: <label> قبل از <input> میاد
   بنابراین از JavaScript + کلاس‌های bb-focused / bb-has-value استفاده می‌کنیم
   ════════════════════════════════════════════════════════════ */

/* ظرف هر فیلد */
.woocommerce form .form-row {
  position: relative;
  margin-bottom: 20px;
  padding-top: 0;
}

/* اینپوت */
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
  display: block;
  width: 100%;
  padding: 22px 14px 8px !important;
  border-radius: 14px;
  background: var(--bg2);
  border: 1.5px solid var(--border);
  font-size: 14px;
  color: var(--text);
  font-family: inherit;
  transition: border-color .2s, box-shadow .2s, background .2s;
  appearance: none;
  -webkit-appearance: none;
}
.woocommerce form .form-row input.input-text::placeholder { color: transparent; }

/* focus */
.woocommerce form .form-row.bb-focused .input-text,
.woocommerce form .form-row.bb-focused select {
  outline: none;
  border-color: var(--p1);
  background: var(--white);
  box-shadow: 0 0 0 3.5px rgba(192,26,46,.1);
}

/* label — داخل input (حالت پیش‌فرض) */
.woocommerce form .form-row > label:not(.checkbox) {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13.5px;
  color: var(--gray);
  font-weight: 500;
  pointer-events: none;
  transition: top .18s ease, font-size .18s ease, color .18s ease, transform .18s ease;
  padding: 0 2px;
  z-index: 2;
  line-height: 1;
  white-space: nowrap;
  margin: 0;
}

/* label بالا — وقتی focused یا مقدار دارد */
.woocommerce form .form-row.bb-focused > label:not(.checkbox),
.woocommerce form .form-row.bb-has-value > label:not(.checkbox) {
  top: 10px;
  transform: translateY(0);
  font-size: 10.5px;
  font-weight: 700;
  color: var(--gray);
}
.woocommerce form .form-row.bb-focused > label:not(.checkbox) {
  color: var(--p1);
}

/* مخفی کردن (اختیاری) که ووکامرس اضافه می‌کند */
.woocommerce form .form-row label .optional { display: none !important; }

/* ستاره required */
.woocommerce form .form-row label abbr[title],
.woocommerce form .form-row label .required {
  color: var(--p1);
  text-decoration: none;
}

/* textarea — بدون floating label، ساده */
.woocommerce-checkout textarea,
#order_comments {
  display: block;
  width: 100%;
  padding: 14px !important;
  border-radius: 14px;
  min-height: 80px;
  resize: vertical;
  background: var(--bg2);
  border: 1.5px solid var(--border);
  font-size: 13.5px;
  font-family: inherit;
  color: var(--text);
  transition: border-color .2s, box-shadow .2s;
}
.woocommerce-checkout textarea:focus,
#order_comments:focus {
  outline: none;
  border-color: var(--p1);
  background: var(--white);
  box-shadow: 0 0 0 3.5px rgba(192,26,46,.1);
}
.woocommerce-checkout textarea::placeholder,
#order_comments::placeholder {
  color: var(--gray);
  opacity: 1;
}
#order_comments_field label { display: none !important; }

/* ════════════════════════════════════════════════════════════
   موبایل: دکمه‌های سبد — ستونی، پرداخت اول
   ════════════════════════════════════════════════════════════ */
@media (max-width: 600px) {
  .bb-cart-actions {
    flex-direction: column;
    gap: 10px;
  }
  /* پرداخت اول (در HTML هم اول است) */
  .bb-cart-checkout-btn { order: 1; }
  .bb-cart-backshop-btn { order: 2; }
  .bb-cart-checkout-btn,
  .bb-cart-backshop-btn {
    width: 100%;
    flex: none;
  }
}
.woocommerce ul.order_details::after, .woocommerce ul.order_details::before{
    display:none !important;
}
.woocommerce ul.order_details li{
    margin-left:0 !important;
}
/* ─── صفحه تایید سفارش (BurgerBox Custom) ─── */
.bb-order-section {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 20px 18px 16px;
  margin-bottom: 20px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
.bb-section-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--p1);
  margin: 0 0 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border);
}
.bb-order-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
}
.bb-order-table th,
.bb-order-table td {
  padding: 9px 6px;
  text-align: right;
  border-bottom: 1px solid var(--border);
  color: var(--text);
}
.bb-order-table thead th {
  font-weight: 700;
  font-size: 12.5px;
  color: var(--text2);
  background: var(--bg2);
}
.bb-order-table tbody tr:last-child td {
  border-bottom: none;
}
.bb-order-total th,
.bb-order-total td {
  font-weight: 700;
  font-size: 14px;
  color: var(--text);
  border-top: 2px solid var(--border);
  border-bottom: none;
  background: var(--bg2);
}
.bb-past-orders-section {
  margin-top: 24px;
}
.bb-past-orders-table td,
.bb-past-orders-table th {
  font-size: 13px;
}

/* ─── مخفی پیش‌فرض بخش ارسال WooCommerce در checkout ─── */
.woocommerce-checkout tr.woocommerce-shipping-totals,
.woocommerce-checkout tr.shipping,
.woocommerce-checkout .woocommerce-shipping-fields {
  display: none;
}

/* ─── حذف کامل بخش ship to different address ─── */
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout #ship-to-different-address,
.woocommerce-checkout .shipping_address {
  display: none !important;
}

/* ─── جدول متادیتا در صفحه تایید سفارش ─── */
.bb-meta-table th {
  width: 40%;
  font-weight: 600;
  color: var(--text2);
  font-size: 13px;
  padding: 8px 6px;
  border-bottom: 1px solid var(--border);
  text-align: right;
}
.bb-meta-table td {
  font-size: 13px;
  padding: 8px 6px;
  border-bottom: 1px solid var(--border);
  color: var(--text);
}
.bb-meta-table tr:last-child th,
.bb-meta-table tr:last-child td {
  border-bottom: none;
}

/* ─── دکمه‌ی شناور «ثبت سفارش» (checkout-fields.php + checkout-submit.js) ─── */
.bb-sticky-placeorder {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 480px;
  padding: 12px 16px max(12px, env(safe-area-inset-bottom));
  z-index: 90;
  background: linear-gradient(to top, rgba(255,255,255,0.98) 55%, transparent);
  display: flex;
  justify-content: center;
}
.bb-sticky-placeorder #place_order {
  width: auto;
  min-width: 220px;
  opacity: .55;
  transition: opacity .25s, box-shadow .25s;
}
.bb-sticky-placeorder.bb-ready #place_order {
  opacity: 1;
  box-shadow: 0 10px 30px rgba(192,26,46,0.35);
}
.bb-checkout-bottom-space {
  height: 90px;
}

/* ─── دکمه‌ی «بازگشت به منو» (thankyou.php + my-account dashboard.php) ─── */
.bb-back-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: linear-gradient(135deg, var(--p1), var(--p2));
  color: #fff;
  text-decoration: none;
  border-radius: var(--radius-pill);
  padding: 11px 22px;
  font-size: 13.5px;
  font-weight: 700;
  box-shadow: var(--shadow-red);
  margin-bottom: 18px;
  transition: transform .15s, box-shadow .15s;
}
.bb-back-menu-btn:hover {
  box-shadow: 0 10px 28px rgba(192,26,46,0.4);
}
.bb-back-menu-btn:active {
  transform: scale(.97);
}
.bb-back-menu-btn svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* ─── داشبورد حساب کاربری ─── */
.bb-account-greeting {
  font-size: 13.5px;
  color: var(--text2);
  margin-bottom: 18px;
}
.bb-no-orders {
  font-size: 13px;
  color: var(--gray);
  text-align: center;
  padding: 20px 0;
}

/* ══════════════════════════════════════════
   داشبورد حساب کاربری — طراحی جدید
══════════════════════════════════════════ */

/* حذف منوی پیش‌فرض WooCommerce */
.woocommerce-MyAccount-navigation { display: none !important; }
.woocommerce-MyAccount-content {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
  border: none !important;
}
.woocommerce-account .woocommerce { padding: 0 !important; }

/* ── wrapper کلی ── */
.bb-myaccount-wrap {
  max-width: 600px;
  margin: 0 auto;
  padding: 10px 0 60px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* ── هدر (بازگشت + نام کاربر) ── */
.bb-myaccount-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.bb-myaccount-title {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--text2);
}
.bb-myaccount-title svg {
  width: 18px;
  height: 18px;
  color: var(--p1);
  flex-shrink: 0;
}

/* ── عنوان «سفارش‌های من» ── */
.bb-orders-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 800;
  color: var(--text);
  margin: 4px 0 0;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--border);
}
.bb-orders-heading svg {
  width: 20px;
  height: 20px;
  color: var(--p1);
  flex-shrink: 0;
}
.bb-orders-count {
  margin-right: auto;
  background: var(--pg2);
  color: var(--p1);
  font-size: 12px;
  font-weight: 700;
  border-radius: 99px;
  padding: 2px 10px;
  border: 1px solid rgba(192,26,46,0.15);
}

/* ── وقتی سفارش نیست ── */
.bb-no-orders-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 40px 20px;
  text-align: center;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.bb-no-orders-card svg {
  width: 48px;
  height: 48px;
  color: var(--gray2);
}
.bb-no-orders-card p {
  font-size: 14px;
  color: var(--gray);
}
.bb-order-now-btn {
  display: inline-block;
  background: linear-gradient(135deg, var(--p1), var(--p2));
  color: #fff;
  text-decoration: none;
  border-radius: 99px;
  padding: 10px 24px;
  font-size: 13.5px;
  font-weight: 700;
  box-shadow: var(--shadow-red);
}

/* ── لیست سفارش‌ها ── */
.bb-orders-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* ── کارت هر سفارش ── */
.bb-order-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.05);
}

/* سر کارت: شماره + وضعیت */
.bb-order-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px 12px;
  border-bottom: 1px solid var(--border);
  background: var(--bg2);
}
.bb-order-num {
  font-size: 14px;
  font-weight: 800;
  color: var(--text);
  letter-spacing: -.2px;
}
.bb-order-status-badge {
  font-size: 11.5px;
  font-weight: 700;
  border-radius: 99px;
  padding: 4px 12px;
}

/* تاریخ */
.bb-order-date {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  color: var(--gray);
  padding: 10px 16px;
  border-bottom: 1px solid var(--border);
}
.bb-order-date svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: var(--gray2);
}

/* اقلام */
.bb-order-items {
  display: flex;
  flex-direction: column;
  padding: 6px 0;
}
.bb-order-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  border-bottom: 1px dashed var(--border);
}
.bb-order-item:last-child { border-bottom: none; }
.bb-order-item-img {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 0;
  background: var(--bg2);
  border: 1px solid var(--border);
}
.bb-order-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bb-order-item-img--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bb-order-item-img--placeholder svg {
  width: 20px;
  height: 20px;
  color: var(--gray2);
}
.bb-order-item-info {
  flex: 1;
  min-width: 0;
}
.bb-order-item-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bb-order-item-meta {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bb-order-item-qty {
  font-size: 12px;
  color: var(--gray);
  background: var(--bg3);
  border-radius: 99px;
  padding: 2px 8px;
}
.bb-order-item-price {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--a1);
}
.bb-order-item-price .woocommerce-Price-currencySymbol { font-weight: 400; font-size: 11px; }

/* فوتر کارت: جمع کل */
.bb-order-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: linear-gradient(135deg, rgba(192,26,46,0.04), transparent);
  border-top: 2px solid var(--border);
}
.bb-order-total-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--text2);
}
.bb-order-total-val {
  font-size: 15px;
  font-weight: 800;
  color: var(--a1);
}
.bb-order-total-val .woocommerce-Price-currencySymbol { font-size: 12px; font-weight: 400; }

/* ── پنهان کردن wrapper فیلدهای hidden در checkout (برای کاربر لاگین) ── */
.woocommerce-checkout p.form-row.bb-hidden-field {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ── کارت اطلاعات کاربر لاگین‌شده در checkout ── */
.bb-checkout-user-info {
    background: var(--g2, #f9f7f4);
    border: 1.5px solid var(--border, #e8e0d8);
    border-radius: 14px;
    padding: 14px 18px;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.bb-checkout-user-row {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 600;
    color: var(--text, #1a1a1a);
    direction: rtl;
}
.bb-checkout-user-row svg {
    flex-shrink: 0;
    color: var(--p1, #c0392b);
}