/* ---------------------------------------------------------------
   Project custom overrides on top of the Molla template.
   Loaded last in app/Views/frontend/layouts/main.php.
   --------------------------------------------------------------- */

/* Wishlist "already in wishlist" state — filled heart, whether the
   button is a product-card icon or the product-detail text button. */
.js-wishlist-toggle.active::before,
.btn-product-icon.btn-wishlist.active::before,
.product-body .btn-wishlist.active::before {
    content: '\f233' !important; /* molla filled heart */
}
.js-wishlist-toggle.active,
.product-body .btn-wishlist.active,
.btn-product.btn-wishlist.active {
    color: #c96 !important;
}

/* Cart page quantity stepper (readonly input + - / + buttons) */
.cart-qty-stepper {
    display: inline-flex;
    align-items: stretch;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    overflow: hidden;
}
.cart-qty-stepper button {
    width: 2.6rem;
    border: 0;
    background: #f5f5f5;
    color: #333;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
}
.cart-qty-stepper button:hover { background: #c96; color: #fff; }
.cart-qty-stepper button:disabled { opacity: .4; cursor: not-allowed; }
.cart-qty-stepper input {
    width: 3.2rem;
    border: 0;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    text-align: center;
    background: #fff;
    font-size: 1.4rem;
    pointer-events: none;
}