/* Taxicity: restore the Chauffeur 7.6 booking-form look on 9.9 markup (steps 1-2). Enqueued late from functions.php. */

/* ---------- Step 2: keep summary sidebar left of vehicles at 960-1219px form width ---------- */
.chbs-main.chbs-width-960 .chbs-main-content .chbs-main-content-step-2 .chbs-layout-25x75{grid-template-columns:275px minmax(0,1fr)}
.chbs-main.chbs-width-960 .chbs-main-content .chbs-main-content-step-2 .chbs-layout-25x75>.chbs-layout-column-left,
.chbs-main.chbs-width-960 .chbs-main-content .chbs-main-content-step-2 .chbs-layout-25x75>.chbs-layout-column-right{order:0}

/* ---------- Step 1: flat panel, grey group bars, collapsed square fields ---------- */
.chbs-main .chbs-main-content-step-1 .chbs-tab .ui-tabs-panel{background:transparent;border-radius:0;padding:0;box-shadow:rgba(0,0,0,.1) 0 18px 19px -20px}
.chbs-main .chbs-main-content-step-1 .chbs-form-label-group{display:block;background:#eaecee;padding:14px 21px 15px;margin:0;font-size:14px;font-weight:400;color:#778591;text-transform:uppercase}
.chbs-main .chbs-main-content-step-1 .chbs-layout{gap:0}
.chbs-main .chbs-main-content-step-1 .chbs-form-field{background:#fff;border:1px solid #eaecee;border-radius:0;padding:16px 0 0;margin:-1px 0 0}
.chbs-main .chbs-main-content-step-1 .chbs-layout>.chbs-form-field+.chbs-form-field{border-left:0}
.chbs-main .chbs-main-content-step-1 .chbs-form-field>label{margin:0 0 7px 20px}
.chbs-main .chbs-main-content-step-1 .chbs-form-field input[type=text],
.chbs-main .chbs-main-content-step-1 .chbs-form-field .ui-selectmenu-button{padding-bottom:20px;color:#2c3e50}
.chbs-main .chbs-main-content-step-1 .chbs-form-field>.chbs-meta-icon-2{left:20px}
.chbs-main .chbs-main-content-step-1 .chbs-form-field .chbs-meta-icon-2+input[type=text]{padding-left:52px!important} /* beats 9.9 .chbs-meta-icon-2+input{35px!important} */
.chbs-main .chbs-main-content-step-1 .chbs-form-field .ui-selectmenu-button,
.chbs-main .chbs-main-content-step-1 .chbs-form-field-passenger input[type=text]{padding-left:20px;padding-right:20px}

/* map + ride info: square, 7.6 sizes */
.chbs-main .chbs-main-content-step-1 .chbs-google-map>div{border-radius:0}
.chbs-main .chbs-main-content-step-1 .chbs-ride-info{border-radius:0;box-shadow:rgba(0,0,0,.1) 0 18px 19px -20px}
.chbs-main .chbs-main-content-step-1 .chbs-ride-info>div{padding:30px 30px 28px 40px;grid-template-columns:48px 1fr;column-gap:30px}
.chbs-main .chbs-main-content-step-1 .chbs-ride-info>div+div{border-left:1px solid #eaecee}
.chbs-main .chbs-main-content-step-1 .chbs-ride-info>div>span:first-child{font-size:48px;color:#eab448}
.chbs-main .chbs-main-content-step-1 .chbs-ride-info>div>span:first-child+span{font-size:12px}
.chbs-main .chbs-main-content-step-1 .chbs-ride-info>div>span:first-child+span+span{font-size:26px;color:#2c3e50}

/* ---------- Step 2: 7.6 transparent vehicle rows on the photo, white square summary ---------- */
.chbs-main .chbs-main-content-step-2 .chbs-vehicle,
.chbs-main .chbs-main-content-step-2 .chbs-vehicle.chbs-state-selected{background:transparent!important;box-shadow:none!important;border:0;border-bottom:1px solid rgba(255,255,255,.6);border-radius:0;box-shadow:none;padding:20px 0}
.chbs-main .chbs-main-content-step-2 .chbs-vehicle-content-price{font-size:36px}
.chbs-main .chbs-main-content-step-2 .chbs-vehicle-content-meta-info .chbs-circle{width:30px;height:30px;border:1px solid currentColor;border-radius:50%;justify-content:center;align-items:center;font-size:14px}
.chbs-main .chbs-main-content-step-2 .chbs-summary{background:#f6f6f6;border-radius:0;padding:28px 20px 20px}
.chbs-main .chbs-main-content-step-2 .chbs-summary-header{padding-bottom:10px}
.chbs-main .chbs-main-content-step-2 .chbs-summary-field{margin:0;padding:12px 0;border-bottom:1px solid #eaecee}
.chbs-main .chbs-main-content-step-2 .chbs-summary-route{padding-left:0}
.chbs-main .chbs-main-content-step-2 .chbs-summary-route::before,
.chbs-main .chbs-main-content-step-2 .chbs-summary-route::after,
.chbs-main .chbs-main-content-step-2 .chbs-summary-route-location::before,
.chbs-main .chbs-main-content-step-2 .chbs-summary-route-location::after{display:none}
.chbs-main .chbs-main-content-step-2 .chbs-summary-route-location+.chbs-summary-route-location{margin-top:12px}
/* white step-2 text again (vehicles sit on the photo, as in 7.6). `html body` beats
   the plugin's txc-chbs-step2 dark override and Breakdance post-82 !important. */
html body .chbs-main .chbs-vehicle .chbs-vehicle-content>div.chbs-vehicle-content-header>span,
html body .chbs-main .chbs-vehicle .chbs-vehicle-content>.chbs-vehicle-content-meta>div>.chbs-vehicle-content-meta-info>div,
html body .chbs-main .chbs-vehicle .chbs-vehicle-content>.chbs-vehicle-content-meta>div>.chbs-vehicle-content-meta-info>div>span.chbs-circle,
html body .chbs-main .chbs-booking-extra-list>ul>li>div.chbs-column-1>div>.chbs-booking-form-extra-name,
html body .chbs-main .chbs-booking-extra-list>ul>li>div.chbs-column-1>div>.chbs-booking-form-extra-description{color:#fff!important}
/* extras: 7.6 transparent row between thin white lines (9.9 = white card, white text vanished) */
.chbs-main .chbs-main-content-step-2 .chbs-booking-extra-list>ul>li{background:transparent;border:0;border-top:1px solid rgba(255,255,255,.6);border-bottom:1px solid rgba(255,255,255,.6);border-radius:0;box-shadow:none}
.chbs-main .chbs-main-content-step-2 .chbs-booking-extra-list>ul>li+li{border-top:0}
.chbs-main .chbs-main-content-step-2 .chbs-booking-extra-list .chbs-column-1{padding-left:0}
.chbs-main .chbs-main-content-step-2 .chbs-booking-extra-list .chbs-column-3{padding-right:0}
.chbs-main .chbs-main-content-step-2 .chbs-booking-extra-list .chbs-booking-form-extra-price{margin-left:20px}
.chbs-main .chbs-main-content-step-2 .chbs-booking-extra-list .chbs-form-field{border-radius:0}
html body .chbs-main .chbs-booking-extra-list>ul>li>div.chbs-column-1{width:auto!important} /* post-82 (Breakdance) forces 40% for the 7.6 table layout */
/* step-2 passenger/bag icons white (Chauffeur colour CSS in multisite/1/style.css makes them dark) */
html body .chbs-main .chbs-main-content-step-2 .chbs-vehicle .chbs-vehicle-content-meta-info [class*="chbs-meta-icon-"]{color:#fff!important}
