/* ========== Box on single product ========== */
.woo-addon-service-box{
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto auto;
  grid-template-areas:"left right" "desc desc";
  background:#f0fff0;
  border:1px solid #cce5cc;
  padding:8px 10px 5px;
  border-radius:6px;
  margin:0 0 5px;
  gap:1px;
  align-items:center;
}
.woo-addon-service-box label{
  grid-area:left;
  display:flex;
  align-items:center;
  font-size:15px;
  font-weight:500;
  gap:6px;
  margin:0;
}
.woo-addon-service-box .woo-addon-price{
  grid-area:right;
  display:inline-flex;
  align-items:baseline;
  gap:4px;
  font-size:20px;
  font-weight:700;
  color:#000;
  justify-self:end;
}
.addon-price-value{
  direction:ltr;
  /* نمایش تمیز اعداد */
  font-variant-numeric:tabular-nums;
}
.addon-price-currency{
  font-size:14px;
  font-weight:400;
}
.woo-addon-service-box .addon-desc{
  grid-area:desc;
  font-size:13px;
  margin-top:4px;
  text-align:start; /* سازگار با RTL/LTR */
}
.woo-addon-service-box .addon-desc a{
  color:#0073aa;
  text-decoration:underline;
  font-size:15px;
  cursor:pointer;
  font-weight:700;
}

/* ========== Cart line (addon under product name) ========== */
.woocommerce-cart .cart_item .product-name .was-addon-line{
  display:inline-flex;
  gap:.5rem;
  align-items:center;
  margin-top:4px;
  direction:rtl;
  font-size:12px;
}
.woocommerce-cart .cart_item .product-name .was-addon-line .was-amount,
.woocommerce-cart .cart_item .product-name .was-addon-line .woocommerce-Price-currencySymbol{
  font-size:20px !important;
  line-height:1.2;
  font-weight:600;
}
.was-addon-line .was-added-note{
  color:#6b7280;
  font-size:11px;
  opacity:.9;
}

/* اگر قالب ستون price را کمی ریز نشان می‌دهد، اعداد اصلی را خواناتر کن */
.woocommerce-cart-form__cart-item .woocommerce-Price-amount bdi{
  font-size:20px !important;
  line-height:1.2;
  font-weight:600;
}

/* ========== Optional: simple card styles if you use them elsewhere ========== */
.was-box{
  flex:1;
  background:#fff;
  padding:20px;
  border:1px solid #ddd;
  border-radius:10px;
  box-shadow:0 2px 5px rgba(0,0,0,.05);
}
.was-row{
  display:flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
  margin-bottom:6px;
}
.was-title{ font-weight:600; }
.was-badge{
  margin-right:auto;
  display:inline-block;
  padding:2px 8px;
  border-radius:999px;
  background:#f1f1f1;
  font-size:12px;
}
.was-desc{
  font-size:13px;
  line-height:1.6;
  color:#555;
}
.woo-addon-wrapper{ margin:10px 0; }

/* ========== Popup ========== */
.woo-addon-popup{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.4);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  z-index:9999;
}
.woo-addon-popup-content{
  background:#fff;
  padding:20px;
  text-align:justify;
  max-width:800px;
  max-height:80vh;
  overflow-y:auto;
  overflow-x:hidden;
  margin:80px auto;
  border-radius:8px;
  position:relative;
  box-shadow:0 4px 15px rgba(0,0,0,.2);
  direction:rtl;
}
.woo-addon-popup-content img{
  max-width:100%;
  height:auto;
  display:block;
}
.woo-addon-popup-close{
  position:absolute;
  top:10px;
  right:10px;
  background:transparent;
  border:0;
  font-size:20px;
  cursor:pointer;
}
.woo-addon-popup-text{
  font-size:14px;
  line-height:1.6;
}

/* ========== Responsive ========== */
@media (max-width:768px){
  .woocommerce-cart .cart_item .product-name .was-addon-line{
    font-size:11px;
  }
  .woocommerce-cart .cart_item .product-name .was-addon-line .was-amount{
    font-size:11px !important;
  }
}