/* ============================================
   CUSTOM PRODUCT LIST PAGE STYLING
   Minimalis improvements tanpa merusak template asli
   ============================================ */

/* ============ SORT SECTION SPACING ============ */
/* Memberikan jarak antara sort-section dan header */
.sort-section {
    padding-top: 32px !important;
    padding-bottom: 10px !important;
    margin-bottom: 0 !important;
}

/* Mengurangi jarak antara sort-section dan product-listing */
.section.product-listing {
    padding-top: 0 !important;
}

.section.product-listing > .container {
    padding-top: 0 !important;
}

.section.product-listing > .container > .row {
    margin-top: 10px !important;
}

/* Target sortby-sec untuk mengurangi margin */
.sortby-sec {
    margin-bottom: 0 !important;
}

/* ============ BUTTON COLOR CHANGE ============ */
/* Mengubah warna tombol "Masukan Keranjang" menjadi #ee4d2d */
.btn-add-cart {
    background-color: #ee4d2d !important;
    border-color: #ee4d2d !important;
    color: #ffffff !important;
}

.btn-add-cart:hover,
.listview-product
    .card
    .card-body
    .listing-button
    .btn-order.btn-add-cart:hover {
    background-color: #c21d00 !important;
    border-color: #c21d00 !important;
    color: #ffffff !important;
    opacity: 0.9;
}

/* ============ MINIMAL POLISH ============ */
/* Smooth hover untuk product card */
.listview-product .card {
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.listview-product .card:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* Product image smooth hover */
.product-unified-image {
    transition: transform 0.3s ease;
}

.listview-product .card:hover .product-unified-image {
    transform: scale(1.03);
}

/* Favorite icon smooth hover */
.fav-icon {
    transition: all 0.3s ease;
}

.fav-icon:hover {
    background-color: #fff !important;
    color: #ff4757 !important;
    transform: scale(1.1);
}