/* Action links styled as plain text buttons */
.cart-action {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: 0.75rem;
    color: #6c757d;
    font-family: inherit;
}
.cart-action:hover {
    text-decoration: underline;
}
.cart-action-primary {
    color: #1a3a6b;
    font-weight: 500;
}
.cart-action-remove:hover {
    color: #dc3545;
}

/* Proof thumbnails */
.cart-proof-thumb img {
    width: 3.25rem;
    height: 3.25rem;
    object-fit: cover;
    cursor: pointer;
}
.cart-proof-thumb img:hover {
    border-color: #1a3a6b !important;
}

@media (min-width: 576px) {
    .cart-proof-thumb img {
        width: 3.75rem;
        height: 3.75rem;
    }
    .cart-item-actions {
        gap: 0.625rem !important;
    }
}

/* Bottom-sheet modal on xs/sm */
@media (max-width: 575.98px) {
    #modal-breakdown .modal-dialog,
    #modal-quantity .modal-dialog,
    #modal-revision .modal-dialog {
        margin: 0;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        max-width: 100%;
    }
    #modal-breakdown .modal-content,
    #modal-quantity .modal-content,
    #modal-revision .modal-content {
        border-radius: 0.75rem 0.75rem 0 0;
        border-bottom: 0;
    }
}

@media (min-width: 576px) {
    #modal-breakdown .modal-dialog,
    #modal-quantity .modal-dialog,
    #modal-revision .modal-dialog {
        max-width: 31.25rem;
    }
    #modal-breakdown .modal-content,
    #modal-quantity .modal-content,
    #modal-revision .modal-content {
        border-radius: 0.5rem;
    }
}

/* Inline remove confirmation */
.cart-action-confirm {
    font-size: 0.75rem;
}
.cart-action-confirm-yes {
    color: #dc3545;
    font-weight: 500;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
}
.cart-action-confirm-no {
    color: #6c757d;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
}