/* ============== Lifostep Cart – no backgrounds, clean lines ============== */

:root{
  --text:#0f172a; --muted:#475569; --line:#e5e7eb;
}

/* کانتینر صفحه (بدون بک‌گراند) */
.ls-cart-page{ max-width:1100px; margin:24px auto; padding:0 16px; background:transparent; }

/* چیدمان: محصولات بالا، توتال‌ها زیرش (راست در دسکتاپ) */
.ls-cart-main{ width:100%; }
.ls-cart-summary{ width:100%; margin-top:16px; }
.ls-cart-summary .cart-collaterals{ max-width:520px; margin-left:auto; }
@media (max-width:640px){ .ls-cart-summary .cart-collaterals{ max-width:100%; margin-left:0; } }

/* جدول: بدون هرگونه پس‌زمینه/کادر، فقط خطوط زیرین */
.woocommerce table.shop_table{
  width:100%; border:none !important; border-collapse:collapse !important;
  background:transparent !important; box-shadow:none !important;
  margin:0 0 8px;
}
.woocommerce table.shop_table thead{ background:transparent !important; }
.woocommerce table.shop_table thead th{
  border:none !important; border-bottom:1px solid #00000021 !important;
  color:var(--text); font-weight:600; background:transparent !important; padding:10px 0;
}
/* همه td ها: بدون بوردر و پس‌زمینه شفاف */
.woocommerce table.shop_table td {
  border: none !important;
  background: transparent !important;
  padding: 12px 0;
  vertical-align: middle;
}

/* فقط زیر ردیف‌های سبد خرید (محصولات) یک خط بگذار */
.woocommerce-cart-form .shop_table.cart tr td {
  border-bottom: 1px solid #00000021 !important;
}

/* بخش کوپن تخفیف و اکشن‌ها: خط بالا و پایین */
.woocommerce table.shop_table td.actions {
  border-top: 1px solid #00000021 !important;
  border-bottom: 1px solid #00000021 !important;
  padding: 16px 0 !important;
}

/* تصویر محصول بزرگ، بدون پس‌زمینه */
.ls-cart-main .product-thumbnail img{
  width:100px; height:100px; object-fit:cover; border-radius:10px; display:block; background:transparent;
}
@media (max-width:640px){ .ls-cart-main .product-thumbnail img{ width:88px; height:88px; } }

/* نام محصول: وزن 400، بی‌زیرخط، بدون بک‌گراند */
.ls-cart-main .product-name .ls-name{
  display:inline-block; font-weight:400; font-size:16px; color:var(--text);
  text-decoration:none !important; margin:2px 0 8px; background:transparent;
}
.ls-cart-main .product-name{ background:transparent; }
@media (max-width:640px){ .ls-cart-main .product-name{ direction:ltr; text-align:left; } }

/* ویژگی‌ها و قیمت واحد */
.ls-unit-price{ font-size:13px; color:var(--muted); margin-bottom:6px; }

/* کنترل تعداد + حذف (بدون بک‌گراندهای توپر) */
.ls-qty-wrap{ display:flex; align-items:center; gap:10px; margin-top:4px; }
.ls-qty-wrap .qty{
  width:64px; height:36px; border:1px solid #cfc8d8; border-radius:8px;
  text-align:center; font:inherit; background:transparent; color:var(--text);
}
.ls-qty-wrap .ls-remove{
  display:inline-flex; align-items:center; justify-content:center;
  width:32px; height:32px; border-radius:8px; border:1px solid #e2e8f0;
  background:transparent; color:#334155; text-decoration:none;
  transition: color .15s ease, transform .06s ease, border-color .15s ease;
}
.ls-qty-wrap .ls-remove:hover{ color:#dc2626; border-color:#fecaca; }
.ls-qty-wrap .ls-remove:active{ transform:translateY(1px); }

/* ستون مجموع هر ردیف */
.woocommerce td.product-subtotal{ font-weight:700; color:var(--text); }

/* نوار اکشن‌های جدول: شفاف + فقط خط بالا */
.woocommerce .cart .actions{
  background:transparent; border-top:1px solid var(--line); padding:20px 0px 20px;
}

/* کوپن (می‌ماند در جای پیش‌فرض) اما مینیمال و شفاف */
.woocommerce .cart .actions .coupon{
  display:flex; gap:8px; align-items:center; flex-wrap:wrap; background:transparent;
}
.woocommerce .cart .actions .coupon label{ font-weight:600; color:var(--text); }
.woocommerce .cart .actions .coupon .input-text{
  height:42px; border:1px solid #e2e8f0; border-radius:10px; padding:0 12px;
  background:transparent; color:var(--text);
}

/* Totals (بدون کارت/پس‌زمینه) */
.cart-collaterals{ background:transparent !important; }
.cart-collaterals .cart_totals{ background:transparent !important; }
.cart-collaterals .cart_totals > h2{
  font-size:18px; font-weight:800; margin:0 0 10px; color:var(--text);
}
.cart-collaterals .cart_totals table{
  width:100%; border:none; border-collapse:collapse; background:transparent;
}
.cart-collaterals .cart_totals th,
.cart-collaterals .cart_totals td{
  border:none; border-bottom:1px solid var(--line); padding:10px 0; background:transparent;
}
.cart-collaterals .cart_totals .order-total th,
.cart-collaterals .cart_totals .order-total td{
  font-weight:800; color:var(--text); border-bottom:none;
}

/* دکمه‌ها: مشکی، بدون سایه/بک‌گراند اضافه، هاور نرم */
.button, .woocommerce a.button, .woocommerce button.button, .checkout-button{
  background:#111 !important; color:#fff !important;
  border-radius:12px !important; border:none !important;
  min-height:30px; padding:10px 16px !important;
  text-decoration:none !important; font-weight:700 !important;
  box-shadow:none !important;
  transition: filter .2s ease, transform .06s ease;
}
.button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .checkout-button:hover{
  filter:brightness(1.05);
}
.button:active, .woocommerce a.button:active, .woocommerce button.button:active, .checkout-button:active{
  transform:translateY(1px);
}
/* متن دکمه‌ها همیشه وسط */
.woocommerce .wc-proceed-to-checkout, .woocommerce .cart .actions{ text-align:left; }
.woocommerce .wc-proceed-to-checkout .checkout-button{ width:100%; height:48px; }

/* دکمه Update cart پنهانِ بصری (برای آپدیت خودکار) */
.woocommerce-cart-form .actions button[name="update_cart"]{
  position:absolute !important; width:1px !important; height:1px !important;
  padding:0 !important; margin:-1px !important; overflow:hidden !important;
  clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important;
}

/* سایز و جایگاه بخش Cart Totals */
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  float: right;      /* در دسکتاپ بچسبه راست */
  width: 70% !important;  /* اینجا عدد رو تغییر بده (مثلاً 60% یا 70%) */
  max-width: 600px;  /* برای جلوگیری از بیش از حد بزرگ شدن */
  box-sizing: border-box;
}
@media (max-width: 640px) {
  .woocommerce .cart-collaterals .cart_totals,
  .woocommerce-page .cart-collaterals .cart_totals {
    width: 100% !important;
    float: none !important;
  }
}
@media (min-width: 1024px) {
  .woocommerce table.shop_table th {
    padding-left: 0 !important;
  }
}

@media (min-width: 1024px) {
  .woocommerce-cart .cart-collaterals .cart_totals table tr,
  .woocommerce-checkout .cart-collaterals .cart_totals table tr,
  #add_payment_method .cart-collaterals .cart_totals table tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #00000021;
  }

  /* عنوان سمت چپ */
  .woocommerce-cart .cart-collaterals .cart_totals table th,
  .woocommerce-checkout .cart-collaterals .cart_totals table th,
  #add_payment_method .cart-collaterals .cart_totals table th {
    text-align: left;
    flex: 1;
    
  }

  /* قیمت سمت راست */
  .woocommerce-cart .cart-collaterals .cart_totals table td,
  .woocommerce-checkout .cart-collaterals .cart_totals table td,
  #add_payment_method .cart-collaterals .cart_totals table td {
    text-align: right;
    flex: 1;
  }
}




/* فقط موبایل */
@media (max-width:640px){

  /* برچسب قبلِ سلول‌ها را کلاً خاموش کن (حذف رندر قدیمی) */
  .woocommerce table.shop_table td:before{ display:none !important; }

  /* هر ردیفِ محصول = کارتِ دوستونه */
  .woocommerce-cart-form .shop_table.cart tbody tr.cart_item{
    display:grid;
    grid-template-columns: 110px 1fr;
    gap:14px;
    padding:12px 0;
    border-bottom:1px solid #00000021;
    background:transparent !important;
  }
  .woocommerce-cart-form .shop_table.cart tbody tr.cart_item > td{
    display:block;
    padding:6px 0 !important;
    border:none !important;
    background:transparent !important;
  }

  /* تصویر */
  .woocommerce-cart-form .shop_table.cart td.product-thumbnail{ grid-column:1 / span 1; }
  .woocommerce-cart-form .shop_table.cart td.product-thumbnail img{
    width:110px; height:110px; object-fit:cover; display:block; border-radius:10px;
  }

  /* جزئیات + ابزارها */
  .woocommerce-cart-form .shop_table.cart td.product-name{
    grid-column:2 / span 1;
    display:grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "title qty" "meta qty" "unit qty";
    gap:6px 10px; align-items:start;
  }

  /* عنوان محصول (دست نزنیم به جهت/تراز) */
  .woocommerce-cart-form .shop_table.cart td.product-name .ls-name{
    grid-area:title;
    text-decoration:none !important;
    font-weight:400; font-size:12px; color:#0f172a;
    text-align: left;
  }

  /* فقط متای محصول/Attributes را LTR و چپ‌چین کن */
  .woocommerce-cart-form .shop_table.cart td.product-name .wc-item-meta,
  .woocommerce-cart-form .shop_table.cart td.product-name .variation,
  .woocommerce-cart-form .shop_table.cart td.product-name .wc-item-meta *,
  .woocommerce-cart-form .shop_table.cart td.product-name .variation *{
    grid-area:meta;
    direction:ltr !important;
    text-align:left !important;
  }

  /* قیمت واحد زیر توضیحات — راست‌چین بماند */
  .woocommerce-cart-form .shop_table.cart td.product-name .ls-unit-price{
    grid-area:unit;
    color:#334155; font-weight:600;
    text-align:left;    /* مهم */
  }

  /* تعداد/حذف گوشهٔ راست */
  .woocommerce-cart-form .shop_table.cart td.product-name .ls-qty-wrap{
    grid-area:qty; align-self:start; justify-self:end;
    display:flex; gap:0px; align-items:center;
  }
  .woocommerce-cart-form .shop_table.cart td.product-name .ls-qty-wrap .quantity{ min-width:76px; }
  .woocommerce-cart-form .shop_table.cart td.product-name .ls-qty-wrap .ls-remove{
    width:32px; height:32px; line-height:32px; text-align:center;
    border-radius:8px; background:#f3f4f6; display:inline-block; text-decoration:none;
  }

/* خط جداکننده بالای هر جمع آیتم – با اولویت بالا */
.woocommerce-cart .woocommerce-cart-form .shop_table.cart td.product-subtotal {
    border-top: 1px solid #ddd !important;
    grid-column: 1 / -1;
    text-align: right;
    font-size: 16px;
    padding-top: 6px !important;
}
.woocommerce table.shop_table td.actions {
  border-top: 0px solid #00000021 !important;
  border-bottom: 1px solid #00000021 !important;
  padding: 16px 0 !important;
}
  /* کوپن کنارِ دکمه */
  .woocommerce table.shop_table td.actions .coupon{
    display:flex; gap:10px; align-items:center; flex-wrap:nowrap;
  }
  .woocommerce table.shop_table td.actions .coupon .input-text{
    flex:1 1 auto; min-width:0; height:44px;
  }
  .woocommerce table.shop_table td.actions .coupon .button{
    white-space:nowrap; height:44px; padding:0 16px;
  }

  /* Totals تمام‌عرض زیر کارت‌ها */
  .cart-collaterals, .cart_totals{ width:100% !important; float:none !important; }
}

/* اگر جایی به برچسب‌های :before نیاز داری، این بلاک رو فعال کن؛ در حال حاضر خاموش نگه داریم */
 @media (max-width:640px){
   .woocommerce table.shop_table td:before{
     display:inline-block !important;
     font-weight:700;
     margin:0 0 6px;
   }
 }
 
 
 /* مقدار نهایی: اسپینرها را نشان بده */
.woocommerce .quantity .qty {
  width: 64px !important;
  height: 36px !important;
  text-align: center !important;

  appearance: auto !important;
  -webkit-appearance: auto !important; /* Chrome / Safari */
  -moz-appearance: number-input !important; /* Firefox */

  padding-right: 18px; /* برای وب‌کیت جا برای فلش */
}

/* اگر جایی قبلاً مخفی شده، مجبوراً نمایش بده */
.woocommerce .quantity .qty::-webkit-outer-spin-button,
.woocommerce .quantity .qty::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: inner-spin-button !important;
  display: block !important;
  margin: 0 !important;
  opacity: 1 !important;
}
 
 
@media (max-width: 768px) {
  .woocommerce table.shop_table_responsive tr td::before,
  .woocommerce-page table.shop_table_responsive tr td::before {
    content: attr(data-title); /* دیگه ":" اضافه نکنه */
  }
}

/* کانتینر لوگو را قد می‌دیم */
.site-header .site-logo{ 
  height: 50px;              /* اندازه دلخواه */
  line-height: 0;            /* برای هم‌ترازی تمیز */
}

/* خود تصویر لوگو دقیقا به اندازه‌ی کانتینر دربیاد */
.site-header .site-logo img,
.site-header .site-branding .custom-logo,
.site-header .custom-logo-link img{
  height: 100% !important;
  width: auto !important;
  max-width: none !important; /* خنثی کردن .woocommerce img { max-width:100% } */
}
@media (max-width: 640px){
  .site-header .site-logo{ 
    height: 40px;
    line-height: 0;
  }
  .site-header .site-logo img,
  .site-header .site-branding .custom-logo,
  .site-header .custom-logo-link img{
    height: 100% !important;
    width: auto !important;
    max-width: none !important;
  }
}

@media (min-width: 768px){
  /* ستون عکس باریک‌تر بشه */
  .woocommerce-cart-form .shop_table.cart td.product-thumbnail {
    width: 120px !important;   /* عرض ثابت برای ستون عکس */
    padding-right: 10px !important;
  }

  /* عکس فول‌ویدث داخل همون ستون */
  .woocommerce-cart-form .shop_table.cart td.product-thumbnail img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    margin: 0 !important;      /* فاصله اضافی حذف بشه */
    display: block;
    object-fit: cover;
  }

  /* ستون توضیحات بچسبه */
  .woocommerce-cart-form .shop_table.cart td.product-name {
    padding-left: 10px !important;
  }
}


/* 📌 ریست کردن استایل خطاهای ووکامرس */
.woocommerce-error {
  list-style: none !important;  /* حذف بولت */
  margin: 0 0 15px !important;
  padding: 12px 16px !important;
  border-radius: 8px;
  background: #fef2f2;
  border: 1px solid #fca5a5;
  color: #991b1b;
  font-size: 14px;
  line-height: 1.5;
}
.woocommerce-error li {
  margin: 0 !important;
  padding: 0 !important;
}

/* ✅ پیام موفقیت */
.woocommerce-message {
  margin: 0 0 15px !important;
  padding: 12px 16px !important;
  border-radius: 8px;
  background: #f0fdf4;
  border: 1px solid #86efac;
  color: #166534;
  font-size: 14px;
  line-height: 1.5;
}

/* 🔗 لینک داخل متن */
.woocommerce-error a,
.woocommerce-message a {
  color: inherit !important;
  font-weight: 600;
  text-decoration: underline;
}
.woocommerce-error a:hover,
.woocommerce-message a:hover {
  opacity: 0.8;
}

/* 🎯 دکمه داخل پیام‌ها */
.woocommerce-error .button,
.woocommerce-message .button {
  display: inline-flex;          /* وسط‌چین متن */
  align-items: center;
  justify-content: center;
  height: 36px;                  /* کوچیک‌تر */
  padding: 0 14px;
  font-size: 13px;
  background: #111;
  color: #fff !important;
  border-radius: 6px;
  text-decoration: none !important;
  transition: filter .2s ease, transform .06s ease;
}
.woocommerce-error .button:hover,
.woocommerce-message .button:hover {
  filter: brightness(1.1);
}
.woocommerce-error .button:active,
.woocommerce-message .button:active {
  transform: translateY(1px);
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
  position: relative !important;   /* دیگه absolute نباشه */
  margin-right: 8px;
  left: auto !important;
  top: auto !important;
}

/* دکمه‌های باسکت */
.woocommerce-cart .cart input.button,
.woocommerce-cart .cart button.button,
.woocommerce-cart .cart .wc-proceed-to-checkout a.checkout-button {
  background: #111;              /* مشکی */
  color: #fff;
  border-radius: 9999px;         /* دایره‌ای */
  padding: 12px 24px;
  font-weight: 600;
  transition: all .25s ease;
}

/* هاور برای همه دکمه‌ها */
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wc-proceed-to-checkout a.checkout-button:hover {
  background: #ad0693 !important;   /* سبز جذاب */
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
  filter: brightness(1.05);
}

/* حالت active (کلیک) */
.button:active,
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active,
.wc-proceed-to-checkout a.checkout-button:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
}

@media (max-width:640px){
  /* خود سلول نام محصول: عمودی و چپ‌چین */
  .woocommerce-cart .shop_table.cart td.product-name{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  /* نام محصول یک بلوک کامل در زیر تیتر باشد */
  .woocommerce-cart .shop_table.cart td.product-name .ls-name{
    display: block !important;
    width: 100% !important;
    margin: 6px 0 !important;   /* کمی فاصله از بالا و پایین */
    font-size: 12px;
    font-weight: 500;
    text-align: left !important;
  }

  /* قیمت واحد هم در همان ستون و چپ‌چین */
  .woocommerce-cart .shop_table.cart td.product-name .ls-unit-price{
    text-align: left !important;
    margin-top: 4px;
  }
}

/* ✅ فقط یک خط بین هر بخش در Basket Totals */
.woocommerce .cart-collaterals .cart_totals table {
  border-collapse: collapse;
  border: none;
}

/* یک خط پایین هر ردیف */
.woocommerce .cart-collaterals .cart_totals tr {
  border-bottom: 1px solid var(--line);
}

/* ولی آخرین ردیف (Total) بدون خط پایین */
.woocommerce .cart-collaterals .cart_totals tr:last-child {
  border-bottom: none;
}

/* تمیزکاری: خود سلول‌ها بدون خط */
.woocommerce .cart-collaterals .cart_totals th,
.woocommerce .cart-collaterals .cart_totals td {
  border: none;
  padding: 12px 0;
  background: transparent;
}


.woocommerce a.woocommerce-remove-coupon {
  color: #dc2626;
  text-decoration: none;
  font-weight: 500;
  transition: color .2s ease;
}

.woocommerce a.woocommerce-remove-coupon:hover {
  color: #b91c1c;
  text-decoration: underline;
}