.elementor-12 .elementor-element.elementor-element-b2108f2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-4fbfc4a{text-align:start;}.elementor-12 .elementor-element.elementor-element-4fbfc4a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:28px;font-weight:700;color:#1A1A2E;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-b2108f2{--padding-top:24px;--padding-bottom:24px;--padding-left:16px;--padding-right:16px;}}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-b2108f2{--content-width:1200px;}}/* Start custom CSS for shortcode, class: .elementor-element-7221658 *//* ==========================================================================
   WAIKI TEXTILE - COMPLETE CUSTOM CART PAGE STYLING & MOBILE FIX (FINAL V2)
   ========================================================================== */

/* 1. CONTAINER UTAMA */
.woocommerce-cart .woocommerce {
    max-width: 1200px !important;
    margin: 0 auto !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #1A1A2E !important;
}

.woocommerce-cart .woocommerce-cart-form {
    float: left !important;
    width: 63% !important;
}

.woocommerce-cart .cart-collaterals {
    float: right !important;
    width: 34% !important;
}

.woocommerce-cart .woocommerce::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* 2. RESET TABEL WOOCOMMERCE & HILANGKAN TEKS OVERLAP (::before) */
.woocommerce-cart table.shop_table,
.woocommerce-cart table.shop_table tbody,
.woocommerce-cart table.shop_table tr,
.woocommerce-cart table.shop_table td,
.woocommerce-cart table.shop_table th {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.woocommerce-cart table.shop_table.cart thead {
    display: none !important;
}

/* KUNCI UTAMA: MATIKAN TEKS LABEL BAWAAN (Product:, Price:, Quantity:) */
.woocommerce-cart table.shop_table.cart td::before {
    display: none !important;
    content: "" !important;
}

/* 3. STYLING KARTU PRODUK (DESKTOP) */
.woocommerce-cart table.shop_table.cart tr.cart_item {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin-bottom: 16px !important;
    box-sizing: border-box !important;
    position: relative !important;
}

/* Gambar Produk */
.woocommerce-cart table.shop_table.cart td.product-thumbnail {
    display: block !important;
    width: 80px !important;
    min-width: 80px !important;
    height: 80px !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

.woocommerce-cart table.shop_table.cart td.product-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 6px !important;
}

/* Detail Nama Produk */
.woocommerce-cart table.shop_table.cart td.product-name {
    display: block !important;
    padding: 0 !important;
    flex-grow: 1 !important;
}

.woocommerce-cart table.shop_table.cart td.product-name a {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1A1A2E !important;
    text-decoration: none !important;
}

/* Harga Produk */
.woocommerce-cart table.shop_table.cart td.product-price {
    display: block !important;
    padding: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #BD5232 !important; /* Terracotta Waiki */
    white-space: nowrap !important;
}

.woocommerce-cart table.shop_table.cart td.product-subtotal {
    display: none !important;
}

/* 4. QUANTITY INPUT FIX */
.woocommerce-cart table.shop_table.cart td.product-quantity {
    display: block !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

.woocommerce-cart .quantity {
    display: flex !important;
    align-items: center !important;
}

.woocommerce-cart .quantity input.qty {
    display: block !important;
    color: #1A1A2E !important;
    background-color: #FFFFFF !important;
    border: 1px solid #9CA3AF !important;
    border-radius: 6px !important;
    width: 50px !important;
    height: 38px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* 5. TOMBOL HAPUS (REMOVE ICON) & SEMBUNYIKAN KUPON */
.woocommerce-cart table.shop_table.cart td.product-remove {
    display: block !important;
    padding: 0 !important;
    order: 5 !important;
}

.woocommerce-cart table.shop_table.cart td.product-remove a.remove {
    color: #EF4444 !important;
    font-size: 22px !important;
    text-decoration: none !important;
}

.woocommerce-cart table.shop_table.cart td.actions,
.woocommerce-cart table.shop_table.cart td.actions .coupon,
.woocommerce-cart table.shop_table.cart td.actions button[name="update_cart"] {
    display: none !important;
}

/* 6. CART TOTALS (KOLOM KANAN) */
.woocommerce-cart .cart-collaterals .cart_totals {
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 8px !important;
    padding: 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.woocommerce-cart .cart-collaterals .cart_totals h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1A1A2E !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #E5E7EB !important;
    margin-bottom: 16px !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table.shop_table th,
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table td {
    padding: 10px 0 !important;
    font-size: 14px !important;
    color: #6B7280 !important;
}

.woocommerce-cart .cart-collaterals .cart_totals tr.order-total th,
.woocommerce-cart .cart-collaterals .cart_totals tr.order-total td {
    border-top: 1px solid #E5E7EB !important;
    padding-top: 16px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1A1A2E !important;
}

.woocommerce-cart .cart-collaterals .cart_totals tr.order-total .amount {
    color: #BD5232 !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #1A1A2E !important;
    color: #FFFFFF !important;
    border-radius: 6px !important;
    padding: 14px 20px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    display: block !important;
    margin-top: 20px !important;
    transition: background-color 0.3s ease !important;
    text-decoration: none !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #BD5232 !important;
}

/* --------------------------------------------------------------------------
   7. STYLING KHUSUS TAMPILAN MOBILE (HP) - RAPI & CLEAN
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
    .woocommerce-cart .woocommerce-cart-form,
    .woocommerce-cart .cart-collaterals {
        float: none !important;
        width: 100% !important;
    }

    .woocommerce-cart .cart-collaterals {
        margin-top: 24px !important;
    }
}

@media (max-width: 576px) {
    /* Layout Kartu Produk Mobile Grid Modern */
    .woocommerce-cart table.shop_table.cart tr.cart_item {
        display: grid !important;
        grid-template-columns: 70px 1fr auto !important;
        grid-template-rows: auto auto !important;
        gap: 8px 12px !important;
        padding: 12px !important;
        align-items: center !important;
    }

    /* Gambar Produk di Kiri Atas */
    .woocommerce-cart table.shop_table.cart td.product-thumbnail {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        width: 70px !important;
        min-width: 70px !important;
        height: 70px !important;
    }

    .woocommerce-cart table.shop_table.cart td.product-thumbnail img {
        width: 70px !important;
        height: 70px !important;
    }

    /* Judul Produk di Tengah Atas */
    .woocommerce-cart table.shop_table.cart td.product-name {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    .woocommerce-cart table.shop_table.cart td.product-name a {
        font-size: 14px !important;
    }

    /* Tombol Hapus di Kanan Atas */
    .woocommerce-cart table.shop_table.cart td.product-remove {
        grid-column: 3 !important;
        grid-row: 1 !important;
        justify-self: end !important;
    }

    /* Harga Produk di Tengah Bawah */
    .woocommerce-cart table.shop_table.cart td.product-price {
        grid-column: 2 !important;
        grid-row: 2 !important;
        font-size: 14px !important;
    }

    /* Quantity Box di Kanan Bawah */
    .woocommerce-cart table.shop_table.cart td.product-quantity {
        grid-column: 3 !important;
        grid-row: 2 !important;
        justify-self: end !important;
    }

    .woocommerce-cart .quantity input.qty {
        width: 44px !important;
        height: 32px !important;
        font-size: 13px !important;
    }
}/* End custom CSS */