/* Most Important CSS Global Styling
========================================================== */
html, body {
    height: 100%;
}

p a {
    color: #007bff;
}


/* Fix Content Yang Tidak Rata Tengah Ketika Wide Screen 
========================================================== */
.alignwide {
    margin-left: 0;
    max-width: 100%;
    width: 100%;
}

/* 1. Custom CSS For Product List Container
========================================================== */
.brxe-woocommerce-products .product {
    justify-content: space-between;
    align-items: center;
}


/* 2. CSS For Cart & Checkout Button On Pop Up Cart Widget
========================================================== */
.woocommerce-mini-cart__buttons a {
    color: #ffffff !important;
    background-color: #c3183f !important;
    border-radius: 6px;
}

.woocommerce-mini-cart__buttons a:hover {
    background-color: #e4234f !important;
    transform: translateY(1.05) !important;
}

.woocommerce-mini-cart__buttons a:active {
    background-color: #b01639 !important;
    transform: scaleY(0.95) !important;
    transform: translateY(2px) !important;
}


/* 3. Icon Pengganti Default <li> Block
========================================================== */
    .li-replace {
        margin: 10px;
        padding: 10px;
    }
    .custom-li-replace-icon {
        font-size: 1.2em; /* Ukuran ikon */
        color: green;
        margin-right: 5px; /* Jarak antara ikon dan teks */
    }


/* 4. Customize Add To Cart Button Color
========================================================== */
form.cart .quantity+button, form.woocommerce-cart-form .quantity+button, a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background: #28A745;
}

form.cart .quantity+button:hover, form.woocommerce-cart-form .quantity+button:hover, a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
    background: #2CB84C;
    transform: translateY(1.05);
}

form.cart .quantity+button:active, form.woocommerce-cart-form .quantity+button:active, a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:active {
    background: #24963E;
    transform: scaleY(0.95);
    transform: translateY(2px);
}


/* 5. Customize Buy Now Button Color
========================================================== */
a.wc-buy-now-btn.wc-buy-now-btn-archive.button.add_to_cart_button:hover, button.wc-buy-now-btn.wc-buy-now-btn-single.single_add_to_cart_button.button.alt:hover {
    background-color: #e4234f;
    transform: translateY(1.05);
}

a.wc-buy-now-btn.wc-buy-now-btn-archive.button.add_to_cart_button:active, button.wc-buy-now-btn.wc-buy-now-btn-single.single_add_to_cart_button.button.alt:active {
    background-color: #b01639;
    transform: scaleY(0.95);
    transform: translateY(2px);
}


/* 6. Atur Ulang Gap Antara Tombol Add To Cart & Buy Now Agar Tidak Terlalu Panjang
========================================================== */
#brxe-7c80c0 .repeater-item [data-field-id="a70ae0"], #brxe-iygxsx .repeater-item [data-field-id="a70ae0"] {
    margin-bottom: 5px !important;
}

/* For Product Archive */
#brxe-yxqqol .repeater-item [data-field-id=a70ae0] {
    margin-bottom: 5px !important;
}


/* 7. Change Price Styling For Better Look, Prominent And Noticeable
========================================================== */
span.woocommerce-Price-amount.amount {
    font-size: 20px;
    color: #FF0000;
    font-weight: bold;
/*    background-color: #FFFF00; */
    padding: 5px 10px;
    border-radius: 5px;
}

/* 8. Counter Productive For Prices Inside The Cart */
.widget_shopping_cart_content span.woocommerce-Price-amount.amount {
    font-size: inherit;
    color: inherit;
    background-color: inherit;
    padding: inherit;
    border-radius: inherit;
}

/* 9. Counter Productive For Header Price */
.cart-subtotal span.woocommerce-Price-amount.amount {
    color: inherit;
}


/* 10. Membuat Listingan Product Centered While Cart Is Empty
========================================================== */
.wc-block-grid__products {
    justify-content: center;
}


/* TBD
======================================================================== */