/*
================================================

Space Vanta Theme 1.0

Module:
Shipping Bridge / Cart Route / Benefit Information

File:
public/shipping-bridge/cs/cart-route-entitlement.css

Version:
2.1-BRAND-INFORMATIONAL-01

Responsibility:
Neutral benefit/service information hierarchy.

Intent:
Inform the customer what Space Vanta provides without
visually encouraging additional spend.

================================================
*/

.sv-shipping-route__entitlements {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(18px, 3.4vw, 48px);
    min-width: 0;
}

.sv-shipping-route__item {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr);
    column-gap: 8px;
    row-gap: 4px;
    padding: 10px 0 0;
    border-top: 1px solid var(--sv-route-line);
}

/* Short registration stroke: avoids the look of a promotional card. */
.sv-shipping-route__item::before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 24px;
    height: 1px;
    background: var(--sv-route-metal);
}

/* Service-state marker. */
.sv-shipping-route__item::after {
    content: "";
    position: absolute;
    left: 1px;
    top: 13px;
    width: 5px;
    height: 5px;
    border: 1px solid var(--sv-route-metal);
    background: transparent;
    transform: rotate(45deg);
}

.sv-shipping-route__item-label {
    grid-column: 2;
    font-size: 8px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--sv-route-ink);
}

.sv-shipping-route__item-state {
    grid-column: 2;
    font-size: 11px;
    line-height: 1.45;
    letter-spacing: 0.01em;
    color: var(--sv-route-muted);
}

.sv-shipping-route__item.is-included .sv-shipping-route__item-state {
    color: var(--sv-route-ink);
    font-weight: 500;
}

.sv-shipping-route__item.is-included::after {
    border-color: var(--sv-route-ink);
    background: var(--sv-route-ink);
}

.sv-shipping-route__item.is-pending::after {
    border-color: var(--sv-route-metal);
}

.sv-shipping-route__item.is-unavailable .sv-shipping-route__item-state,
.sv-shipping-route__item.is-unknown .sv-shipping-route__item-state {
    opacity: 0.72;
}

.sv-shipping-route__item.is-overweight .sv-shipping-route__item-state {
    color: var(--sv-route-ink);
    font-weight: 500;
}

.sv-shipping-route__item[data-sv-shipping-capability="air"].is-overweight::after {
    border-color: var(--sv-route-accent);
}

.sv-shipping-route__note {
    position: relative;
    grid-column: 1 / -1;
    max-width: 760px;
    margin-top: -2px;
    padding-left: 14px;
    font-size: 8px;
    line-height: 1.55;
    letter-spacing: 0.04em;
    color: var(--sv-route-muted);
}

.sv-shipping-route__note::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 0.62em;
    width: 6px;
    height: 1px;
    background: var(--sv-route-metal);
}

@media (max-width: 767px) {
    .sv-shipping-route__entitlements {
        gap: 15px;
    }

    .sv-shipping-route__item {
        padding-top: 9px;
    }

    .sv-shipping-route__item-state {
        font-size: 10px;
        line-height: 1.5;
    }

    .sv-shipping-route__note {
        font-size: 8px;
    }
}