/* ============================================================
   Storefront cart enhancer — Add-to-Cart button + toast on
   custom (drag-and-drop) website product grids.
   Injected by web_inject_cart_runtime() (includes/web_routing.php)
   only on pages that contain product cards.
   ============================================================ */
.wb-seemore-wrap {
    text-align: center;
    margin-top: 20px;
}
.wb-seemore {
    display: inline-block;
    color: var(--ds-primary, #E57E00);
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;
}
.wb-seemore:hover { text-decoration: underline; }

.mv-sku {
    display: block;
    font-size: 0.8rem;
    color: #8a8a8a;
    letter-spacing: 0.02em;
    margin: 0 0 6px;
}

/* Keep the Add to Cart button on a common baseline across a row no matter
   how tall the name / SKU is: the grid already stretches cards to equal
   height, so make the card body a flex column and let the button take the
   slack above it (margin-top:auto). The price keeps a min gap from the
   button regardless. */
.wb-card-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.wb-card-body .wb-price {
    margin-bottom: 12px;   /* guaranteed min gap above the button */
}
.mv-add-cart {
    display: block;
    width: 100%;
    margin-top: auto;
    padding: 10px 14px;
    border: none;
    border-radius: 8px;
    background: var(--ds-primary, #E57E00);
    color: #fff;
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition: filter 0.15s ease, transform 0.05s ease;
}
.mv-add-cart:hover { filter: brightness(0.93); }
.mv-add-cart:active { transform: translateY(1px); }
.mv-add-cart:disabled,
.mv-add-cart.mv-add-cart-loading {
    opacity: 0.6;
    cursor: default;
}

.mv-cart-toast {
    position: fixed;
    /* Clear the storefront header so the toast doesn't cover the Cart link. */
    top: 84px;
    right: 20px;
    z-index: 99999;
    max-width: 320px;
    padding: 12px 18px;
    border-radius: 8px;
    background: #222;
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 0.95rem;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18);
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 0.2s ease, transform 0.2s ease;
}
.mv-cart-toast-show {
    opacity: 1;
    transform: translateY(0);
}
.mv-cart-toast-success { background: #2d7a2d; }
.mv-cart-toast-error { background: #c62828; }