/*
 * Delivery-estimate line on the product page.
 * Rendered by resources/views/livewire/delivery-estimate.blade.php.
 * Styled to sit among the product's other labelled fields (Colour, Size,
 * Quantity): the label picks up .product-form's 7.5rem label column from the
 * theme, and the estimate text is inset to line up with the select toggles /
 * quantity input above it (their border 1px + padding-left 1.3rem). The truck
 * icon sits in that gutter so it does not push the text out of alignment.
 */

.product-delivery-form {
    margin: .5rem 0 1rem;
}

.product-delivery-value {
    position: relative;
    display: inline-block;
    padding-left: calc(1.3rem + 1px);
    font-size: 1.4rem;
    font-weight: 600;
    color: #333;
    line-height: 1;
}

.product-delivery-icon {
    position: absolute;
    top: 50%;
    left: -0.5rem;
    width: 1.7rem;
    height: 1.7rem;
    color: var(--q2u-primary, #cfad3c);
    transform: translateY(-50%);
}

.product-delivery-text {
    vertical-align: middle;
}