form.checkout .woocommerce-checkout-payment button[type=submit] {
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 2px;
}

table.shop_table .woocommerce-shipping-totals {
    display: none;
}

#order_review_heading {
    display:none !important;
}

input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea, select, span.select2 .select2-selection--single, .motta-input--default, .motta-type--input-text {
    width: 100% !important;
}

.etn-inline-shipping-total td {text-align:right;}

.checkout-coupon {
    display:none;
}

.woocommerce-checkout .checkout-form-cols .checkout-login .woocommerce-info
 {
    text-align: center !important;
    width:100% !important;
}

.woocommerce-checkout .checkout-form-cols {
    padding: 0px 0px;
    max-width: 800px;
    margin: 0 auto;
}

body.page .site-content {
    padding-top: 20px !important;
    padding-bottom: 63px;
}

form.checkout table.shop_table tfoot .woocommerce-shipping-totals h3 {
    font-size: 14px !important;
}

table.shop_table ul.woocommerce-shipping-methods label {
    font-size: .705rem !important;
}

@media (min-width: 992px) {
    .col-flex-md-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        background: #f5f5f5;
        padding: 10px 10px;
    }
}

@media (max-width: 900px) {

.woocommerce-checkout .col2-set {
        margin-bottom: -10px !important;
    }
    body.woocommerce-checkout .motta-mobile-navigation-bar {
        display:none !important;
    }
    .col-flex-md-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        background: #f5f5f5;
        padding: 10px 10px;
    }
}

form.checkout {
    padding-top: 43px;
    max-width: 800px;
    margin: 0 auto;
}

.woocommerce-checkout .col2-set {
    float: left;
    width: 100% !important;
    padding-right: 0px !important;
}

.woocommerce-checkout .woocommerce-checkout-review-order {
    float: left;
    width: 100% !important;
}

form.checkout .woocommerce-checkout-review-order {
    padding: 0px 0px 0px !important;
    color: #1d2128 !important;
    border: 0px solid #ecf0f4 !important;
    background-color: transparent !important;
}

form.checkout table.shop_table tfoot .cart-subtotal {
    display: table-row;
}

form.checkout table.shop_table tbody td.product-name {
    display: inline-flex;
	height:60px;
}

.cart-subtotal td {
text-align:right;
}

form.checkout table.shop_table tfoot .cart-subtotal {
    display: table-row !important;
}

form.checkout table.shop_table {
    border-collapse: separate !important;
    margin: 0 !important;
    background: #f9fcff !important;
    padding: 10px 20px !important;
    border-radius: 10px !important;
	box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.04),
        0 4px 12px rgba(0, 0, 0, 0.06); 
}

form.checkout .woocommerce-checkout-payment {
    margin: 0 0px !important;
    padding: 0px 0px 0 !important;
    border-top: 0px solid #ecf0f4 !important;
}

ul.wc_payment_methods {
    border-collapse: separate !important;
    margin: 0 !important;
    background: transparent !important;
    padding: 10px 0px !important;
}

ul.wc_payment_methods li {
    padding: 20px 16px !important;
    border-bottom: 0px solid #ecf0f4 !important;
    	box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.04),
        0 4px 12px rgba(0, 0, 0, 0.06); 
        background:#fff;
        margin:10px 0px;
            border-radius: 4px;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    border: 0px solid #ecf0f4 !important;
    padding: 10px 0px 0 !important;
    border-bottom: 0 !important;
}

form.checkout .col-2 {
    padding: 0 0px 0px !important;
    border: 0px solid #ecf0f4 !important;
    border-top: 0 !important;
}

form.checkout h3 {
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 23px !important;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
}

.woocommerce-form__label-for-checkbox span {
    font-size: 14px !important;
}

/* Kartu ringkasan */
#etn-cc-billing-wrap { margin-bottom: 16px; }
.etn-cc-card {
  border-radius: 12px;
  padding: 16px;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.06);
}
.etn-cc-headline {
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.etn-cc-headline::before{
  content: "";
  width: 18px;           /* atur ukurannya di sini */
  height: 18px;
  flex: 0 0 18px;
  background: url("../img/location.png") no-repeat center / contain;
}
.etn-cc-sub {
  color: #61646b;
  font-size: 13px;
  margin-bottom: 12px;
  line-height: 1.5;
}
.etn-cc-lines .etn-cc-line {
  display: grid;
  gap: 8px;
  font-size: 13px;
  margin-bottom: 6px;
}

.etn-cc-line strong {display:none;}
.etn-cc-btn {
    display: inline-block;
    margin-top: 8px;
    border: 1px solid #040404;
    border-radius: 3px;
    padding: 8px 14px;
    background: #000000;
    cursor: pointer;
    transition: all .15s ease;
    min-width: 0;
    height: 0;
    padding: 20px 40px;
    color: #ffffff;
    line-height: 0;
}
.etn-cc-btn:hover { background:#333; }


/* Sedikit perapian field bawaan Woo */
.woocommerce-billing-fields__field-wrapper .form-row { margin-bottom: 12px; }


/* ===== Hide agressif (backup jika inline style kepotong) ===== */
.woocommerce-checkout form.checkout .woocommerce-billing-fields__field-wrapper { display: none !important; }
.woocommerce-checkout form.checkout p[id^="billing_"] { display: none !important; }

/* ===== Show ONLY when our collapsible is open ===== */
#etn-cc-collapsible.is-open .woocommerce-billing-fields__field-wrapper { display: block !important; }

/* Error container di bawah box */
#etn-cc-errors { margin: 12px 0 18px; }
#etn-cc-errors .woocommerce-error,
#etn-cc-errors .woocommerce-message,
#etn-cc-errors .woocommerce-info { margin: 0; }

/* ====== Payment Title ====== */
.etn-cc-pay-title{font-weight:600;font-size:20px;margin:28px 0 0px !important;}

/* ====== Shipping Summary ====== */
.etn-ship-summary{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 14px; border-radius:10px; background:#fff; margin:10px 0 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.06);
}
@media (max-width: 640px) {
  /* Flex wrap agar elemen bisa turun ke baris baru */
  .etn-ship-summary { display: flex; flex-wrap: wrap; align-items: flex-start; }

  /* Judul full width di baris pertama */
  .etn-ship-summary > .etn-ship-title {
    order: 1;
    flex: 0 0 100%;
    margin-bottom: 4px;
  }

  /* Teks note di baris kedua, sejajar di bawah judul */
  .etn-ship-summary > .etn-ship-note {
    order: 2;
    flex: 0 0 100%;
    margin: 0;
    padding-left: 26px; /* biar rata setelah ikon di judul */
    line-height: 1.5;
  }
}
.etn-ship-left{display:flex; flex-direction:column; gap:4px}
.etn-ship-title{font-weight:700; font-size:14px;display: flex;align-items: center;gap: 8px;}
.etn-ship-title::before{
  content: "";
  width: 18px; 
  height: 18px;
  flex: 0 0 18px;
  background: url("../img/shipping.png") no-repeat center / contain;
}
.etn-ship-current .name{font-weight:600; margin-right:8px;font-size:14px;}
.etn-ship-change{
  border:0; background:transparent; text-decoration:underline; cursor:pointer; padding:0;
  font-size:13px;min-width: 0;height: 0;padding: 0;color: #106fb2;
}
.etn-ship-right .price{font-weight:500}

/* Note text (alamat belum lengkap / opsi kosong) */
.etn-ship-note{color:#61646b; font-size:13px}

/* ====== Shipping Modal ====== */
.etn-ship-modal{position:fixed; inset:0; display:none; z-index:9999}
.etn-ship-modal.is-open{display:block}
.etn-ship-backdrop{position:absolute; inset:0; background:rgba(0,0,0,.35)}
.etn-ship-panel{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:min(520px,90vw); max-height:80vh; overflow:auto;
  background:#fff; border-radius:12px; box-shadow:0 20px 50px rgba(0,0,0,.25);
}
.etn-ship-head{display:flex; align-items:center; justify-content:space-between; padding:12px 16px; border-bottom:1px solid #eee}
.etn-ship-close{border:0; background:#f2f2f2; width:28px; height:28px; border-radius:6px; cursor:pointer;min-width: 0;height: 30px;
padding: 10px;background: #000;}
.etn-ship-body{padding:8px}
.etn-ship-list{list-style:none; margin:0; padding:0}
.etn-ship-item{
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 12px; border:1px solid #eee; border-radius:10px; margin:8px 0; cursor:pointer;
}
.etn-ship-item[aria-current="true"]{border-color:#222; box-shadow:0 0 0 3px rgba(0,0,0,.06)}

/* Saat panel billing dibuka, paksa semua baris billing tampil */
#etn-cc-collapsible.is-open p[id^="billing_"] { display: block !important; }

/* Kecualikan field yang memang tidak mau ditampilkan (country saja).
   Kode pos WAJIB tampil: dipakai untuk hitung ongkir (Biteship). */
#etn-cc-collapsible.is-open #billing_country_field,
#etn-cc-collapsible.is-open #shipping_country_field { display: none !important; }

#etn-cc-collapsible.is-open #billing_postcode_field,
#etn-cc-collapsible.is-open #shipping_postcode_field { display: block !important; }

/* ====== Box Notif "Have an Account?" ====== */
.etn-cc-login-notice{
  max-width: 800px;
  margin: 10px auto 18px;
  padding: 14px 16px;
  border-radius: 10px;
  background: #f9fcff;
  border: 1px solid #e3ecf5;
  color: #1d2128;
  font-size: 13px;
  line-height: 1.6;
  text-align: left;
}
.etn-cc-login-notice__title{
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 6px;
}
.etn-cc-login-notice p{
  margin: 0 0 6px;
  color: #61646b;
}
.etn-cc-login-notice p:last-child{ margin-bottom: 0; }