/* THAT Rental | unified restrained metallic finish | fresh web(5) baseline
   Search results retain their self-contained, card-wide glow in booking.php.
   Fleet and checkout are intentionally scoped. No image endpoint or network changes. */
:root{--that-metal-navy:#17395f;--that-metal-slate:#233d50;--that-metal-bronze:#785033;--that-metal-accent:#f58220}
/* Fleet: metallic treatment extends through the whole card, without a rectangular image panel. */
.fleet-premium-card{background:radial-gradient(ellipse 70% 190px at 50% 112px,rgba(183,212,239,.24),transparent 99%),linear-gradient(152deg,#1f4877 0%,#153453 58%,#0f253e 100%)!important;color:#f8fbff!important;border:1px solid rgba(232,242,252,.18)!important;box-shadow:0 12px 30px rgba(10,32,54,.15)!important}
.fleet-premium-card:nth-of-type(3n+2){background:radial-gradient(ellipse 70% 190px at 50% 112px,rgba(185,209,227,.22),transparent 99%),linear-gradient(152deg,#2d4e65 0%,#1c364a 58%,#152838 100%)!important}
.fleet-premium-card:nth-of-type(3n){background:radial-gradient(ellipse 70% 190px at 50% 112px,rgba(243,196,141,.22),transparent 99%),linear-gradient(152deg,#926139 0%,#64432d 57%,#30241f 100%)!important}
.fleet-premium-card:hover{transform:translateY(-3px);box-shadow:0 20px 38px rgba(10,32,54,.22)!important;border-color:rgba(244,250,255,.32)!important}
.fleet-premium-card .fleet-premium-visual{background:none!important;background-image:none!important;border:0!important;box-shadow:none!important;min-height:222px;padding:19px 17px 0;overflow:visible}
.fleet-premium-card .fleet-premium-visual::before,.fleet-premium-card .fleet-premium-visual::after{display:none!important;content:none!important}
.fleet-premium-card .fleet-premium-visual .vehicle-group-image{background:none!important;background-color:transparent!important;filter:drop-shadow(0 12px 11px rgba(0,0,0,.23))!important}
.fleet-premium-card .fleet-premium-body>.eyebrow{color:#ffad6b!important}
.fleet-premium-card .fleet-premium-body h3,.fleet-premium-card .fleet-premium-footer .price{color:#fff!important}
.fleet-premium-card .fleet-premium-body>.muted,.fleet-premium-card .fleet-premium-footer .price small,.fleet-premium-card .fleet-price-label{color:rgba(248,251,255,.78)!important}
.fleet-premium-card .fleet-premium-body .vehicle-meta,.fleet-premium-card .fleet-premium-footer{border-color:rgba(255,255,255,.17)!important;color:rgba(249,252,255,.9)!important}
.fleet-premium-card .fleet-premium-body .pill{color:#fff!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:5px}
.fleet-premium-card .fleet-premium-body .feature-more{color:#fff!important;text-underline-offset:3px}
.fleet-premium-card .fleet-premium-footer .button{background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;box-shadow:none!important}
.fleet-premium-card .fleet-premium-footer .button:hover{background:rgba(255,255,255,.2)!important}
/* Checkout: subtle metallic hint rather than a dark, distracting payment form. */
.checkout-layout{gap:25px}
.checkout-layout .checkout-summary{background:linear-gradient(180deg,#fdfefe 0%,#f6f9fc 100%)!important;border:1px solid #cbd8e4!important;border-top:3px solid #ad7950!important;box-shadow:0 14px 36px rgba(14,43,71,.09)!important;border-radius:8px!important}
.checkout-layout .checkout-summary .summary-kicker{color:#95613c;font-weight:800}
.checkout-layout .checkout-summary h2{color:#15395c;letter-spacing:-.035em}
.checkout-layout .checkout-summary .summary-row:last-child{background:linear-gradient(100deg,rgba(33,78,121,.055),rgba(191,133,78,.055));border-radius:5px}
.checkout-layout .checkout-form-panel{background:linear-gradient(180deg,#fff,#fbfcfe)!important;border:1px solid #d7e2eb!important;box-shadow:0 12px 34px rgba(14,43,71,.065)!important;border-radius:8px!important}
.checkout-layout .checkout-form-panel :is(input,select,textarea){border-radius:5px}
.checkout-layout .checkout-form-panel :is(input,select,textarea):focus{border-color:#3e739e;outline:2px solid rgba(28,88,138,.14)}
.checkout-layout .checkout-form-panel .button[type=submit],.checkout-layout .checkout-form-panel button[type=submit]{background:linear-gradient(115deg,#153b70,#235785)!important;border-radius:5px!important;box-shadow:0 6px 15px rgba(18,55,101,.15)!important}
.checkout-layout .checkout-form-panel button[type=submit]:hover{background:linear-gradient(115deg,#123260,#1c4975)!important}
@media(max-width:700px){.fleet-premium-card .fleet-premium-visual{min-height:200px}.fleet-premium-card .fleet-premium-visual .vehicle-group-image{height:180px}}
@media(prefers-reduced-motion:reduce){.fleet-premium-card,.fleet-premium-card .vehicle-group-image{transition:none!important}}

/* Checkout: keep sticky summary beneath the fixed-height site header.
   Header is 82px on desktop; 20px clearance prevents overlap. */
@media (min-width:761px){
  .checkout-layout .checkout-summary{position:sticky!important;top:102px!important;align-self:start}
}
/* On compact/mobile checkout, retain the existing non-sticky summary behaviour. */
@media (max-width:760px){
  .checkout-layout .checkout-summary{position:static!important;top:auto!important}
}

/* The checkout booking summary inherits the selected card's actual booking.php metallic colour. */
.checkout-layout .checkout-summary.that-card-theme-navy,
.checkout-layout .checkout-summary.that-card-theme-slate,
.checkout-layout .checkout-summary.that-card-theme-bronze{
  color:#f9fbff!important;
  border:1px solid rgba(226,236,247,.17)!important;
  border-radius:10px!important;
  box-shadow:0 9px 25px rgba(9,23,41,.14)!important;
}
.checkout-layout .checkout-summary.that-card-theme-navy{background:radial-gradient(ellipse 62% 170px at 50% 115px,rgba(169,204,233,.30),transparent 99%),linear-gradient(157deg,#1d4574 0%,#153256 61%,#10243d 100%)!important}
.checkout-layout .checkout-summary.that-card-theme-slate{background:radial-gradient(ellipse 62% 170px at 50% 115px,rgba(183,209,229,.25),transparent 99%),linear-gradient(157deg,#29485f 0%,#1e3649 60%,#142736 100%)!important}
.checkout-layout .checkout-summary.that-card-theme-bronze{background:radial-gradient(ellipse 62% 170px at 50% 115px,rgba(246,195,139,.29),transparent 99%),linear-gradient(157deg,#926037 0%,#634027 56%,#30241f 100%)!important}
.checkout-layout .checkout-summary[class*="that-card-theme-"] .summary-kicker{color:#ffbe8b!important}
.checkout-layout .checkout-summary[class*="that-card-theme-"] h2,
.checkout-layout .checkout-summary[class*="that-card-theme-"] .summary-row>strong,
.checkout-layout .checkout-summary[class*="that-card-theme-"] .summary-row:last-child strong{color:#fff!important}
.checkout-layout .checkout-summary[class*="that-card-theme-"] .summary-row>span{color:rgba(244,248,255,.82)!important}
.checkout-layout .checkout-summary[class*="that-card-theme-"] .summary-row{border-color:rgba(255,255,255,.19)!important}
.checkout-layout .checkout-summary[class*="that-card-theme-"] .summary-row:last-child{background:rgba(255,255,255,.07)!important;border-top-color:rgba(255,255,255,.25)!important}
.checkout-layout .checkout-summary[class*="that-card-theme-"] .summary-edit-link{color:#fff!important}