/* CPO PPB – Base CSS
   Goal: no fighting with Elementor.
   The plugin supplies structure + variable hooks only.
*/

.cpo-ppb-widget{
  direction: rtl;
  background: var(--cpo-wrap-bg, transparent);
  border: var(--cpo-wrap-border-w, 0px) solid var(--cpo-wrap-border, transparent);
  border-radius: var(--cpo-wrap-radius, 0px);
  padding: var(--cpo-wrap-pad-top, var(--cpo-wrap-pad, 0px))
           var(--cpo-wrap-pad-right, var(--cpo-wrap-pad, 0px))
           var(--cpo-wrap-pad-bottom, var(--cpo-wrap-pad, 0px))
           var(--cpo-wrap-pad-left, var(--cpo-wrap-pad, 0px));
}

.cpo-ppb-widget .cpo-ppb{ direction: rtl; }

.cpo-ppb-widget .cpo-row{
  display: grid;
  grid-template-columns: var(--cpo-label-col, 140px) 1fr;
  align-items: center;
  gap: var(--cpo-row-gap, 12px);
  margin: var(--cpo-row-margin, 10px) 0;
}

.cpo-ppb-widget .cpo-label{
  white-space: nowrap;
  font-weight: var(--cpo-label-fw, inherit);
  font-size: var(--cpo-label-size, inherit);
  color: var(--cpo-label-color, inherit);
}

.cpo-ppb-widget .cpo-field{
  width: 100%;
  font-size: var(--cpo-text-size, inherit);
  color: var(--cpo-text-color, inherit);
}


.cpo-ppb-widget .cpo-row select:focus,
.cpo-ppb-widget .cpo-row textarea:focus{
  border-color: var(--cpo-focus, var(--cpo-border-color, transparent));
  box-shadow: var(--cpo-focus-shadow, none);
}

/* Price: keep it inheriting (Woo may inject html) */
.cpo-ppb-widget .cpo-dyn-price,
.cpo-ppb-widget .cpo-dyn-price *{
  font: inherit;
  color: inherit;
}

/* Qty: structure only + button hooks */
.cpo-ppb-widget .cpo-qty{
  display:flex;
  align-items:center;
  gap: var(--cpo-qty-gap, 10px);
}
.cpo-ppb-widget .cpo-qty-input{ max-width: 100px; text-align:center; }

.cpo-ppb-widget .cpo-qty-btn,
.cpo-ppb-widget form.cart .single_add_to_cart_button,
.cpo-ppb-widget form.cart button.single_add_to_cart_button,
.cpo-ppb-widget .cpo-file-btn{
  cursor: pointer;
  font: inherit;
  color: var(--cpo-btn-color, inherit);
  background: var(--cpo-btn-bg, transparent);
  border-style: solid;
  border-width: var(--cpo-btn-border-w, 0);
  border-color: var(--cpo-btn-border, transparent);
  border-radius: var(--cpo-btn-radius, 0);
  padding: var(--cpo-btn-padding, 0);
}



/* Hide Woo native bits inside widget */
.cpo-ppb-widget form.cart .quantity,
.cpo-ppb-widget .variations,
.cpo-ppb-widget .woocommerce-variation,
.cpo-ppb-widget .summary > .price{
  display:none !important;
}

/* שורת העלאות – הכל באותה שורה */
selector .cpo-ppb-widget .cpo-row.cpo-row--uploads{
  display:flex !important;
  gap:16px;
  align-items:center;
}

/* כל שדה העלאה כעמודה קטנה */
selector .cpo-ppb-widget .cpo-row.cpo-row--uploads .cpo-field{
  display:flex;
  align-items:center;
  gap:8px;
  width:auto;
  flex:0 0 auto;
}

/* שם קובץ */
selector .cpo-ppb-widget .cpo-row.cpo-row--uploads .cpo-file-name{
  font-size:13px;
  opacity:.75;
  max-width:120px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}