/* Scoped to address pricing; existing site and mobile admin styles stay intact. */
.travel-picker { margin-top: 1.3rem; min-width: 0; }
.travel-picker .field { position: relative; }
.travel-picker input { width:100%; font-size:16px; }
.travel-picker .suggestions { z-index:30; max-height:280px; overflow-y:auto; }
.travel-picker .suggestion { min-height:48px; text-align:left; white-space:normal; line-height:1.45; }
.travel-picker .suggestion:focus-visible,.travel-picker button:focus-visible,.travel-map-wrap button:focus-visible,.travel-map:focus-visible,.travel-map-wrap summary:focus-visible { outline:3px solid #c79a43; outline-offset:3px; }
.travel-picker [hidden] { display:none !important; }
.travel-status { padding:12px 14px; border-left:3px solid #b89a5e; background:rgba(160,174,180,.1); font-size:.92rem; line-height:1.6; margin:12px 0; }
.travel-status[data-state="ready"] { border-color:#7b9f77; }
.travel-status[data-state="outside"],.travel-status[data-state="unavailable"],.travel-status[data-state="expired"] { border-color:#c28564; }
.travel-retry { min-height:44px; border:1px solid #b89a5e; border-radius:8px; background:transparent; color:inherit; padding:8px 14px; cursor:pointer; }
.travel-map-wrap { border:1px solid #5d5036; border-radius:12px; overflow:hidden; margin-top:14px; background:#111410; color:#f3eddf; }
.travel-map-wrap summary { padding:13px 15px; cursor:pointer; font-weight:600; min-height:48px; }
.travel-legend { display:flex; gap:6px; padding:0 10px 10px; }
.travel-legend button { flex:1; min-height:48px; padding:8px 5px; display:grid; grid-template-columns:10px auto; align-items:center; justify-content:center; gap:4px; border:1px solid #66604e; border-radius:8px; background:#1b1e18; color:#f3eddf; font:inherit; font-size:12px; cursor:pointer; }
.travel-legend button[aria-pressed="true"] { border:2px solid #d6b36a; padding:7px 4px; background:#302b1c; }
.travel-legend button strong { white-space:nowrap; grid-column:1 / -1; }
.zone-swatch { width:10px; height:10px; flex:0 0 10px; border-radius:50%; }
.zone-swatch-1 {background:#d6b36a}.zone-swatch-2 {background:#8ca4a1}.zone-swatch-3 {background:#78916d}
.travel-map-controls { display:flex; justify-content:flex-end; gap:5px; padding:0 10px 8px; }
.travel-map-controls button { border:1px solid #66604e; border-radius:6px; min-width:44px; min-height:44px; background:#1b1e18; color:#f3eddf; font:inherit; cursor:pointer; padding:4px 10px; }
.travel-map { display:block; width:100%; height:320px; max-height:50svh; min-height:230px; background:#080c0b; cursor:grab; touch-action:none; user-select:none; -webkit-user-select:none; }
.travel-map.is-dragging,.travel-map.is-dragging .travel-zone {cursor:grabbing}
.travel-zone {cursor:grab;stroke:#a2aa93}
.travel-zone-1 {fill:#d6b36a}
.travel-zone-2 {fill:#829b99}
.travel-zone-3 {fill:#657e5d}
.travel-land {fill:#1c251f;stroke:#536255}
.travel-map-label {fill:#f4ead5;stroke:#080c0b;font-weight:600}
.travel-map-marker {pointer-events:none}
.travel-marker-ring {fill:#111510;stroke:#f1d49b}
.travel-marker-dot {fill:#f1d49b}
@media(hover:hover){.travel-map-wrap button:hover{background:#332d1e;border-color:#d6b36a}}
body.visual-v3 .travel-map-wrap .field-hint { color:#cec5af; margin:10px 12px; font-size:12px; line-height:1.5; }
.travel-attribution { color:#b1ad9d; font-size:10px; padding:0 12px 10px; margin:0; }
.travel-once {line-height:1.6}
.travel-breakdown {border-top:1px solid rgba(145,156,158,.35); margin-top:18px; padding-top:12px; display:grid; gap:8px; font-size:14px}
.travel-breakdown>div {display:flex; gap:12px; justify-content:space-between}
.travel-breakdown strong {text-align:right}
@media(max-width:480px){.travel-map{height:300px}.travel-legend{gap:4px}.travel-legend button{font-size:11px}.travel-breakdown>div{align-items:baseline}.travel-picker{margin-top:1rem}}

/* Pixel-sized labels stay readable at every zoom; only the geography is transformed. */
.travel-map {overflow:hidden;isolation:isolate}
.travel-map-label {font-family:Inter,Arial,sans-serif;font-size:12px;stroke-linejoin:round}
.travel-label-leader {stroke:#c7bea5;stroke-width:1;opacity:.5}
.travel-map-controls button:disabled {opacity:.42;cursor:default}
@media(hover:hover){.travel-map-controls button:disabled:hover{background:#1b1e18;border-color:#66604e}}