/* Delivery-option cards (Price and lead time). See js/lead-time-options.js. */
.lt-list { display: grid; gap: 10px; }
.lt-list.is-busy { opacity: .7; pointer-events: none; }

.lt-card {
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    width: 100%; text-align: left; cursor: pointer;
    padding: 14px 16px; border-radius: 8px;
    background: #fff; color: #1f2d3d;
    border: 1px solid var(--color-neutral-high, #E6EBF1);
    transition: border-color .15s, background .15s, box-shadow .15s;
}
.lt-card:hover { border-color: var(--color-primary-dim, #9dbcf0); }
.lt-card:focus-visible { outline: 2px solid var(--color-primary, #0057C0); outline-offset: 2px; }
.lt-card.is-selected {
    border-color: var(--color-primary, #0057C0);
    background: var(--color-primary-fixed, #EEF4FF);
    box-shadow: 0 0 0 1px var(--color-primary, #0057C0) inset;
}

.lt-left { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.lt-name { display: inline-flex; align-items: center; gap: 8px; font-size: .95rem; font-weight: 600; }
.lt-saver .lt-name { color: #0f9d6a; }
.lt-standard .lt-name { color: #2563eb; }
.lt-express .lt-name { color: #5b21b6; }
.lt-arrives { font-size: .84rem; color: #4b5b6b; }
.lt-days { color: #8a97a5; font-size: .78rem; }

.lt-right { display: flex; flex-direction: column; align-items: flex-end; gap: 1px; flex: none; }
.lt-each { font-size: .78rem; color: #6b7a89; }
.lt-total { font-size: 1.25rem; font-weight: 700; color: #33475b; line-height: 1.2; }
.lt-vat { font-size: .7rem; color: #8a97a5; }

.lt-note { margin: 10px 0 0; font-size: .76rem; color: #6b7a89; }
.lt-error { margin: 10px 0 0; font-size: .8rem; color: #b91c1c; }

@media (max-width: 480px) {
    .lt-card { flex-direction: column; align-items: flex-start; }
    .lt-right { align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
    .lt-card { transition: none; }
}