/* =========================================================
   TREOW PRODUCT PRICE WIDGET – COMPLETE CSS (Scoped)
   Works with:
   .wc-sale-01 .wc-mrp-wrap-01 .wc-mrp-label-01 .wc-mrp-01
   .wc-discount-01 .wc-tax-01
========================================================= */

/* ===============================
   BASE WRAPPER (ONLY WIDGET)
=============================== */
.treow-product-price{
  width:100%;
}

/* ===============================
   PRICE ROW (ONLY WIDGET)
=============================== */
.treow-product-price .price{
  display:flex;
  align-items:baseline;
  gap:10px;
  flex-wrap:nowrap; /* default desktop: same line */
  line-height:1.1;
}

/* Sale Price */
.treow-product-price .price .wc-sale-01{
  font-size:22px;
  font-weight:900;
  color:#111827;
  white-space:nowrap;
}

/* MRP Wrap */
.treow-product-price .price .wc-mrp-wrap-01{
  display:inline-flex;
  align-items:baseline;
  gap:6px;
  white-space:nowrap;
}

/* MRP Label */
.treow-product-price .price .wc-mrp-label-01{
  font-size:13px;
  font-weight:700;
  color:rgba(17,24,39,0.55);
}

/* MRP Value (Cut) */
.treow-product-price .price .wc-mrp-01{
  font-size:14px;
  font-weight:800;
  color:rgba(17,24,39,0.55);
  text-decoration:line-through;
}

/* Discount */
.treow-product-price .price .wc-discount-01{
  font-size:14px;
  font-weight:900;
  color:#16a34a;
  white-space:nowrap;
}

/* Tax/Terms text (default same line) */
.treow-product-price .price .wc-tax-01{
  display:inline;
  font-size:12px;
  font-weight:700;
  color:rgba(17,24,39,0.55);
  opacity:.7;
  margin-left:6px;
  white-space:nowrap;
}

/* ===============================
   MODE STYLES (Range vs Single)
=============================== */
.treow-product-price .price.treow-price-range .wc-sale-01{
  font-weight:700;
}

.treow-product-price .price.treow-price-single .wc-sale-01{
  font-weight:800;
}

/* =========================================================
   DESKTOP CONTROL (User Select)
   data-tax-line-desktop="same" OR "next"
========================================================= */

/* Desktop: Next Line (NO WRAP, ALWAYS BELOW) */
.treow-product-price[data-tax-line-desktop="next"] .price{
  flex-wrap:wrap !important; /* theme override protection */
}

.treow-product-price[data-tax-line-desktop="next"] .price .wc-tax-01{
  display:block !important;
  width:100% !important;
  flex:0 0 100% !important;
  margin-left:0 !important;
  margin-top:6px !important;

  /* ✅ IMPORTANT: no wrapping */
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* Desktop: Same Line */
.treow-product-price[data-tax-line-desktop="same"] .price{
  flex-wrap:nowrap !important;
}

.treow-product-price[data-tax-line-desktop="same"] .price .wc-tax-01{
  display:inline !important;
  width:auto !important;
  flex:0 0 auto !important;
  margin-left:6px !important;
  margin-top:0 !important;

  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

/* =========================================================
   MOBILE CONTROL (User Select)
   data-tax-line-mobile="same" OR "next"
========================================================= */

@media (max-width: 768px){

  /* Mobile typography a bit bigger */
  .treow-product-price .price{
    gap:8px 10px;
  }

  .treow-product-price .price .wc-sale-01{
    font-size:24px;
  }

  .treow-product-price .price .wc-mrp-label-01{
    font-size:13px;
  }

  .treow-product-price .price .wc-mrp-01{
    font-size:15px;
  }

  .treow-product-price .price .wc-discount-01{
    font-size:15px;
  }

  .treow-product-price .price .wc-tax-01{
    font-size:13px;
  }

  /* Mobile: Next Line (NO WRAP, ALWAYS BELOW) */
  .treow-product-price[data-tax-line-mobile="next"] .price{
    flex-wrap:wrap !important;
  }

  .treow-product-price[data-tax-line-mobile="next"] .price .wc-tax-01{
    display:block !important;
    width:100% !important;
    flex:0 0 100% !important;
    margin-left:0 !important;
    margin-top:6px !important;

    /* ✅ IMPORTANT: no wrapping */
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  /* Mobile: Same Line */
  .treow-product-price[data-tax-line-mobile="same"] .price{
    flex-wrap:nowrap !important;
  }

  .treow-product-price[data-tax-line-mobile="same"] .price .wc-tax-01{
    display:inline !important;
    width:auto !important;
    flex:0 0 auto !important;
    margin-left:6px !important;
    margin-top:0 !important;

    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
}


.treow-product-price .wc-discount-01{
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}

.treow-product-price .wc-discount-icon-01{
  display:inline-flex;
  align-items:center;
  line-height:1;
  font-size:14px;
}

.treow-product-price .treow-onward-01{
  font-size:16px;
  font-weight:500;
  margin-left:6px;
  color:rgba(17,24,39,0.55);
  white-space:nowrap;
}

@media (max-width: 768px){
.treow-product-price .treow-onward-01{
  font-size:14px;
  font-weight:500;
  margin-left:6px;
  color:rgba(17,24,39,0.55);
  white-space:nowrap;
}
}