/*
CHANGE LOG
File: static/css/carrier_freight_discovery.css
Purpose: One stylesheet for the shared Freight Discovery component.
2026-09-09 v1.0 - Extract map presentation from configurator and universal
                  styles so public and editor views use one implementation.
*/
.cc-freight-preview{background:#eaf2f6;border-left:.35rem solid #237a45;box-sizing:border-box;display:grid;gap:.8rem;margin:.75rem auto;max-width:66rem;padding:1rem}.cc-freight-preview__heading h2{color:#102f4a;font-size:1.35rem;margin:.1rem 0 .35rem}.cc-freight-preview__heading p{color:#40555d;line-height:1.4;margin:.25rem 0}.cc-freight-preview__steps{counter-reset:freight-step;display:grid;gap:.65rem;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.cc-freight-preview__steps li{background:#fff;border-top:.2rem solid #173a5e;counter-increment:freight-step;display:grid;gap:.2rem;padding:.7rem}.cc-freight-preview__steps li::before{align-items:center;background:#173a5e;border-radius:50%;color:#fff;content:counter(freight-step);display:flex;font-size:.75rem;font-weight:800;height:1.4rem;justify-content:center;width:1.4rem}.cc-freight-preview__steps strong{color:#102f4a;font-size:.9rem}.cc-freight-preview__steps span{color:#40555d;font-size:.8rem;line-height:1.3}.cc-freight-preview__note{color:#40555d;font-size:.8rem;margin:0}
.cc-freight-preview__body{padding:.2rem 1.35rem 1.35rem}.cc-freight-preview__eyebrow{color:#765018;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.cc-freight-preview__map{background:#fff;border:1px solid #9eb2c5;height:32rem;overflow:hidden}.cc-freight-preview__map>[data-freight-map]{height:100%;width:100%}.cc-freight-preview__controls{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.cc-freight-preview__controls button{background:#173a5e;border:0;color:#fff;cursor:pointer;font-weight:800;padding:.55rem .75rem}.cc-freight-preview__controls button:hover,.cc-freight-preview__controls button:focus-visible{background:#f2b705;color:#111}.cc-freight-preview__controls span{color:#40555d;font-size:.8rem}
@media (max-width: 960px){.cc-freight-preview{margin:.75rem}.cc-freight-preview__steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 720px){.cc-freight-preview{margin:.6rem .5rem;padding:.75rem}.cc-freight-preview__map{height:24rem}.cc-freight-preview__steps{grid-template-columns:1fr}}