/* ==========================================================================
   PADI Los Angeles - JetWooBuilder & JetPopup
   WAJIB di-load SESUDAH padi-global.css dan padi-woocommerce.css.

   KENAPA FILE INI TERPISAH
   ------------------------
   padi-global.css dan padi-woocommerce.css adalah file design yang datang apa
   adanya dari folder redesign, dan keduanya menargetkan widget WooCommerce
   Elementor Pro (.elementor-widget-woocommerce-*). Site ini memakai
   JetWooBuilder untuk single product (template 385) dan JetPopup untuk quick
   view, yang markup-nya sama sekali berbeda dan tidak tersentuh file tersebut.

   File ini yang menjembatani. Dipisah supaya kedua file design di atas bisa
   di-copy ulang dari folder redesign kapan saja tanpa menghapus jembatan ini.

   Sama seperti padi-woocommerce.css: hanya untuk yang tidak punya control di
   Elementor. Kalau widget Jet-nya punya tab Style, atur di sana dulu.
   ========================================================================== */

/* ---------- 1. DASAR ---------------------------------------------------- */
.jet-woo-builder{
  color: var(--padi-cream);
  font-family: var(--padi-font-body);
}
.jet-woo-builder *{ border-radius: var(--padi-radius); }

/* ---------- 2. SINGLE PRODUCT (template 385) ---------------------------- */
.jet-single-title{
  font-family: var(--padi-font-display);
  font-size: var(--padi-fs-display-l);
  line-height: 1.15;
  color: var(--padi-cream);
}
.jet-single-price,
.jet-single-price .amount{
  font-family: var(--padi-font-display);
  font-size: 29px;
  color: var(--padi-gold);
}
.jet-single-price del{ opacity: .5; }
.jet-single-price ins{ text-decoration: none; }

.jet-single-excerpt,
.jet-single-content{
  font-size: 16px;
  line-height: 1.7;
  color: var(--padi-cream);
}

.jet-single-images img{ filter: saturate(.94); }
.jet-single-sale-badge{
  font-family: var(--padi-font-body);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .26em;
  text-transform: uppercase;
  padding: 5px 10px;
  border: 1px solid var(--padi-amber);
  background: transparent;
  color: var(--padi-amber);
}

/* Meta & atribut: label kecil uppercase, isi cream */
.jet-single-meta,
.jet-single-attributes{
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--padi-cream);
  border-top: 1px solid var(--padi-line-12);
  padding-top: 14px;
}
.jet-single-attrs__title{
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--padi-gold);
}

/* ---------- 3. TAB PRODUK ----------------------------------------------- */
.jet-single-tabs__wrap .jet-tabs__control,
.jet-single-tabs ul.tabs li a{
  font-family: var(--padi-font-body);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--padi-cream);
}
.jet-single-tabs ul.tabs li{
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--padi-line-14);
}
.jet-single-tabs ul.tabs li.active{ border-bottom-color: var(--padi-gold); }
.jet-single-tabs ul.tabs li.active a{ color: var(--padi-gold); }

/* ---------- 4. ADD TO CART ---------------------------------------------- */
/*
   Widget jet-single-add-to-cart punya control Style sendiri untuk tombolnya.
   Yang diatur di sini adalah stepper qty dan tombol AJAX yang tidak punya
   control, plus state disabled.
*/
.jet-single-add-to-cart .quantity input[type=number],
.jet-woo-builder .quantity .qty{
  background: var(--padi-green-surface);
  border: 1px solid var(--padi-line-35);
  color: var(--padi-cream);
  font-family: var(--padi-font-body);
  font-size: 14px;
  padding: 12px 10px;
  text-align: center;
}
.jet-single-add-to-cart .quantity input[type=number]:focus,
.jet-woo-builder .quantity .qty:focus{
  border-color: var(--padi-gold);
  outline: 0;
  box-shadow: none;
}

.jet-woo-builder-single-ajax-add-to-cart .single_add_to_cart_button,
.jet-single-add-to-cart .single_add_to_cart_button{
  font-family: var(--padi-font-body);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .26em;
  text-transform: uppercase;
  line-height: 1;
  padding: 14px 30px;
  border: 1px solid var(--padi-green-deep);
  background: var(--padi-green-deep);
  color: var(--padi-cream);
  transition: background .25s, border-color .25s, color .25s;
}
.jet-woo-builder-single-ajax-add-to-cart .single_add_to_cart_button:hover,
.jet-single-add-to-cart .single_add_to_cart_button:hover{
  background: var(--padi-gold);
  border-color: var(--padi-gold);
  color: var(--padi-green);
}
.jet-woo-builder .single_add_to_cart_button.disabled,
.jet-woo-builder .single_add_to_cart_button[disabled]{
  opacity: .45;
  cursor: not-allowed;
}

/*
   Stepper number bawaan browser menutupi angka qty, karena widget membatasi
   .quantity ke max-width 70px. Disembunyikan hanya di dalam widget
   jet-single-add-to-cart, jadi input qty di halaman Cart dan Checkout yang
   memakai markup WooCommerce biasa tidak ikut terpengaruh.
*/
.elementor-widget-jet-single-add-to-cart .quantity input[type=number]{
  -moz-appearance: textfield;
  appearance: textfield;
  text-align: center;
}
.elementor-widget-jet-single-add-to-cart .quantity input[type=number]::-webkit-outer-spin-button,
.elementor-widget-jet-single-add-to-cart .quantity input[type=number]::-webkit-inner-spin-button{
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

/* ---------- 5. CHECKOUT JET (template 590) ------------------------------ */
/*
   Aktif: JetWooBuilder > Settings punya custom_checkout_page = yes dengan
   checkout_template = 590, jadi /checkout/ dirender template ini.

   Class-nya memakai prefix elementor-, bukan nama bare seperti di source plugin.
   Elementor merender widget sebagai .elementor-widget-jet-checkout-* di
   pembungkus dan .elementor-jet-checkout-* di dalamnya.
*/
.elementor-jet-checkout-billing,
.elementor-jet-checkout-shipping-form,
.elementor-jet-checkout-additional-form,
.elementor-jet-checkout-order-review,
.elementor-jet-checkout-payment,
.elementor-jet-checkout-coupon-form,
.elementor-jet-checkout-login-form{
  color: var(--padi-cream);
  font-family: var(--padi-font-body);
}

/* Panel: order review & payment berdiri sebagai kotak di atas surface */
.elementor-jet-checkout-order-review,
.elementor-jet-checkout-payment{
  background: var(--padi-green-surface);
  border: 1px solid var(--padi-line-16);
  padding: 22px;
}

/* Label form: sama dengan Theme Style > Form Fields */
.elementor-jet-checkout-billing label,
.elementor-jet-checkout-shipping-form label,
.elementor-jet-checkout-additional-form label{
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--padi-cream);
}
.elementor-jet-checkout-billing .required,
.elementor-jet-checkout-shipping-form .required{ color: var(--padi-amber); }

/* Tabel order review: nama item serif, harga serif gold */
.elementor-jet-checkout-order-review table{
  width: 100%;
  border-collapse: collapse;
}
.elementor-jet-checkout-order-review th,
.elementor-jet-checkout-order-review td{
  border-bottom: 1px solid var(--padi-line-12);
  padding: 12px 0;
  font-size: 14px;
}
.elementor-jet-checkout-order-review .product-name{
  font-family: var(--padi-font-display);
  font-size: 17px;
  line-height: 1.35;
}
.elementor-jet-checkout-order-review .product-total,
.elementor-jet-checkout-order-review .amount{
  font-family: var(--padi-font-display);
  color: var(--padi-gold);
  white-space: nowrap;
}
.elementor-jet-checkout-order-review tr.order-total td,
.elementor-jet-checkout-order-review tr.order-total th{
  border-bottom: 0;
  border-top: 1px solid var(--padi-line-30);
  padding-top: 16px;
}

/* Payment box */
.elementor-jet-checkout-payment .wc_payment_methods li{
  border-bottom: 1px solid var(--padi-line-12);
  padding: 12px 0;
  list-style: none;
}
.elementor-jet-checkout-payment .payment_box{
  background: var(--padi-green-deep);
  border: 1px solid var(--padi-line-14);
  color: var(--padi-cream);
  font-size: 13.5px;
  line-height: 1.6;
  padding: 14px;
}
.elementor-jet-checkout-payment .payment_box::before{ display: none; }

/* ---------- 6. JETPOPUP ------------------------------------------------- */
/*
   Container popup dirender JetPopup sendiri, di luar jangkauan control
   Elementor. Quick view produk memakai popup 391 + template 385.
*/
.jet-popup__overlay{ background: rgba(9, 58, 46, .78); }
.jet-popup__container{
  background: var(--padi-green);
  border: 1px solid var(--padi-line-16);
  color: var(--padi-cream);
}
.jet-popup__container-content{ color: var(--padi-cream); }
.jet-popup__close-button{
  background: transparent;
  border: 1px solid var(--padi-line-30);
  color: var(--padi-cream);
  transition: background .25s, border-color .25s, color .25s;
}
.jet-popup__close-button:hover{
  background: var(--padi-gold);
  border-color: var(--padi-gold);
  color: var(--padi-green);
}
.jet-popup__close-button svg{ fill: currentColor; }
.jet-popup-loader{ border-top-color: var(--padi-gold); }

/* ---------- 7. RESPONSIVE ----------------------------------------------- */
/*
   Breakpoint disamakan dengan Elementor site ini (767 / 1024), bukan
   900 / 560 seperti file design aslinya.
*/
@media (max-width: 1024px){
  .jet-single-title{ font-size: var(--padi-fs-display-m); }
  .elementor-jet-checkout-order-review,
  .elementor-jet-checkout-payment{ padding: 18px; }
}
@media (max-width: 767px){
  .jet-single-price,
  .jet-single-price .amount{ font-size: 24px; }
  .elementor-jet-checkout-order-review th,
  .elementor-jet-checkout-order-review td{ font-size: 13px; }
}