/* ToUr 7 — Gogo Cabs-inspired site-wide finish. Visual-only; booking logic untouched. */
:root{--t7-green:#087a4b;--t7-green-deep:#075f3d;--t7-red:#d91017;--t7-ink:#202923;--t7-muted:#6f7b75;--t7-line:#dfe7e2;--t7-soft:#eef7f2;--t7-shadow:0 6px 20px rgba(20,55,40,.065)}
html{scroll-behavior:smooth}body{color:var(--t7-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}img{max-width:100%}
/* shared header and page width */
.navbar,.top,header.site-header{background:rgba(255,255,255,.98);border-bottom:1px solid var(--t7-line);box-shadow:0 2px 10px rgba(25,50,38,.025)}
.container,.wrap,.page-content{min-width:0}
/* consistent typography */
h1,h2,h3,h4{letter-spacing:-.025em;color:var(--t7-ink)}p{line-height:1.55}small,.muted,.sub,.description{color:var(--t7-muted)}
/* clean, compact booking surfaces */
.card,.panel,.price-card,.trip-option,.dest-card,.live-card,.quick-card,.summary-card,.booking-card,.vehicle-card,.route-card,.feature-card,.destination-card,.weather-card,.metric-card{border-color:var(--t7-line);box-shadow:var(--t7-shadow)}
button,.btn,.cta,.primary,.secondary,[role=button]{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(8,122,75,.25);outline-offset:2px}
.btn-primary,.primary,.cta,.btn-success{background:var(--t7-green);border-color:var(--t7-green)}
.btn-primary:hover,.primary:hover,.cta:hover,.btn-success:hover{background:var(--t7-green-deep)}
input,select,textarea{border-color:#d5e1da}
/* compact content rhythm on mobile while retaining all information */
@media(max-width:720px){
 body{overflow-x:hidden;line-height:1.48}
 .page-content{padding-top:10px}
 .page-header{padding:14px 0 12px;margin-bottom:8px}
 .page-header h1{line-height:1.22}
 .card,.panel,.price-card,.trip-option,.dest-card,.live-card,.quick-card,.summary-card,.booking-card{border-radius:16px}
 .live-wrap{width:calc(100% - 24px);padding:16px 0 30px}
 .live-hero{padding:24px 0}
 .live-card{padding:14px}
 .live-main{gap:10px;margin:12px 0}
 .live-temp{font-size:36px}
 .live-metric{padding:9px 10px}
 .live-actions{gap:8px;flex-wrap:wrap}
 .live-actions a,.live-actions button{min-height:42px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}