.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-138 .elementor-element.elementor-element-17ae5f8{--display:flex;}.elementor-138 .elementor-element.elementor-element-9effff5{--display:flex;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-138 .elementor-element.elementor-element-eb86770{text-align:center;}.elementor-138 .elementor-element.elementor-element-eb86770 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:48px;font-weight:700;}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-138 .elementor-element.elementor-element-8740c0c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 47px) 0px;text-align:center;}.elementor-widget-shortcode .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-shortcode .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for heading, class: .elementor-element-eb86770 *//* Sembunyikan Judul Halaman Bawaan HANYA di Halaman Checkout */
.woocommerce-checkout .page-header,
.woocommerce-checkout .entry-header,
.woocommerce-checkout .page-title,
.woocommerce-checkout h1.entry-title,
.woocommerce-checkout .ast-archive-description /* Khusus jika pakai tema Astra */ {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ec6d59c *//* --- 1. LAYOUT & STRUKTUR --- */

/* Sembunyikan Kolom Kanan (Additional Info & Shipping) yang tidak terpakai */
.woocommerce-checkout .col2-set .col-2,
.woocommerce-checkout .woocommerce-additional-fields {
    display: none !important;
}

/* Buat Kolom Kiri (Billing) jadi Full Width 100% */
.woocommerce-checkout .col2-set .col-1 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-bottom: 30px;
}

/* Container Checkout agar lebih rapi di tengah */
.woocommerce-checkout form.checkout {
    max-width: 800px; /* Batasi lebar agar enak dibaca */
    margin: 0 auto;
    background: #fff;
    padding: 0;
}

/* --- 2. TYPOGRAPHY & HEADINGS --- */

/* Styling Judul (Billing Details & Your Order) */
.woocommerce-checkout h3 {
    font-size: 22px;
    font-weight: 700;
    color: #333; /* Bisa diganti warna Brand INA-SNACC */
    margin-bottom: 20px;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
}

/* --- 3. INPUT FIELDS (MODERN LOOK) --- */

/* Label Form */
.woocommerce-checkout form .form-row label {
    font-weight: 600;
    color: #444;
    margin-bottom: 6px;
    display: block;
}

/* Kolom Input Text */
.woocommerce-checkout form .form-row input.input-text,
.woocommerce-checkout form .form-row select {
    padding: 12px 15px;
    border: 1px solid #ddd; /* Border halus */
    border-radius: 8px; /* Sudut melengkung modern */
    background-color: #fcfcfc;
    color: #333;
    font-size: 15px;
    transition: all 0.3s ease;
    width: 100%;
}

/* Efek saat input diklik (Focus) */
.woocommerce-checkout form .form-row input.input-text:focus {
    border-color: #0073aa; /* Ganti dengan warna biru INA-SNACC */
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.1);
    outline: none;
}

/* Jarak antar field */
.woocommerce-checkout form .form-row {
    margin-bottom: 20px;
}

/* --- 4. ORDER REVIEW & PAYMENT (KARTU) --- */

/* Bungkus area Review Order & Payment seperti Kartu */
#order_review {
    background: #f9fbfd; /* Latar belakang agak kebiruan/abu sangat muda */
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #eef2f5;
}

/* Tabel Produk */
.woocommerce-checkout-review-order-table {
    border: none !important;
    margin-bottom: 20px !important;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    border-top: none !important;
    border-bottom: 1px solid #eee !important;
    padding: 15px 0 !important;
}

.woocommerce-checkout-review-order-table tfoot th {
    color: #555;
    font-weight: 600;
}

.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
    border-bottom: none !important;
    color: #333;
    font-size: 18px;
    font-weight: 800;
}

/* --- 5. PAYMENT BOX & BUTTON --- */

/* Kotak metode pembayaran (Midtrans) */
#payment {
    background: transparent !important;
    border-radius: 0 !important;
}

#payment ul.payment_methods {
    border-bottom: none !important;
    padding: 0 !important;
}

#payment div.payment_box {
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 6px;
    color: #666 !important;
    font-size: 14px;
}
#payment div.payment_box::before {
    border-bottom-color: #ddd !important; /* Segitiga panah */
}

/* TOMBOL PLACE ORDER (PENTING!) */
#place_order {
    background-color: #1e73be !important; /* Warna Biru Utama - Sesuaikan */
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 15px 30px !important;
    border-radius: 50px !important; /* Tombol bulat modern */
    width: 100%;
    margin-top: 20px;
    border: none;
    cursor: pointer;
    transition: transform 0.2s, background-color 0.2s;
}

#place_order:hover {
    background-color: #165c9e !important; /* Warna hover lebih gelap */
    transform: translateY(-2px); /* Efek naik dikit */
}

/* --- 6. HIDE ELEMENTS (CLEANUP) --- */

/* Sembunyikan "Have a coupon?" jika tidak ingin user terdistract */
.woocommerce-form-coupon-toggle {
    display: none; 
}
/* Jika butuh kupon, hapus baris di atas */

/* Sembunyikan checkbox newsletter Hostinger yang formatnya aneh */
.hostinger-reach-optin {
    margin-top: 15px;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
}/* End custom CSS */