/* ToUr 7 — Kerala road / mint / sky-blue theme. Visual layer only. */
:root{
 --t7-road-green:#08764E;--t7-road-green-dark:#075D3E;--t7-road-mint:#EAF9F2;
 --t7-road-mint-soft:#F5FCF8;--t7-road-blue:#35BDF4;--t7-road-blue-soft:#DDF5FF;
 --t7-road-red:#E71925;--t7-road-ink:#14231F;--t7-road-muted:#687A83;
 --t7-road-border:#BDEBFC;--t7-road-white:#FFFFFF;
}
html,body{color:var(--t7-road-ink)}
:where(input,select,textarea){border-color:#D9EAE5}
:where(input,select,textarea):focus{border-color:var(--t7-road-blue)!important;box-shadow:0 0 0 3px rgba(53,189,244,.16)!important}
:where(.card,.panel,.booking-card,.trip-card,.package-card,.destination-card,.hotel-card,.result-card,.vehicle-model-panel){
 border-color:var(--t7-road-border);
}
:where(.btn-primary,.primary,.green,.smart-trip-btn){background:var(--t7-road-green);border-color:var(--t7-road-green)}
:where(.btn-danger,.danger,.important-cta,.search-btn,.sticky-trip-btn){background:var(--t7-road-red);border-color:var(--t7-road-red)}
/* Kerala-road inspired vehicle selector — imagery stays real vehicle imagery. */
body.md-app .vehicle-model-panel{background:linear-gradient(180deg,#f4fcf8 0%,#e8f8f1 100%)!important;border:1.5px solid var(--t7-road-blue)!important;border-radius:18px!important}
body.md-app .vehicle-model-card{
 position:relative;display:grid!important;grid-template-columns:82px minmax(0,1fr) 24px;gap:9px!important;align-items:center;
 padding:9px!important;border:1.5px solid #6CCDF5!important;border-radius:16px!important;
 background:linear-gradient(110deg,rgba(231,249,241,.96),rgba(255,255,255,.98) 64%)!important;
 box-shadow:0 2px 5px rgba(20,90,75,.04);text-align:left;overflow:hidden;
}
body.md-app .vehicle-model-card::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#08764e 0%,#34bff4 58%,#c4f1dc 100%);opacity:.55;pointer-events:none}
body.md-app .vehicle-model-card.selected{border:3px solid #28B9F4!important;background:linear-gradient(115deg,#dcf8eb,#f9fffc 72%)!important;box-shadow:0 0 0 2px rgba(40,185,244,.12),0 5px 14px rgba(8,118,78,.10)!important;padding:7.5px!important}
body.md-app .md-model-photo{height:76px!important;border-radius:12px!important;background:
 radial-gradient(ellipse at 12% 100%,rgba(40,153,91,.25) 0 20%,transparent 21%),
 linear-gradient(170deg,#dff5ff 0%,#f6fffb 57%,#ccefdc 58%,#e9f9ef 100%)!important;position:relative}
body.md-app .md-model-photo::after{content:"";position:absolute;bottom:0;left:0;right:0;height:8px;background:linear-gradient(175deg,transparent 0 30%,rgba(30,110,78,.25) 31% 43%,transparent 44%);pointer-events:none}
body.md-app .md-model-photo img{position:relative;z-index:1}
body.md-app .vehicle-model-card strong{font-size:14px!important;color:#102b22!important}
body.md-app .md-seat-fuel{display:flex!important;align-items:center;flex-wrap:wrap;gap:5px!important}
body.md-app .md-seat-label,body.md-app .md-fuel-symbol{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border:1px solid #e0eaf0;border-radius:99px;background:#fff;color:#526477;font-size:10.5px;font-weight:700}
body.md-app .md-seat-label i{color:#64748b}
body.md-app .md-fuel-symbol i{font-size:11px}
body.md-app .md-fuel-symbol.fuel-cng i{color:#229447}
body.md-app .md-fuel-symbol.fuel-petrol i{color:#e71925}
body.md-app .md-fuel-symbol.fuel-diesel i{color:#687583}
body.md-app .vehicle-model-card .vehicle-price{color:#08764e!important;font-size:12.5px!important;font-weight:900!important}
body.md-app .md-view-details{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:max-content;max-width:100%;margin-top:2px;padding:5px 10px;border:1.5px solid #168fe0;border-radius:99px;background:#fff;color:#0879c8;font-size:10.5px;font-weight:800;line-height:1.1;cursor:pointer}
body.md-app .md-view-details i{font-size:9px;transition:transform .18s}
body.md-app .md-view-details.is-open i{transform:rotate(180deg)}
body.md-app .md-model-details{display:block;margin-top:5px;padding:7px 8px;border-radius:9px;background:#e8f8f0;color:#3c5c50;font-size:10px;line-height:1.45}
body.md-app .md-model-details[hidden]{display:none!important}
body.md-app .vehicle-model-card:focus-visible .md-view-details,body.md-app .md-view-details:focus-visible{outline:3px solid rgba(53,189,244,.28);outline-offset:2px}
@media(max-width:390px){
 body.md-app .vehicle-model-card{grid-template-columns:68px minmax(0,1fr) 20px;gap:7px!important;padding:7px!important}
 body.md-app .vehicle-model-card.selected{padding:5.5px!important}
 body.md-app .md-model-photo{height:66px!important}
 body.md-app .vehicle-model-card strong{font-size:12.5px!important}
 body.md-app .md-seat-label,body.md-app .md-fuel-symbol{font-size:9.5px;padding:3px 6px}
}

/* Vehicle-card dimension and missing feature chips polish (Oct 2026). */
body.md-app .vehicle-model-options{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
body.md-app .vehicle-model-card{grid-template-columns:88px minmax(0,1fr) 24px!important;gap:10px!important;min-height:112px;padding:9px!important;align-items:center!important}
body.md-app .vehicle-model-card.selected{padding:7.5px!important}
body.md-app .md-model-photo{width:100%!important;height:88px!important;min-height:88px!important;align-self:center!important;overflow:hidden!important}
body.md-app .md-model-photo img{width:100%!important;height:100%!important;object-fit:contain!important}
body.md-app .md-model-info{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important}
body.md-app .md-seat-fuel{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:4px!important;margin:0!important}
body.md-app .md-seat-label,body.md-app .md-fuel-symbol{white-space:nowrap!important;padding:3px 6px!important;font-size:10px!important;line-height:1.2!important}
body.md-app .md-seat-label .fa-suitcase-rolling{color:#64748b!important}
body.md-app .md-ac-label .fa-snowflake{color:#168fe0!important}
body.md-app .vehicle-model-card .vehicle-price{display:block!important;line-height:1.25!important;margin:1px 0!important;font-size:12px!important;white-space:normal!important}
body.md-app .md-view-details{margin-top:2px!important;min-height:30px!important;padding:6px 12px!important;font-size:11px!important}
@media(max-width:390px){body.md-app .vehicle-model-card{grid-template-columns:76px minmax(0,1fr) 20px!important;gap:7px!important;min-height:106px;padding:7px!important}body.md-app .vehicle-model-card.selected{padding:5.5px!important}body.md-app .md-model-photo{height:76px!important;min-height:76px!important}body.md-app .md-seat-label,body.md-app .md-fuel-symbol{font-size:9.5px!important;padding:3px 5px!important}body.md-app .vehicle-model-card .vehicle-price{font-size:11.5px!important}}


/* ToUr 7 formal mint compact card polish — Oct 2026 */
body.md-app .vehicle-model-panel{
  padding:9px!important;border:1px solid #cfe8dc!important;border-radius:15px!important;
  background:#f5fbf7!important;
}
body.md-app .vehicle-model-options{gap:7px!important;}
body.md-app .vehicle-model-card{
  grid-template-columns:72px minmax(0,1fr) 20px!important;gap:8px!important;
  min-height:0!important;padding:7px!important;border:1px solid #d5e8df!important;
  border-radius:13px!important;background:#fff!important;box-shadow:none!important;
}
body.md-app .vehicle-model-card::after{display:none!important;content:none!important;}
body.md-app .vehicle-model-card.selected{
  padding:6px!important;border:2px solid #16845b!important;
  background:#eff9f3!important;box-shadow:0 1px 4px rgba(8,118,78,.07)!important;
}
body.md-app .md-model-photo{height:66px!important;min-height:66px!important;width:100%!important;border-radius:10px!important;}
body.md-app .md-model-photo img{width:100%!important;height:100%!important;object-fit:contain!important;}
body.md-app .md-model-info{gap:3px!important;}
body.md-app .vehicle-model-card strong{font-size:13px!important;line-height:1.2!important;}
body.md-app .md-seat-fuel{gap:4px!important;}
body.md-app .md-seat-label,body.md-app .md-fuel-symbol{padding:2px 6px!important;font-size:9.5px!important;line-height:1.2!important;border:1px solid #e2ece6!important;background:#fff!important;}
body.md-app .vehicle-model-card .vehicle-price{font-size:11.5px!important;line-height:1.2!important;margin:1px 0!important;}
body.md-app .md-view-details{min-height:26px!important;margin-top:1px!important;padding:4px 10px!important;border:1px solid #9bcdb7!important;border-radius:8px!important;background:#f8fcf9!important;color:#08764e!important;font-size:10px!important;}
body.md-app .md-model-check{width:19px!important;height:19px!important;font-size:11px!important;border:1px solid #cbd9d1!important;}
body.md-app .vehicle-model-card.selected .md-model-check{background:#08764e!important;border-color:#08764e!important;color:#fff!important;}
@media(max-width:390px){
 body.md-app .vehicle-model-card{grid-template-columns:64px minmax(0,1fr) 18px!important;gap:6px!important;padding:6px!important;}
 body.md-app .vehicle-model-card.selected{padding:5px!important;}
 body.md-app .md-model-photo{height:60px!important;min-height:60px!important;}
 body.md-app .vehicle-model-card strong{font-size:12.5px!important;}
 body.md-app .md-seat-label,body.md-app .md-fuel-symbol{font-size:9px!important;padding:2px 5px!important;}
 body.md-app .vehicle-model-card .vehicle-price{font-size:11px!important;}
}
