/* ViraWise 2.2 - compact recommendations, accessible route cards and tools */
#search-view .v7-nav-actions {gap:4px!important;background:#eff8f6!important;border-color:#d8eae5!important}
#search-view .v7-nav-actions a {font-size:12px;font-weight:800;color:#23475b!important;letter-spacing:0;padding:11px 13px}
#search-view .v7-nav-actions a:hover {background:#daf0eb!important;color:#066a60!important}
#results-view .v7-pack-heading {margin-bottom:15px}
#results-view .v7-pack-heading h3 {color:#20394c!important;font-size:17px!important;letter-spacing:-.025em}
#results-view .v7-pack-heading p {font-size:12px!important;line-height:1.55;margin:7px 0 0;color:#4e6575!important;font-weight:500}
#results-view .v7-pack-list {display:grid!important;gap:8px!important;margin:0!important;padding:0!important;list-style:none!important}
#results-view .v7-pack-item {
 display:flex;align-items:flex-start;gap:11px;
 padding:12px 13px!important;
 border-radius:13px!important;
 background:#f5faf9!important;
 border:1px solid #dbe8e5!important;
 box-shadow:none!important;
 min-height:44px;
 color:#243e50!important;
 opacity:1!important;
}
#results-view .v7-pack-check {
 display:grid;flex:0 0 28px;place-items:center;
 width:28px;height:28px;margin-top:0;
 border-radius:9px;
 color:#08766d!important;
 background:#dcf2ec!important;
 font-size:12px;
}
#results-view .v7-pack-text {
 flex:1;min-width:0;overflow-wrap:anywhere;
 font-size:13px!important;line-height:1.55!important;
 font-weight:620!important;
 color:#253c4e!important;
 opacity:1!important;
}
#results-view .v7-pack-empty {
 padding:12px;background:#f5f9fc;border-radius:10px;
 border:1px solid #dde8ef;color:#4a6477;
 font-size:12px;font-weight:600;
}
#results-view .v7-map-message {
 display:flex;align-items:center;gap:9px;
 margin:0 0 10px;padding:10px 12px;
 border-radius:11px;
 background:#ecf7f4;border:1px solid #cfe7e0;
 color:#285565!important;
 font-size:12px;font-weight:650;line-height:1.55;
}
#results-view .v7-map-message[data-state="error"],
#results-view .v7-map-message[data-state="limited"] {
 background:#fff7e9;border-color:#f0d9ae;color:#775018!important;
}
#results-view .v7-map-external {
 display:inline-flex;align-items:center;gap:7px;
 color:#075f76!important;background:#eef7fc;
 border:1px solid #cce2ee; padding:8px 12px;
 font-size:12px;font-weight:800;border-radius:10px;
 margin:0 0 10px;text-decoration:none;
}
#results-view .v7-map-external:hover {background:#deedf7}
#results-view :is(.v7-map-message,.v7-map-external):focus-visible {outline:2px solid #087d74;outline-offset:3px}
@media(max-width:640px){
 #results-view .v7-pack-item {padding:10px 11px!important}
 #results-view .v7-pack-text {font-size:12px!important}
 #search-view .v7-nav-actions {display:none!important}
}

.v7-language-wrap{max-width:1430px;margin:0 auto;padding:0 18px}
#v7-language-notice[hidden]{display:none!important}
#v7-language-notice:not([hidden]){
 display:block;margin:5px 0 14px;
 padding:12px 15px;border:1px solid #cfdeec;background:#edf6ff;
 color:#265575;font-size:12px;font-weight:650;border-radius:11px;
}
#results-view .v7-pack-item .v7-pack-check i{color:#086e64!important;}

#results-view .v7-pack-title-row {display:flex;align-items:center;justify-content:space-between;gap:10px}
#results-view .v7-pack-progress {
 flex-shrink:0;padding:7px 10px;border-radius:999px;
 background:#e0f3ec;border:1px solid #c1e2d7;
 color:#086e62;font-weight:800;font-size:11px;
}
#results-view .v7-pack-checkbox {
 appearance:auto!important;
 accent-color:#0b8d80;
 margin:6px 0 0;flex:0 0 19px;
 width:19px;height:19px;cursor:pointer;
}
#results-view .v7-pack-done {background:#edf7f2!important;border-color:#beded1!important}
#results-view .v7-pack-done .v7-pack-text {text-decoration:line-through;color:#56796c!important}

/* The transport distance is a geodesic estimate, not a road/ferry itinerary. */
#results-view .v8-distance-explainer {
  display:block;
  max-width:170px;
  margin-top:6px;
  font-size:10px;
  line-height:1.45;
  color:#526778!important;
  font-weight:650;
}
#profile-modal .v8-saved-route {
  cursor:pointer;
  border:1px solid #dfebed!important;
  background:#f5f9fa!important;
  color:#1d3c51!important;
}
#profile-modal .v8-saved-route:hover {border-color:#9accc0!important;background:#ecf8f4!important;}
#profile-modal .v8-saved-route :is(span,.text-white) {color:#25475b!important;}
#profile-modal .v8-saved-route:focus-visible {
  outline:3px solid #0b9186!important;outline-offset:2px!important;
}
@media(max-width:640px) {
  #results-view .v8-distance-explainer {max-width:120px;font-size:9px;}
}