/* Mini-cart (Shopping Cart offcanvas) compact override.
   cretzo-override.css already sizes this cart down, but only for markup
   carrying the `product-sm-quantity` / `cart-title` modifier classes. The
   quick-view "Add to Cart" flow used to render a row without those classes,
   so the thumbnail, title and quantity input fell back to their unstyled
   native size. That JS has been fixed to reuse the same markup, but these
   rules are scoped to the #offcanvas-cart container itself (no modifier
   classes required) so any future/alternate render path is compact too. */

#offcanvas-cart .shopping-cart-item {
    padding: 10px 0;
}

#offcanvas-cart .cart-img {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    margin: 0;
    overflow: hidden;
    border: 1px solid #eee;
    border-radius: 6px;
}

#offcanvas-cart .cart-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

#offcanvas-cart .post-title {
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 600;
    white-space: normal !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 2px !important;
}

#offcanvas-cart .price {
    margin: 2px 0 !important;
}

#offcanvas-cart .price .amount,
#offcanvas-cart .product-line-price {
    font-size: 13px !important;
}

#offcanvas-cart input[name="header_qty"] {
    max-width: 52px !important;
    height: 28px !important;
    padding: 2px 4px !important;
    font-size: 12px !important;
}

#offcanvas-cart .product-sm-removal .remove-product,
#offcanvas-cart .remove-product {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}