/*
 Theme Name:   Hello Elementor Child
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

/* CSS custommu taruh di sini */
/* 1) Matikan horizontal scroll di level root */
html, body { max-width: 100%; overflow-x: hidden; }
#place_order{
	background-color: var(--e-global-color-3b4a0720) !important;
	border: 0px !important;
}
.buy-now{
	background-color: #ACD4B4 !important;
	color: #333333 !important;
}
.cart-discount{
	padding-top: 0px !important;
	padding-bottom: 10px !important;
}
.cart-discount th,  .cart-discount td{
	padding: 0px !important;
}
/* ==== Force color #69727d untuk custom shipping dropdown ==== */
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-dd-btn,
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-dd-item,
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-selected-html {
  color: #0f172a !important;
}

/* Harga di dalam label (amount) ikut #69727d */
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-dd-btn .woocommerce-Price-amount,
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-dd-item .woocommerce-Price-amount,
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-selected-html .woocommerce-Price-amount {
  color: #0f172a !important;
}

/* Teks link di dalam label (kalau ada) ikut warna */
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-dd-btn a,
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-dd-item a,
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-selected-html a {
  color: #0f172a !important;
}

/* Strikethrough & harga baru tetap kontras tapi mengikuti palet */
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-dd-btn del,
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-dd-item del,
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-selected-html del {
  color: #0f172a !important; opacity: .7;
}
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-dd-btn ins,
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-dd-item ins,
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-selected-html ins {
  color: #0f172a !important; text-decoration: none; font-weight: 700;
}

/* Border & focus ring dropdown pakai nuansa #69727d */
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-dd-btn {
  border-color: #c9ced3 !important;
}
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-dd-btn:focus {
  border-color: #69727d !important;
  box-shadow: 0 0 0 3px rgba(105, 114, 125, .15) !important;
}

/* Arrow ikut warna */
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-dd-arrow {
  color: #69727d !important; opacity: .7;
}

/* Hover item: tetap netral, bukan hijau */
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-dd-item:hover {
  background: #f6f7f8 !important;
}
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-dd-item[aria-selected="true"] {
  background: #eef1f3 !important;
}
/* Bold-kan semua <span> pada custom dropdown Shipping */
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-dd-item,
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-dd-btn span,
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-dd-item span,
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-selected-html span {
  font-weight: 700 !important;
}

/* KECUALI yang berada di dalam <del> → jangan bold */
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-dd-btn del,
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-dd-btn del * ,
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-dd-item del,
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-dd-item del * ,
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-selected-html del,
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-selected-html del * {
  font-weight: 400 !important; /* normal */
}

/* Jangan ada efek hover pada tombol dropdown (bagian paling atas) */
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-dd-btn:hover,
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping .tl-ship-dd-btn:focus{
  background: #fff !important; /* atau transparent */
  border-color: #c9ced3 !important; /* jaga tetap netral */
  box-shadow: none !important;
}

/* 1) Batasi padding 16px hanya untuk konten checkout (bukan header/footer) */
@media (max-width: 600px){
  body.woocommerce-checkout .site-main .elementor-section .elementor-container,
  body.woocommerce-checkout .site-main .elementor-container {
    max-width: 100% !important;
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* 2) Footer harus full-bleed (tanpa gap kiri-kanan) */
.elementor-location-footer .elementor-container,
.elementor-location-footer .elementor-section .elementor-container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 3) Kalau tema punya wrapper .container/.wrap di footer, nolkan juga */
.site-footer .container,
.site-footer .wrap,
footer .container {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 4) Pastikan tidak ada column gap di footer (opsional) */
@media (max-width: 600px){
  .elementor-location-footer .elementor-column,
  .elementor-location-footer .elementor-container { gap: 0 !important; }
}

/* === Scope khusus halaman Checkout saja === */
body.woocommerce-checkout { overflow-x: clip; } /* guard utama */

/* Pastikan semua wrapper di area konten checkout tak melebihi 100% */
body.woocommerce-checkout .site-main,
body.woocommerce-checkout .woocommerce,
body.woocommerce-checkout .elementor,
body.woocommerce-checkout .elementor-section,
body.woocommerce-checkout .elementor-container {
  max-width: 100% !important;
}

/* Elementor "Stretched Section" sering men-set inline width/left berbasis 100vw -> bikin geser.
   Paksa jadi full-bleed yang aman (100%) hanya di checkout. */
body.woocommerce-checkout .elementor-section.elementor-section-stretched {
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}

/* Jika ada inline style yang memaksa 100vw pada elemen checkout, ganti ke 100% */
body.woocommerce-checkout [style*="100vw"] { width: 100% !important; }

/* Flex children boleh menyusut (root cause klasik overflow) */
body.woocommerce-checkout .elementor * ,
body.woocommerce-checkout .woocommerce * { min-width: 0; }

/* Media patuh container */
body.woocommerce-checkout img,
body.woocommerce-checkout svg,
body.woocommerce-checkout iframe,
body.woocommerce-checkout embed,
body.woocommerce-checkout object { max-width: 100%; height: auto; }

/* Select2 alamat (sering jadi biang) */
body.woocommerce-checkout .select2,
body.woocommerce-checkout .select2-container { width: 100% !important; max-width: 100% !important; }
body.woocommerce-checkout .select2-dropdown { max-width: 100vw; }

/* Tabel ringkasan order – layout mobile */
@media (max-width: 600px){
  body.woocommerce-checkout .woocommerce table.shop_table { display:block; width:100%; border-collapse:collapse; }
  body.woocommerce-checkout .woocommerce table.shop_table thead { display:none; }
  body.woocommerce-checkout .woocommerce table.shop_table tbody,
  body.woocommerce-checkout .woocommerce table.shop_table tfoot { display:block; }
  body.woocommerce-checkout .woocommerce table.shop_table tr { display:grid; grid-template-columns:1fr auto; }
  body.woocommerce-checkout .woocommerce table.shop_table td { display:block; padding:8px 0; word-break:break-word; }
  body.woocommerce-checkout .woocommerce table.shop_table td:last-child { text-align:right; }
}

/* Footer tetap full-bleed (tidak terpengaruh aturan checkout) */
.elementor-location-footer .elementor-container { padding-left:0 !important; padding-right:0 !important; max-width:100% !important; }

@media (max-width: 600px){
  .elementor-widget-woocommerce-checkout-page
    .woocommerce .woocommerce-checkout-review-order-table
    .cart_item td.product-name{
    max-width: none !important;
    padding-inline-end: 8px !important;
  }
.elementor-widget-woocommerce-checkout-page .woocommerce .shop_table td, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table th, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tr {
    padding-top: 5px !important; 
	padding-bottom: 5px !important; 
  }
  .tl-cs .tag{width:90px !important;}
}

.elementor-widget-woocommerce-checkout-page .woocommerce h3{
	margin-bottom: 10px !important;
}
.elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table th {
	padding-bottom: 0px !important
}
.elementor-widget-woocommerce-checkout-page .woocommerce #customer_details .col-1, .elementor-widget-woocommerce-checkout-page .woocommerce .e-checkout__order_review, .elementor-widget-woocommerce-checkout-page .woocommerce .e-coupon-box, .elementor-widget-woocommerce-checkout-page .woocommerce .e-woocommerce-login-section, .elementor-widget-woocommerce-checkout-page .woocommerce .shipping_address, .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-additional-fields, .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout #payment {
   padding: 20px 20px !important;
}

/* --- Patch: hilangkan sisa "ruang label" agar benar-benar 100% --- */
@media (max-width: 782px){
  /* Target checkout & cart, sangat spesifik ke baris shipping */
  .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping > td[data-title],
  .woocommerce .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping > td[data-title],
  .cart_totals .shop_table_responsive tr.shipping > td[data-title],
  .woocommerce .shop_table_responsive tr.woocommerce-shipping-totals.shipping > td[data-title]{
    /* buang “porsi label” yang biasanya disisakan tema */
    padding-left: 0 !important;
    padding-inline-start: 0 !important;

    /* hentikan width kalkulatif (mis. calc(100% - 25%)) */
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    /* amankan layout */
    display: block !important;
    float: none !important;
    box-sizing: border-box !important;
    text-align: left !important;
    margin: 0 !important;
  }

  /* Kalau tema pakai variabel untuk label width (beberapa Elementor skin) */
  .woocommerce .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping > td[data-title],
  .cart_totals .shop_table_responsive tr.shipping > td[data-title]{
    --responsive-table-label-width: 0 !important;
    --wc-table-label-width: 0 !important;
  }

  /* Pastikan pseudo-label tetap nonaktif (kamu bisa pilih block di atas, atau none) */
  .woocommerce .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping > td[data-title]::before,
  .cart_totals .shop_table_responsive tr.shipping > td[data-title]::before,
  .woocommerce .shop_table_responsive tr.woocommerce-shipping-totals.shipping > td[data-title]::before{
    content: none !important;
    display: none !important;
    float: none !important;
    width: auto !important;
  }
}