/* ================= CART + CHECKOUT — پوستهٔ «ضربان» (نه بنفش پیش‌فرض ووکامرس) ================= */

/* --- سرصفحهٔ صفحه --- */
.woocommerce-cart .arka-page > h1,
.woocommerce-checkout .arka-page > h1{
  font-size:24px;display:flex;align-items:center;gap:12px;margin:18px 0 20px;color:var(--ink)}
.woocommerce-cart .arka-page > h1::before,
.woocommerce-checkout .arka-page > h1::before{
  content:'';width:5px;height:26px;border-radius:4px;background:var(--pulse);flex:none}

/* --- اعلان‌ها --- */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-error li{
  background:var(--card) !important;border:1px solid var(--line) !important;
  border-inline-start:4px solid var(--petrol) !important;color:var(--txt) !important;
  border-radius:var(--r-s) !important;font-size:13px;padding:13px 16px !important;margin-bottom:14px}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before,.woocommerce-error li::before{content:none !important;display:none !important}
.woocommerce-error,.woocommerce-error li{border-inline-start-color:var(--pulse) !important}
.woocommerce-message a.button,.woocommerce-info a.button{background:var(--petrol-soft);color:var(--petrol);border-radius:10px;padding:7px 13px;font-weight:800;font-size:12px;border:0}

/* --- فیلدها: ورودی/سلکت/تکست‌اریا («همان دردی که در استیل‌پیچ داشتیم») --- */
.woocommerce form .form-row{margin-bottom:14px;padding:0}
.woocommerce form .form-row label{font-size:12px;font-weight:700;color:var(--txt2);margin-bottom:6px;display:block}
.woocommerce form .form-row label .required{color:var(--pulse);text-decoration:none}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce table.cart td.actions .coupon .input-text{
  border:1.5px solid var(--line);background:var(--card);padding:12px 14px;font-size:13.5px;font-family:inherit;
  border-radius:var(--r-s);box-shadow:none;width:100%;color:var(--txt);min-height:47px;transition:border-color .15s,box-shadow .15s}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.woocommerce table.cart td.actions .coupon .input-text:focus{
  outline:none;border-color:var(--petrol);box-shadow:0 0 0 3px var(--petrol-soft)}
.woocommerce form .form-row select{
  appearance:none;-webkit-appearance:none;cursor:pointer;padding-inline-end:38px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 5l5 5 5-5' fill='none' stroke='%230E6390' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:left 14px center;background-size:12px}
.woocommerce input[type=checkbox],.woocommerce input[type=radio]{accent-color:var(--petrol);width:17px;height:17px;flex:none}
.woocommerce form .form-row .woocommerce-input-wrapper{width:100%;display:block}

/* select2/selectWoo — استان بدون پاپ‌آپ سیستم‌عامل */
.select2-container--default .select2-selection--single{
  border:1.5px solid var(--line);border-radius:var(--r-s);height:47px;padding:9px 8px;background:var(--card);transition:border-color .15s,box-shadow .15s}
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single{border-color:var(--petrol);box-shadow:0 0 0 3px var(--petrol-soft)}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--txt);font-size:13.5px;line-height:27px}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:45px;left:8px;right:auto}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var(--petrol) transparent transparent}
.select2-dropdown{border:1.5px solid var(--line);border-radius:var(--r-s);box-shadow:var(--shadow-m);overflow:hidden}
.select2-search--dropdown .select2-search__field{border:1.5px solid var(--line) !important;border-radius:10px;padding:8px 10px;font-family:inherit}
.select2-results__option{font-size:13px;padding:9px 14px}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--petrol);color:#fff}
.select2-container--default .select2-results__option[aria-selected=true]{background:var(--petrol-soft);color:var(--petrol)}

/* --- سربرگ‌های بخش --- */
.woocommerce-billing-fields h3,#ship-to-different-address,#order_review_heading,.cart_totals h2,
.woocommerce-additional-fields h3{
  font-size:16px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:10px;
  border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:18px}
.woocommerce-billing-fields h3::before,#order_review_heading::before,.cart_totals h2::before,
.woocommerce-additional-fields h3::before{content:'';width:18px;height:4px;border-radius:3px;background:var(--pulse);flex:none}

/* --- چیدمان تسویه: دو ستون + کارت‌ها --- */
#customer_details .col-1,#customer_details .col-2{float:none;width:100%}
form.checkout #customer_details,
form.checkout #order_review,
.woocommerce-cart-form,
.cart-collaterals .cart_totals{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r-m);padding:22px;box-shadow:var(--shadow-s)}
@media(min-width:1121px){
  form.checkout.woocommerce-checkout{display:grid;grid-template-columns:minmax(0,1fr) 440px;grid-template-rows:auto 1fr;gap:0 24px;align-items:start}
  form.checkout.woocommerce-checkout #customer_details{grid-column:1;grid-row:1/3}
  form.checkout.woocommerce-checkout #order_review_heading{grid-column:2;grid-row:1;margin-bottom:0;padding-top:6px}
  form.checkout.woocommerce-checkout #order_review{grid-column:2;grid-row:2;margin-top:14px}
}

/* --- جدول مرور سفارش / جمع سبد --- */
#order_review table.shop_table,.cart_totals table.shop_table{
  border:1px solid var(--line);border-radius:var(--r-s);background:var(--card);border-collapse:separate;border-spacing:0;margin:0;overflow:hidden;width:100%}
#order_review table.shop_table th,#order_review table.shop_table td,
.cart_totals table.shop_table th,.cart_totals table.shop_table td{
  border:0;border-bottom:1px dashed var(--line);padding:12px 14px;font-size:12.5px;vertical-align:middle;background:transparent}
#order_review table.shop_table tr:last-child th,#order_review table.shop_table tr:last-child td,
.cart_totals table.shop_table tr:last-child th,.cart_totals table.shop_table tr:last-child td{border-bottom:0}
#order_review table.shop_table thead th{background:var(--ink);color:#fff;font-size:11px;font-weight:800;border-bottom:0}
.cart_totals table.shop_table th{width:38%;color:var(--txt2);font-weight:700}
.woocommerce-Price-amount{font-weight:800;direction:ltr;display:inline-block}
#order_review tr.order-total td,.cart_totals tr.order-total td{background:var(--petrol-soft);font-size:14px}
#order_review tr.order-total .woocommerce-Price-amount,
.cart_totals tr.order-total .woocommerce-Price-amount{color:var(--pulse-deep);font-size:16px}
#order_review td.product-name .variation,.cart_totals .variation{font-size:10.5px;color:var(--txt2)}

/* --- روش‌های ارسال: کارت‌های انتخاب --- */
ul#shipping_method{display:grid;gap:9px;padding:4px 0;list-style:none;margin:0}
ul#shipping_method li{
  display:flex;align-items:center;gap:11px;border:1.5px solid var(--line);background:var(--card);
  border-radius:var(--r-s);padding:12px 13px;margin:0;cursor:pointer;transition:border-color .15s,background .15s}
ul#shipping_method li:hover{border-color:var(--petrol)}
ul#shipping_method li:has(input:checked){border-color:var(--petrol);background:var(--petrol-soft);box-shadow:inset 4px 0 0 var(--petrol)}
ul#shipping_method li input{margin:0}
ul#shipping_method li label{font-size:12.5px;font-weight:700;color:var(--txt);cursor:pointer;display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;width:100%;margin:0}
ul#shipping_method li label .woocommerce-Price-amount{margin-inline-start:auto;color:var(--petrol)}
.woocommerce-shipping-destination{font-size:11px;color:var(--txt2)}
.woocommerce-shipping-methods + p{font-size:11px;color:var(--txt2)}

/* --- پرداخت --- */
#payment{background:transparent !important;border-radius:0}
#payment ul.payment_methods{border-bottom:0 !important;padding:0 !important;display:grid;gap:9px;margin:0 0 8px}
#payment ul.payment_methods li{
  display:flex;align-items:center;flex-wrap:wrap;gap:10px;
  border:1.5px solid var(--line);background:var(--card);border-radius:var(--r-s);padding:13px 14px;list-style:none;transition:border-color .15s,background .15s}
#payment ul.payment_methods li:hover{border-color:var(--petrol)}
#payment ul.payment_methods li:has(input:checked){border-color:var(--petrol);background:var(--petrol-soft);box-shadow:inset 4px 0 0 var(--petrol)}
#payment ul.payment_methods li input{margin:0}
/* دو درگاه (سامان swi + سامان کیش) — عنوان راست، لوگو انتهای کارت */
#payment ul.payment_methods li label{flex:1;font-weight:800;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:9px;margin:0}
#payment ul.payment_methods li label img{max-height:30px;width:auto;margin-inline-start:auto;border-radius:6px;background:#fff}
#payment div.payment_box{flex-basis:100%;background:var(--canvas) !important;border:1px solid var(--line);border-radius:var(--r-s) !important;font-size:12px;color:var(--txt2);margin:2px 0 0 !important;padding:11px 13px !important}
#payment div.payment_box::before{display:none !important}
#payment div.payment_box p{margin:0;line-height:2}
.woocommerce-privacy-policy-text p{font-size:11px;color:var(--txt2);line-height:2}
/* پیش‌نمایش «شرایط و مقررات» (با کلیک روی لینک باز می‌شود) — محتوای برگه را مهار کن */
.woocommerce-terms-and-conditions{border:1px solid var(--line);border-radius:var(--r-s);background:var(--canvas);padding:14px;font-size:11.5px;color:var(--txt2);line-height:2;margin-bottom:12px}
.woocommerce-terms-and-conditions img{max-width:100%;height:auto;border-radius:10px}
.woocommerce-terms-and-conditions h2,.woocommerce-terms-and-conditions h3{font-size:13px;color:var(--txt);margin:8px 0 4px}
.woocommerce-terms-and-conditions-checkbox-text{font-size:12.5px}
.woocommerce-terms-and-conditions-checkbox-text a{color:var(--petrol);font-weight:800}
.woocommerce-terms-and-conditions-checkbox-text a:hover{text-decoration:underline}
.woocommerce-terms-and-conditions-wrapper .validate-required .required{color:var(--pulse);text-decoration:none}

/* چک‌باکس‌های رضایت/پیامک (متن‌باکس افزونهٔ پیامک هم همین را می‌گیرد) */
#payment .form-row.place-order{padding:0;margin-top:14px}
/* رنگ‌های اعتبارسنجی ووکامرس (سبز/قرمز پیش‌فرض) → پالت قالب */
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select,
.woocommerce form .form-row.woocommerce-invalid .select2-selection--single{border-color:var(--pulse) !important;box-shadow:0 0 0 3px rgba(255,59,78,.12)}
.woocommerce form .form-row.woocommerce-invalid label{color:var(--pulse)}
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select,
.woocommerce form .form-row.woocommerce-validated .select2-selection--single{border-color:var(--teal) !important}
.woocommerce-checkout label.checkbox,.woocommerce form .form-row label.checkbox{
  display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--txt);font-weight:600;cursor:pointer}

/* --- دکمهٔ ثبت سفارش / ادامهٔ تسویه --- */
#place_order,.wc-proceed-to-checkout a.checkout-button{
  background:var(--pulse) !important;color:#fff !important;border:0 !important;border-radius:14px !important;
  font-family:inherit;font-size:15px !important;font-weight:800 !important;width:100%;padding:16px 24px !important;
  box-shadow:0 8px 26px rgba(255,59,78,.35);cursor:pointer;transition:background .15s,transform .15s;text-align:center}
#place_order:hover,.wc-proceed-to-checkout a.checkout-button:hover{background:var(--pulse-deep) !important;transform:translateY(-1px)}
.wc-proceed-to-checkout{padding:14px 0 0 !important;margin:0}

/* --- جدول سبد خرید --- */
.woocommerce table.cart{border:0;background:transparent;border-collapse:separate;border-spacing:0;margin:0;width:100%}
.woocommerce table.cart thead th{background:var(--ink);color:#fff;font-size:11px;font-weight:800;padding:12px 13px;border:0}
.woocommerce table.cart thead th:first-child{border-start-end-radius:var(--r-s)}
.woocommerce table.cart thead th:last-child{border-start-start-radius:var(--r-s)}
.woocommerce table.cart td{border:0;border-bottom:1px dashed var(--line);padding:14px 12px;font-size:13px;vertical-align:middle;background:transparent}
.woocommerce table.cart img{width:62px;height:62px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:12px}
.woocommerce table.cart td.product-name a{font-weight:700;color:var(--txt)}
.woocommerce table.cart td.product-name a:hover{color:var(--petrol)}
.woocommerce table.cart td.product-name .variation{font-size:10.5px;color:var(--txt2);margin:3px 0 0}
.woocommerce table.cart td.product-name .variation dt,.woocommerce table.cart td.product-name .variation dd{margin:0;display:inline}
.woocommerce table.cart a.remove{
  color:var(--pulse) !important;width:28px;height:28px;line-height:25px;border:1.5px solid var(--line);
  border-radius:9px;font-size:16px;background:#fff !important;transition:.15s}
.woocommerce table.cart a.remove:hover{background:var(--pulse) !important;color:#fff !important;border-color:var(--pulse)}

/* استپر تعداد (دکمه‌ها را JS اضافه می‌کند؛ ذخیره ای‌جکسی) */
.woocommerce .cart .quantity{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);border-radius:12px;background:var(--card);padding:4px 6px}
.woocommerce .cart .quantity input.qty{border:0;width:44px;text-align:center;font-size:13.5px;font-weight:800;color:var(--txt);background:transparent;-moz-appearance:textfield;padding:4px 0;min-height:0}
.woocommerce .cart .quantity input::-webkit-inner-spin-button,
.woocommerce .cart .quantity input::-webkit-outer-spin-button{-webkit-appearance:none}
.woocommerce .cart .quantity .aq{width:28px;height:28px;border:0;border-radius:9px;background:var(--petrol-soft);color:var(--petrol);font-size:15px;cursor:pointer;flex:none;display:grid;place-items:center;transition:background .15s}
.woocommerce .cart .quantity .aq:hover{background:#D8E9F2}
.arka-cart-busy{opacity:.45;pointer-events:none;transition:opacity .15s}

/* کوپن + اکشن‌ها */
.woocommerce table.cart td.actions{padding:14px 0 0;border-bottom:0}
.woocommerce table.cart td.actions .coupon{display:flex;gap:8px;float:none}
.woocommerce table.cart td.actions .coupon .input-text{width:200px !important;min-height:44px}
.woocommerce table.cart td.actions .button,
.woocommerce table.cart td.actions .coupon .button{
  background:var(--petrol-soft) !important;color:var(--petrol) !important;border:0 !important;border-radius:12px !important;
  font-weight:800 !important;font-size:12.5px !important;padding:12px 18px !important;cursor:pointer;transition:background .15s}
.woocommerce table.cart td.actions .button:hover{background:#D8E9F2 !important}
.woocommerce table.cart td.actions > .button[name="update_cart"]{display:none} /* تعدادها ای‌جکسی ذخیره می‌شوند */

/* جمع کل سبد — دسکتاپ: ستون کنار جدول، نه زیر آن */
.cart_totals{width:100% !important;float:none !important}
.cart-collaterals{display:grid;grid-template-columns:minmax(0,1fr);margin-top:20px}
.cart-collaterals .cart_totals{width:100%}
@media(min-width:1121px){
  .woocommerce-cart .arka-page .entry .woocommerce{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:0 24px;align-items:start}
  .woocommerce-cart .arka-page .woocommerce-notices-wrapper{grid-column:1/-1}
  .woocommerce-cart .arka-page .woocommerce-cart-form{grid-column:1}
  .woocommerce-cart .arka-page .cart-collaterals{grid-column:2;grid-row:2;margin-top:0}
}
.woocommerce-shipping-calculator .shipping-calculator-button{font-size:12px;color:var(--petrol);font-weight:700}
.cross-sells{display:none} /* کشف محصول را ریل‌ها و دستیار انجام می‌دهند؛ سبد تمرکز است */

/* سبد خالی */
.cart-empty.woocommerce-info{border-style:dashed !important;text-align:center;font-weight:700}
.return-to-shop .button{
  background:var(--pulse) !important;color:#fff !important;border-radius:14px !important;font-weight:800 !important;
  padding:14px 22px !important;box-shadow:0 8px 26px rgba(255,59,78,.3)}

/* --- موبایل --- */
@media(max-width:920px){
  form.checkout #customer_details,form.checkout #order_review,.woocommerce-cart-form,.cart-collaterals .cart_totals{padding:16px;border-radius:var(--r-s)}
  .cart-collaterals .cart_totals{max-width:none}
  /* جدول سبد → کارت‌های ردیفی (woocommerce-smallscreen خطوط را می‌شکند؛ ما مرتبش می‌کنیم) */
  .woocommerce table.cart thead{display:none}
  .woocommerce table.cart td{border-bottom:0;padding:6px 4px}
  .woocommerce table.cart tr.woocommerce-cart-form__cart-item{display:grid;grid-template-columns:70px 1fr auto;grid-template-areas:'img name remove' 'img price price' 'img qty subtotal';gap:2px 10px;align-items:center;border-bottom:1px dashed var(--line);padding:12px 0}
  .woocommerce table.cart td.product-thumbnail{grid-area:img;display:block !important} /* woo smallscreen hides it; the card wants it */
  .woocommerce table.cart td.product-name{grid-area:name;font-size:12.5px}
  .woocommerce table.cart td.product-price{grid-area:price;font-size:12px;color:var(--txt2)}
  .woocommerce table.cart td.product-quantity{grid-area:qty}
  .woocommerce table.cart td.product-subtotal{grid-area:subtotal;justify-self:end;font-weight:800}
  .woocommerce table.cart td.product-remove{grid-area:remove;justify-self:end}
  .woocommerce table.cart td::before{display:none !important;content:none !important}
  /* دکمهٔ ثبت سفارش: چسبان بالای ناوبری پایین */
  .woocommerce-checkout #place_order{position:fixed;inset-inline:12px;bottom:calc(70px + env(safe-area-inset-bottom));z-index:70;width:auto}
  .woocommerce-checkout #payment .place-order{padding-bottom:74px}
  /* iOS: جلوگیری از زوم خودکار روی فیلدها */
  .woocommerce input[type=text],.woocommerce input[type=tel],.woocommerce input[type=email],
  .woocommerce input[type=password],.woocommerce input[type=number],.woocommerce select,
  .woocommerce textarea,.select2-search__field,.select2-selection__rendered{font-size:16px !important}
}