/* ===== Jewellery Single Product UI (Right Column) ===== */

.jwl-wrap{
  margin:18px 0;
  border-top:1px solid #eee;
  padding-top:14px;
  font-family:inherit;
}

.jwl-acc{
  border-bottom:1px solid #eee;
  padding:10px 0;
}

.jwl-acc-h{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.jwl-acc-title{
  font-weight:600;
  font-size:16px;
  display:flex;
  align-items:center;
  gap:8px;
}

.jwl-acc-toggle{
  width:28px;
  height:28px;
  border:1px solid #ddd;
  background:#fff;
  border-radius:8px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  line-height:1;
}

.jwl-acc-b{
  display:none;
  padding:10px 0 0;
}

.jwl-acc-b.jwl-open{
  display:block;
}

.jwl-muted{
  font-size:13px;
  color:#666;
  margin-top:8px;
}

/* KT toggle buttons */
.jwl-toggle{
  display:flex;
  gap:10px;
  margin-top:6px;
}
.jwl-toggle label{
  display:flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
}
.jwl-toggle input{display:none;}
.jwl-toggle span{
  display:inline-block;
  padding:8px 12px;
  border:1px solid #ddd;
  border-radius:10px;
}
.jwl-toggle input:checked + span{
  background:#6a0f2c;
  color:#fff;
  border-color:#6a0f2c;
}

/* Size grid */
.jwl-size-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(70px,1fr));
  gap:10px;
  margin-top:10px;
}
.jwl-size{
  cursor:pointer;
}
.jwl-size input{display:none;}
.jwl-size span{
  display:block;
  text-align:center;
  padding:10px;
  border:1px solid #ddd;
  border-radius:10px;
  font-size:13px;
}
.jwl-size input:checked + span{
  border-color:#6a0f2c;
  box-shadow:0 0 0 2px rgba(106,15,44,.15);
}

/* Force-hide any radio UI circles (theme overrides) */
.jwl-toggle input[type="radio"],
.jwl-size input[type="radio"]{
  position:absolute !important;
  opacity:0 !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

/* Diamond details table */
.jwl-table{
  width:100%;
  border-collapse:collapse;
  margin-top:10px;
  font-size:12px;
}
.jwl-table th,
.jwl-table td{
  border:1px solid #eee;
  padding:6px 8px;
  text-align:center;
}
.jwl-table thead th{
  background:#fafafa;
  font-weight:600;
}

/* Price breakup */
.jwl-break{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:8px;
}
.jwl-break > div{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:14px;
}
.jwl-break b{font-weight:600;}

.jwl-total{
  margin-top:8px;
  padding-top:10px;
  border-top:1px dashed #ddd;
  font-size:16px;
}

/* Variation label below swatches */
.variations .label{
  display:none !important;
}
.jwl-variation-label-below{
  margin-top:6px;
  font-size:13px;
  color:#666;
}

/* Hide ONLY Woo Size + Karat variation UI */
.variations tr.jwl-hide-woo-row {
  display: none !important;
}

/* avoid extra spacing from original cart area */
form.cart.jwl-cart-moved{ margin-bottom:0 !important; }

/* =========================================================
   ✅ Bottom bar beside Buy Now
   ========================================================= */
.jwl-bottom-actions{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:14px;
}

.jwl-buy-now-slot{
  flex:1;
  min-width:180px;
}

.jwl-icons-slot{
  display:flex;
  align-items:center;
  gap:10px;
}

/* Buy now full width */
.jwl-buy-now-slot .et-single-buy-now,
.jwl-buy-now-slot .et-single-buy-now.single_add_to_cart_button{
  width:100% !important;
  height:44px;
}

/* Compact qty */
.jwl-icons-slot .quantity{
  margin:0 !important;
}
.jwl-icons-slot .qty{
  height:44px;
  width:70px;
}

/* Add to cart => icon only */
.jwl-icon-cart-btn{
  width:44px !important;
  height:44px !important;
  padding:0 !important;
  border-radius:10px;
  font-size:0 !important;
  line-height:0 !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
}

/* cart icon */
.jwl-icon-cart-btn::before{
  content:"";
  width:20px;
  height:20px;
  display:block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6h15l-1.5 9h-12z'/%3E%3Cpath d='M6 6l-2-3H1'/%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='18' cy='20' r='1'/%3E%3C/svg%3E");
}

/* keep disabled state */
.jwl-icon-cart-btn:disabled,
.jwl-icon-cart-btn.wc-variation-selection-needed{
  opacity:.5;
  cursor:not-allowed;
}

/* screen reader label */
.jwl-sr{
  position:absolute !important;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

/* Wishlist container style */
.jwl-icon-wishlist{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.jwl-icon-wishlist .et-icon.et-heart{
  width:44px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
}
