/* =====================================================
   LA Custom Styles v2.0
   Limousine Australia — CHBS Booking Form
   All Steps + Step 1 Redesign
   ===================================================== */

/* ══════════════════════════════════════════════════
   GOOGLE FONTS — Playfair Display + Inter
══════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500&family=Inter:wght@300;400;500;600&display=swap');

/* ══════════════════════════════════════════════════
   KILL VISUAL EFFECTS — NOT FUNCTIONALITY
   Do NOT use * — breaks jQuery UI dropdowns
══════════════════════════════════════════════════ */
.chbs-main .chbs-button,
.chbs-main .chbs-button:hover,
.chbs-main .chbs-button:focus,
.chbs-main .chbs-button:active {
    outline: none !important;
    box-shadow: none !important;
}

/* ══════════════════════════════════════════════════
   BASE
══════════════════════════════════════════════════ */
.chbs-main {
    background: #06110f !important;
}
.chbs-main .chbs-main-content {
    background: #06110f !important;
    border-radius: 0 !important;
}

/* ══════════════════════════════════════════════════
   STEP 1 — TOP BAR (above the form)
   Contains: service links left, Sydney clock right
══════════════════════════════════════════════════ */
.la-step1-topbar {
    background: #0a1a13;
    border-bottom: 1px solid rgba(201,166,62,0.12);
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.la-step1-topbar-links {
    display: flex;
    align-items: center;
    gap: 0;
}
.la-step1-topbar-links a {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    color: rgba(232,226,208,0.65);
    letter-spacing: 0.04em;
    padding: 0 18px;
    border-right: 1px solid rgba(201,166,62,0.12);
    white-space: nowrap;
    text-decoration: none;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    gap: 7px;
}
.la-step1-topbar-links a:first-child { padding-left: 0; }
.la-step1-topbar-links a:last-child  { border-right: none; }
.la-step1-topbar-links a:hover       { color: #c9a63e; }

.la-clock-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 20px;
    border-left: 1px solid rgba(201,166,62,0.12);
}
.la-clock-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4caf7d;
    flex-shrink: 0;
    animation: none !important;
}
.la-clock-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.la-clock-city {
    font-family: 'Inter', sans-serif;
    font-size: 8px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(232,226,208,0.28);
    font-weight: 500;
    line-height: 1;
}
.la-clock-time {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #c9a63e;
    line-height: 1.2;
    font-weight: 500;
}
.la-clock-date {
    font-family: 'Inter', sans-serif;
    font-size: 8px;
    color: rgba(232,226,208,0.25);
    letter-spacing: 0.04em;
    margin-top: 1px;
}

/* ══════════════════════════════════════════════════
   STEP 1 — DISTANCE / HOURLY TABS
   50/50 above calculator (left column) only
══════════════════════════════════════════════════ */
.chbs-main .chbs-tab.ui-tabs,
.chbs-main .chbs-tab.ui-tabs.ui-corner-all,
.chbs-main .chbs-tab.ui-widget.ui-widget-content {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    min-width: 0 !important;
}
.chbs-main .chbs-tab.ui-tabs .ui-tabs-nav,
.chbs-main .chbs-tab.ui-tabs .ui-tabs-nav.ui-corner-all {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(201,166,62,0.15) !important;
    width: 100% !important;
    position: static !important;
}
.chbs-main .chbs-tab.ui-tabs .ui-tabs-nav::before,
.chbs-main .chbs-tab.ui-tabs .ui-tabs-nav::after {
    display: none !important;
}
.chbs-main .chbs-tab.ui-tabs .ui-tabs-nav > li {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
}
.chbs-main .chbs-tab.ui-tabs .ui-tabs-nav > li > a {
    background: #102d25 !important;
    color: rgba(255,255,255,0.55) !important;
    -webkit-text-fill-color: rgba(255,255,255,0.55) !important;
    border: none !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    padding: 20px 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.13em !important;
    text-transform: uppercase !important;
    width: 100% !important;
    box-sizing: border-box !important;
    outline: none !important;
    text-decoration: none !important;
}
.chbs-main .chbs-tab.ui-tabs .ui-tabs-nav > li:first-child > a {
    border-radius: 10px 0 0 0 !important;
}
.chbs-main .chbs-tab.ui-tabs .ui-tabs-nav > li:last-child > a {
    border-radius: 0 10px 0 0 !important;
}
.chbs-main .chbs-tab.ui-tabs .ui-tabs-nav > li.ui-tabs-active > a {
    background: #c9a63e !important;
    color: #0f0e0b !important;
    -webkit-text-fill-color: #0f0e0b !important;
    border: none !important;
}
.chbs-main .chbs-tab.ui-tabs .ui-tabs-nav > li:first-child > a::before {
    content: "" !important;
    display: inline-block !important;
    width: 30px !important;
    height: 30px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='19' r='2'/%3E%3Ccircle cx='18' cy='5' r='2'/%3E%3Cpath d='M6 17V9a6 6 0 0 1 6-6'/%3E%3Cpath d='M18 7v8a6 6 0 0 1-6 6'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    flex-shrink: 0 !important;
}
.chbs-main .chbs-tab.ui-tabs .ui-tabs-nav > li:first-child.ui-tabs-active > a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f0e0b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='19' r='2'/%3E%3Ccircle cx='18' cy='5' r='2'/%3E%3Cpath d='M6 17V9a6 6 0 0 1 6-6'/%3E%3Cpath d='M18 7v8a6 6 0 0 1-6 6'/%3E%3C/svg%3E") !important;
}
.chbs-main .chbs-tab.ui-tabs .ui-tabs-nav > li:last-child > a::before {
    content: "" !important;
    display: inline-block !important;
    width: 30px !important;
    height: 30px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 3'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    flex-shrink: 0 !important;
}
.chbs-main .chbs-tab.ui-tabs .ui-tabs-nav > li:last-child.ui-tabs-active > a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f0e0b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 3'/%3E%3C/svg%3E") !important;
}
.chbs-main .chbs-tab.ui-tabs .ui-tabs-panel {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    flex: 1 !important;
    min-width: 0 !important;
}

/* ══════════════════════════════════════════════════
   STEP 1 — LAYOUT (50/50 columns, gap, radius, shadow)
══════════════════════════════════════════════════ */
.chbs-main .chbs-layout-50x50 {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    padding: 0 10px !important;
    gap: 20px !important;
}
.chbs-main .chbs-layout-column-left,
.chbs-main .chbs-layout-column-right {
    float: none !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 24px rgba(0,0,0,0.45) !important;
}
.chbs-main .chbs-layout-column-right {
    position: relative !important;
    z-index: 0 !important;
    isolation: isolate !important;
}
.chbs-main .chbs-google-map {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    width: 100% !important;
}
.chbs-main .chbs-google-map #chbs_google_map {
    flex: 1 !important;
    height: auto !important;
    min-height: 420px !important;
    width: 100% !important;
}

/* ══════════════════════════════════════════════════
   STEP 1 — FORM FIELDS
   White cards, thin uppercase labels
══════════════════════════════════════════════════ */
.chbs-main .chbs-main-content-step-1 .chbs-form-field {
    background: #ffffff !important;
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 1px solid #f0ece3 !important;
    margin-bottom: 0 !important;
}
.chbs-main .chbs-main-content-step-1 .chbs-form-field label,
.chbs-main .chbs-main-content-step-1 .chbs-form-field .chbs-form-field-label {
    color: #bbbbbb !important;
    -webkit-text-fill-color: #bbbbbb !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
    font-family: 'Inter', sans-serif !important;
}
.chbs-main .chbs-main-content-step-1 .chbs-form-field input,
.chbs-main .chbs-main-content-step-1 .chbs-form-field textarea,
.chbs-main .chbs-main-content-step-1 .chbs-form-field .ui-selectmenu-button,
.chbs-main .chbs-main-content-step-1 .chbs-form-field .ui-selectmenu-text {
    color: #1a1a1a !important;
    -webkit-text-fill-color: #1a1a1a !important;
    background: transparent !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
}
.chbs-main .chbs-main-content-step-1 .chbs-form-field input::placeholder {
    color: #cccccc !important;
    opacity: 1 !important;
}

/* Date + Time inputs — use class selector, field names include _service_type_ suffix */
html body input.chbs-datepicker,
html body input.chbs-timepicker,
html body .chbs-main input.chbs-datepicker,
html body .chbs-main input.chbs-timepicker,
html body [class*="chbs-booking-form"] input.chbs-datepicker,
html body [class*="chbs-booking-form"] input.chbs-timepicker {
    color: #1a1a1a !important;
    -webkit-text-fill-color: #1a1a1a !important;
    background-color: #ffffff !important;
    opacity: 1 !important;
}

/* ══════════════════════════════════════════════════
   STEP 1 — FORM LABEL GROUP (white bg context)
══════════════════════════════════════════════════ */
.chbs-main .chbs-form-label-group {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.chbs-main .chbs-main-content-step-1 .chbs-form-label-group {
    color: #bbbbbb !important;
    -webkit-text-fill-color: #bbbbbb !important;
}

/* ══════════════════════════════════════════════════
   STEP 1 — RIDE INFO BAR (distance + time)
══════════════════════════════════════════════════ */
.chbs-main .chbs-ride-info {
    background: #06110f !important;
    border-radius: 0 !important;
    border: none !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
}
.chbs-main .chbs-ride-info > * {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    padding: 14px 20px !important;
    border-right: none !important;
}
.chbs-main .chbs-ride-info > *:last-child {
    border-right: none !important;
}
.chbs-main .chbs-ride-info *,
.chbs-main .chbs-ride-info span {
    color: rgba(232,226,208,0.75) !important;
    -webkit-text-fill-color: rgba(232,226,208,0.75) !important;
}
.chbs-main .chbs-ride-info .chbs-ride-info-label,
.chbs-main .chbs-ride-info .chbs-ride-info-value {
    font-family: 'Inter', sans-serif !important;
}

/* ══════════════════════════════════════════════════
   STEP 1 — LEFT INFO PANEL (below form fields)
   .la-step1-info injected via scripts.js
══════════════════════════════════════════════════ */
.la-step1-info {
    background: #0b1e18;
    padding: 16px 18px;
    border-top: 1px solid rgba(201,166,62,0.1);
}
.la-step1-info-section {
    margin-bottom: 16px;
}
.la-step1-info-section:last-child {
    margin-bottom: 0;
}
.la-step1-section-label {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(201,166,62,0.42);
    margin-bottom: 11px;
    font-weight: 500;
}
.la-step1-divider {
    height: 1px;
    background: rgba(201,166,62,0.08);
    margin: 4px 0 16px;
}
.la-step1-item {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-bottom: 9px;
    text-decoration: none;
}
.la-step1-item:last-child {
    margin-bottom: 0;
}
.la-step1-item svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    margin-top: 2px;
    stroke: #c9a63e;
    fill: none;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.la-step1-item-title {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: rgba(232,226,208,0.7);
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.la-step1-item a:hover .la-step1-item-title,
.la-step1-item:hover .la-step1-item-title {
    color: #c9a63e;
}
.la-step1-item-desc {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: rgba(232,226,208,0.32);
    line-height: 1.5;
    font-weight: 300;
}
.la-step1-ext-icon {
    width: 9px;
    height: 9px;
    stroke: rgba(201,166,62,0.4);
    fill: none;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
}

/* ══════════════════════════════════════════════════
   STEP 1 — AVAILABILITY ROW (bottom of left col)
══════════════════════════════════════════════════ */
.la-step1-avail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 18px;
    background: #0d2018;
    border-top: 1px solid rgba(201,166,62,0.1);
}
.la-step1-avail-pill {
    display: flex;
    align-items: center;
    gap: 6px;
}
.la-step1-avail-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4caf7d;
    flex-shrink: 0;
}
.la-step1-avail-text {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: rgba(76,175,125,0.85);
    font-weight: 500;
}
.la-step1-avail-next {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: rgba(232,226,208,0.3);
}
.la-step1-avail-next strong {
    color: rgba(232,226,208,0.55);
    font-weight: 500;
}

/* ══════════════════════════════════════════════════
   STEP 1 — RIGHT COLUMN INFO GRID (below map)
   .la-step1-grid injected via scripts.js
══════════════════════════════════════════════════ */
.la-step1-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #0b1e18;
}
.la-step1-grid-item {
    padding: 12px 13px;
    border-right: 1px solid rgba(232,226,208,0.07);
    border-bottom: 1px solid rgba(232,226,208,0.07);
    display: flex;
    align-items: flex-start;
    gap: 8px;
    text-decoration: none;
}
.la-step1-grid-item:nth-child(2n)   { border-right: none; }
.la-step1-grid-item:nth-child(3),
.la-step1-grid-item:nth-child(4)    { border-bottom: none; }
.la-step1-grid-icon {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: rgba(201,166,62,0.07);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}
.la-step1-grid-icon svg {
    width: 13px;
    height: 13px;
    stroke: #c9a63e;
    fill: none;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.la-step1-grid-title {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #e8e2d0;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.la-step1-grid-desc {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    color: rgba(232,226,208,0.3);
    line-height: 1.5;
    font-weight: 300;
}

/* ══════════════════════════════════════════════════
   STEP 1 — BOTTOM BAR
   Licensed | Australia-wide | Stars | Social
══════════════════════════════════════════════════ */
.la-step1-bottom {
    background: #0a1a13;
    border-top: 1px solid rgba(201,166,62,0.12);
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.la-step1-bottom-left {
    display: flex;
    align-items: center;
    gap: 16px;
}
.la-step1-bottom-item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    color: rgba(232,226,208,0.32);
}
.la-step1-bottom-item svg {
    width: 13px;
    height: 13px;
    stroke: #c9a63e;
    fill: none;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
}
.la-step1-rating {
    display: flex;
    align-items: center;
    gap: 7px;
}
.la-step1-stars {
    display: flex;
    gap: 2px;
}
.la-step1-stars svg {
    width: 11px;
    height: 11px;
    stroke: #c9a63e;
    fill: #c9a63e;
    stroke-width: 1.5;
}
.la-step1-rating-text {
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    color: rgba(232,226,208,0.32);
}
.la-step1-rating-text strong {
    font-family: 'Playfair Display', serif;
    font-size: 13px;
    color: #c9a63e;
    font-weight: 400;
}
.la-step1-social {
    display: flex;
    align-items: center;
    gap: 10px;
}
.la-step1-social a {
    color: rgba(232,226,208,0.3);
    text-decoration: none;
    display: flex;
    align-items: center;
}
.la-step1-social a:hover {
    color: #c9a63e;
}
.la-step1-social svg {
    width: 15px;
    height: 15px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* ══════════════════════════════════════════════════
   STEP 1 — FOOTER BAR (no payment + CTA button)
══════════════════════════════════════════════════ */
.la-step1-footer {
    background: #071510;
    border-top: 1px solid rgba(201,166,62,0.08);
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.la-step1-footer-note {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    color: rgba(255,255,255,0.22);
}
.la-step1-footer-note svg {
    width: 13px;
    height: 13px;
    stroke: #c9a63e;
    fill: none;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
}

/* ══════════════════════════════════════════════════
   PROGRESS STEPS
══════════════════════════════════════════════════ */
.chbs-main .chbs-main-navigation-default {
    padding: 24px 80px 38px !important;
}
.chbs-main .chbs-main-navigation-default ul li a,
.chbs-main .chbs-main-navigation-default ul li a span,
.chbs-main .chbs-main-navigation-default ul li a span span {
    color: rgba(255,255,255,0.35) !important;
    -webkit-text-fill-color: rgba(255,255,255,0.35) !important;
    opacity: 1 !important;
}
.chbs-main .chbs-main-navigation-default ul li.chbs-state-selected a,
.chbs-main .chbs-main-navigation-default ul li.chbs-state-selected a span,
.chbs-main .chbs-main-navigation-default ul li.chbs-state-selected a span span,
.chbs-main .chbs-main-navigation-default ul li.chbs-state-completed a,
.chbs-main .chbs-main-navigation-default ul li.chbs-state-completed a span,
.chbs-main .chbs-main-navigation-default ul li.chbs-state-completed a span span {
    color: #c9a63e !important;
    -webkit-text-fill-color: #c9a63e !important;
    opacity: 1 !important;
}
@media (max-width: 480px) {
    .chbs-main .chbs-main-navigation-default,
    .chbs-main.chbs-width-300 .chbs-main-navigation-default,
    .chbs-main.chbs-width-480 .chbs-main-navigation-default {
        display: none !important;
    }
    .la-step1-topbar-links {
        display: none !important;
    }
    .chbs-main .chbs-tab.ui-tabs .ui-tabs-nav > li > a {
        font-size: 11px !important;
        padding: 16px 0 !important;
        gap: 8px !important;
    }
    .chbs-main .chbs-tab.ui-tabs .ui-tabs-nav > li:first-child > a::before,
    .chbs-main .chbs-tab.ui-tabs .ui-tabs-nav > li:last-child > a::before {
        width: 22px !important;
        height: 22px !important;
    }
    .la-step1-bottom-left {
        display: none !important;
    }
    .la-step1-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ══════════════════════════════════════════════════
   DATEPICKER
══════════════════════════════════════════════════ */
div.ui-datepicker,
.ui-datepicker,
.chbs-datepicker.ui-datepicker,
[class*="chbs-booking-form-id"].chbs-datepicker.ui-datepicker {
    background: #102d25 !important;
    background-color: #102d25 !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 0 !important;
    padding: 10px !important;
    z-index: 9999 !important;
    color: #ffffff !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
}
div.ui-datepicker .ui-datepicker-header,
.ui-datepicker .ui-datepicker-header {
    background: #0b2219 !important;
    background-color: #0b2219 !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 8px 0 !important;
}
div.ui-datepicker .ui-datepicker-title,
.ui-datepicker .ui-datepicker-title {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 600 !important;
}
div.ui-datepicker .ui-datepicker-prev,
div.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    cursor: pointer !important;
}
div.ui-datepicker thead th,
.ui-datepicker thead th {
    color: #c9a63e !important;
    -webkit-text-fill-color: #c9a63e !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 6px 2px !important;
    background: transparent !important;
    background-color: transparent !important;
}
div.ui-datepicker table,
.ui-datepicker table {
    background: transparent !important;
    background-color: transparent !important;
}
div.ui-datepicker tbody,
.ui-datepicker tbody,
div.ui-datepicker tbody tr,
.ui-datepicker tbody tr {
    background: #102d25 !important;
    background-color: #102d25 !important;
}
div.ui-datepicker tbody td,
.ui-datepicker tbody td,
[class*="chbs-booking-form-id"].chbs-datepicker.ui-datepicker td {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    padding: 2px !important;
}
div.ui-datepicker tbody td a,
div.ui-datepicker tbody td span,
.ui-datepicker tbody td a,
.ui-datepicker tbody td span,
div.ui-datepicker .ui-state-default,
.ui-datepicker .ui-state-default,
div.ui-datepicker tbody td .ui-state-default,
.ui-datepicker tbody td .ui-state-default {
    background: transparent !important;
    background-color: transparent !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: none !important;
    display: block !important;
    text-align: center !important;
    padding: 5px 3px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}
div.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-state-highlight,
div.ui-datepicker tbody td .ui-state-highlight,
.ui-datepicker tbody td .ui-state-highlight {
    background: rgba(201,166,62,0.2) !important;
    background-color: rgba(201,166,62,0.2) !important;
    color: #c9a63e !important;
    -webkit-text-fill-color: #c9a63e !important;
    border-radius: 50% !important;
    border: none !important;
}
div.ui-datepicker .ui-state-active,
.ui-datepicker .ui-state-active,
div.ui-datepicker tbody td .ui-state-active,
.ui-datepicker tbody td .ui-state-active {
    background: #c9a63e !important;
    background-color: #c9a63e !important;
    color: #1a1a1a !important;
    -webkit-text-fill-color: #1a1a1a !important;
    border-radius: 50% !important;
    border: none !important;
}
div.ui-datepicker .ui-datepicker-unselectable .ui-state-default,
.ui-datepicker .ui-datepicker-unselectable .ui-state-default {
    color: rgba(255,255,255,0.2) !important;
    -webkit-text-fill-color: rgba(255,255,255,0.2) !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* ══════════════════════════════════════════════════
   TIMEPICKER
══════════════════════════════════════════════════ */
.ui-timepicker-wrapper {
    background: #102d25 !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 0 !important;
    z-index: 9999 !important;
}
.ui-timepicker-wrapper .ui-timepicker-list li {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: #102d25 !important;
}
.ui-timepicker-wrapper .ui-timepicker-list li:hover {
    background: #1a3d2f !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.ui-timepicker-wrapper .ui-timepicker-list li.ui-timepicker-selected {
    background: #c9a63e !important;
    color: #1a1a1a !important;
    -webkit-text-fill-color: #1a1a1a !important;
}

/* ══════════════════════════════════════════════════
   DROPDOWNS
══════════════════════════════════════════════════ */
.ui-selectmenu-menu,
.ui-selectmenu-menu .ui-menu {
    background: #102d25 !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 9999 !important;
}
.ui-selectmenu-menu .ui-menu-item-wrapper {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    padding: 8px 14px !important;
}
.ui-selectmenu-menu .ui-menu-item-wrapper.ui-state-active {
    background: #c9a63e !important;
    color: #1a1a1a !important;
    -webkit-text-fill-color: #1a1a1a !important;
}
.chbs-main .chbs-form-label-group {
    overflow: visible !important;
}

/* ══════════════════════════════════════════════════
   GOOGLE MAPS AUTOCOMPLETE
   .pac-container is appended to <body> by Google,
   outside .chbs-main, so scoped here globally
══════════════════════════════════════════════════ */
.pac-container {
    background: #102d25 !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 0 !important;
    z-index: 99999 !important;
    font-family: 'Inter', sans-serif !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
}
.pac-item {
    color: rgba(232,226,208,0.7) !important;
    border-top: 1px solid rgba(255,255,255,0.07) !important;
    padding: 8px 14px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-family: 'Inter', sans-serif !important;
}
.pac-item:first-child { border-top: none !important; }
.pac-item:hover,
.pac-item.pac-item-selected {
    background: #1a3d2f !important;
}
.pac-item-query {
    color: #c9a63e !important;
    font-size: 14px !important;
    font-family: 'Inter', sans-serif !important;
}
.pac-matched {
    color: #c9a63e !important;
    font-weight: 600 !important;
}
.pac-icon { display: none !important; }
.pac-container:after { display: none !important; }

/* ══════════════════════════════════════════════════
   STEP 2 — GRID LAYOUT
   Summary left (300px), vehicles right (1fr)
══════════════════════════════════════════════════ */
.step-2-layout {
    display: grid !important;
    grid-template-columns: 300px 1fr !important;
    gap: 24px !important;
    align-items: start !important;
    width: 100% !important;
    margin-top: 0 !important;
}
.booking-summary {
    position: sticky !important;
    top: 20px !important;
}
.vehicle-area {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
}
.vehicle-area .chbs-vehicle-filter {
    margin-top: 0 !important;
}
@media (max-width: 991px) {
    .step-2-layout {
        grid-template-columns: 1fr !important;
    }
    .booking-summary {
        position: static !important;
    }
}

/* ══════════════════════════════════════════════════
   SUMMARY — Steps 2–4
══════════════════════════════════════════════════ */
.chbs-main .chbs-summary {
    background: #102d25 !important;
    border-radius: 8px 8px 0 0 !important;
    padding: 20px !important;
    margin-bottom: 0 !important;
}
.chbs-main .chbs-summary h4,
.chbs-main .chbs-summary-header h4 {
    color: #c9a63e !important;
    -webkit-text-fill-color: #c9a63e !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 16px !important;
}
.chbs-main .chbs-summary-field {
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    padding: 10px 0 !important;
}
.chbs-main .chbs-summary-field-name {
    color: rgba(255,255,255,0.45) !important;
    -webkit-text-fill-color: rgba(255,255,255,0.45) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    margin-bottom: 3px !important;
}
.chbs-main .chbs-summary-field-value {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}
.chbs-main .chbs-summary-price-element {
    background: #0c231b !important;
    border-radius: 0 0 8px 8px !important;
    padding: 16px 20px !important;
    margin-top: 4px !important;
    border-top: 4px solid #06110f !important;
}
.chbs-main .chbs-summary-price-element > div {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 5px 0 !important;
    width: 100% !important;
}
.chbs-main .chbs-summary-price-element > div span,
.chbs-main .chbs-summary-price-element span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 13px !important;
}
.chbs-main .chbs-summary-price-element-total {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 0 4px !important;
    margin-top: 8px !important;
    border-top: 1px solid rgba(255,255,255,0.12) !important;
    width: 100% !important;
}
.chbs-main .chbs-summary-price-element-total span {
    color: #c9a63e !important;
    -webkit-text-fill-color: #c9a63e !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* ══════════════════════════════════════════════════
   VEHICLE FILTER
══════════════════════════════════════════════════ */
.chbs-main .chbs-vehicle-filter {
    background: #f2f0eb !important;
    border: 1px solid #dedad2 !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin-bottom: 8px !important;
}
.chbs-main .chbs-vehicle-filter .chbs-form-label-group {
    color: #555555 !important;
    -webkit-text-fill-color: #555555 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
}
.chbs-main .chbs-vehicle-filter .chbs-form-field {
    background: #ffffff !important;
    border: 1px solid #d5d0c5 !important;
    border-radius: 0 !important;
}
.chbs-main .chbs-vehicle-filter .chbs-form-field label,
.chbs-main .chbs-vehicle-filter .chbs-form-field .chbs-form-field-label {
    color: #555555 !important;
    -webkit-text-fill-color: #555555 !important;
    font-size: 11px !important;
}
.chbs-main .chbs-vehicle-filter .ui-selectmenu-button,
.chbs-main .chbs-vehicle-filter .ui-selectmenu-text {
    color: #1a1a1a !important;
    -webkit-text-fill-color: #1a1a1a !important;
    background: transparent !important;
}

/* ══════════════════════════════════════════════════
   VEHICLE CARDS — Step 2
══════════════════════════════════════════════════ */
.chbs-main .chbs-vehicle-list > ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.chbs-main .chbs-vehicle-list > ul > li {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid #e0dbd0 !important;
    background: #ffffff !important;
}
.chbs-main .chbs-vehicle {
    background: #ffffff !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    position: relative !important;
}
.chbs-main .chbs-vehicle-content {
    background: #ffffff !important;
    display: grid !important;
    grid-template-columns: 220px 1fr 120px !important;
    grid-template-areas:
        "image header select"
        "image price  select"
        "image meta   select" !important;
    align-items: stretch !important;
    min-height: 160px !important;
    position: relative !important;
}
.chbs-main .chbs-vehicle-content-description {
    grid-area: image !important;
    background: #ffffff !important;
    border-right: 1px solid #e8e4de !important;
    padding: 10px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
.chbs-main .chbs-vehicle-content-description * {
    font-size: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}
.chbs-main .chbs-vehicle-content-description img {
    width: 100% !important;
    height: 150px !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    margin: 0 auto !important;
    font-size: 14px !important;
    line-height: normal !important;
}
.chbs-main .chbs-vehicle-content-header {
    grid-area: header !important;
    background: #ffffff !important;
    padding: 18px 18px 6px 18px !important;
    border-bottom: none !important;
    display: flex !important;
    align-items: flex-start !important;
}
.chbs-main .chbs-vehicle-content-header > span:first-child {
    color: #1a1a1a !important;
    -webkit-text-fill-color: #1a1a1a !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    display: block !important;
    line-height: 1.3 !important;
}
.chbs-main .chbs-vehicle-content-price {
    grid-area: price !important;
    background: #ffffff !important;
    padding: 4px 18px !important;
    display: flex !important;
    align-items: center !important;
}
.chbs-main .chbs-vehicle-content-price > span,
.chbs-main .chbs-vehicle-content-price > span > span {
    color: #c9a63e !important;
    -webkit-text-fill-color: #c9a63e !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}
.chbs-main .chbs-vehicle-content-meta {
    grid-area: meta !important;
    background: #ffffff !important;
    padding: 4px 18px 18px 18px !important;
    display: flex !important;
    align-items: center !important;
}
.chbs-main .chbs-vehicle-content-meta *,
.chbs-main .chbs-vehicle-content-meta span {
    color: #1a1a1a !important;
    -webkit-text-fill-color: #1a1a1a !important;
}
.chbs-main .chbs-show-more-button a,
.chbs-main .chbs-show-more-button a span {
    color: #777777 !important;
    -webkit-text-fill-color: #777777 !important;
    font-size: 12px !important;
}
.chbs-main .chbs-vehicle-content-meta .chbs-circle {
    color: #1a1a1a !important;
    -webkit-text-fill-color: #1a1a1a !important;
    border-color: #cccccc !important;
    font-weight: 700 !important;
}
.chbs-main .chbs-vehicle-content-header .chbs-button {
    display: flex !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 120px !important;
    background: #c9a63e !important;
    color: #1a1a1a !important;
    -webkit-text-fill-color: #1a1a1a !important;
    border: none !important;
    border-left: 1px solid #d4ab3f !important;
    border-radius: 0 8px 8px 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 4px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    z-index: 2 !important;
    padding: 0 10px !important;
}
.chbs-main .chbs-vehicle-content-header .chbs-button.chbs-state-selected {
    background: #1a1a1a !important;
    color: #c9a63e !important;
    -webkit-text-fill-color: #c9a63e !important;
    border-left: 2px solid #c9a63e !important;
}
.chbs-main .chbs-vehicle-content-header .chbs-button .chbs-meta-icon-tick { display: none !important; }
.chbs-main .chbs-vehicle-content-header .chbs-button.chbs-state-selected .chbs-meta-icon-tick {
    display: block !important;
    font-size: 18px !important;
    color: #c9a63e !important;
    -webkit-text-fill-color: #c9a63e !important;
}
.chbs-main .chbs-vehicle-content-header,
.chbs-main .chbs-vehicle-content-price,
.chbs-main .chbs-vehicle-content-meta { padding-right: 138px !important; }

/* ══════════════════════════════════════════════════
   EXTRA OPTIONS — Step 2
══════════════════════════════════════════════════ */
.chbs-main .chbs-booking-extra { margin-top: 8px !important; background: transparent !important; }
.chbs-main .chbs-booking-extra-header,
.chbs-main .chbs-booking-extra-header *,
.chbs-main .chbs-booking-extra-header span,
.chbs-main .chbs-booking-extra-header .chbs-circle {
    color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: transparent !important;
}
.chbs-main .chbs-booking-extra-list,
.chbs-main .chbs-booking-extra-list ul,
.chbs-main .chbs-booking-extra-list li { background: transparent !important; }
.chbs-main .chbs-booking-extra-list li {
    border-bottom: 1px solid rgba(255,255,255,0.08) !important; padding: 14px 0 !important;
}
.chbs-main .chbs-booking-form-extra-name {
    color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-weight: 500 !important; font-size: 14px !important;
}
.chbs-main .chbs-booking-form-extra-price {
    color: #c9a63e !important; -webkit-text-fill-color: #c9a63e !important; font-weight: 600 !important;
}
.chbs-main .chbs-booking-form-extra-description,
.chbs-main .chbs-booking-form-extra-description * {
    color: rgba(255,255,255,0.5) !important; -webkit-text-fill-color: rgba(255,255,255,0.5) !important; font-size: 12px !important;
}
.chbs-main .chbs-booking-extra-list .chbs-column-3 .chbs-button {
    background: #c9a63e !important; color: #1a1a1a !important; -webkit-text-fill-color: #1a1a1a !important;
    border: none !important; border-radius: 6px !important; font-weight: 700 !important; padding: 8px 18px !important;
}
.chbs-main .chbs-booking-extra-list .chbs-column-3 .chbs-button.chbs-state-selected {
    background: transparent !important; color: #c9a63e !important; -webkit-text-fill-color: #c9a63e !important; border: 2px solid #c9a63e !important;
}

/* ══════════════════════════════════════════════════
   CONTACT FORM — Step 3
══════════════════════════════════════════════════ */
.chbs-main .chbs-client-form .chbs-form-label-group {
    color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;
}
.chbs-main .chbs-client-form .chbs-form-field {
    background: #ffffff !important; border-radius: 0 !important; border: 1px solid #d5d0c5 !important; margin-bottom: 1px !important;
}
.chbs-main .chbs-client-form .chbs-form-field label {
    color: #444444 !important; -webkit-text-fill-color: #444444 !important;
    font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.04em !important;
}
.chbs-main .chbs-client-form .chbs-form-field input,
.chbs-main .chbs-client-form .chbs-form-field textarea,
.chbs-main .chbs-client-form .chbs-form-field select,
.chbs-main .chbs-client-form .chbs-form-field .ui-selectmenu-button,
.chbs-main .chbs-client-form .chbs-form-field .ui-selectmenu-text {
    color: #1a1a1a !important; -webkit-text-fill-color: #1a1a1a !important; background: transparent !important;
}
.chbs-main .chbs-client-form .chbs-form-field input::placeholder,
.chbs-main .chbs-client-form .chbs-form-field textarea::placeholder {
    color: #aaaaaa !important; opacity: 1 !important;
}

/* ══════════════════════════════════════════════════
   AGREEMENTS — Step 3
══════════════════════════════════════════════════ */
.chbs-main .chbs-agreement { background: transparent !important; }
.chbs-main .chbs-agreement h4,
.chbs-main .chbs-agreement .chbs-form-label-group {
    color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 15px !important; font-weight: 600 !important;
}
.chbs-main .chbs-agreement label,
.chbs-main .chbs-agreement label *,
.chbs-main .chbs-agreement li span,
.chbs-main .chbs-agreement span { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
.chbs-main .chbs-agreement a { color: #c9a63e !important; -webkit-text-fill-color: #c9a63e !important; text-decoration: underline !important; }
.chbs-main .chbs-agreement .chbs-clear-fix,
.chbs-main .chbs-agreement .chbs-clear-fix div,
.chbs-main .chbs-agreement .chbs-clear-fix div * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
.chbs-main .chbs-agreement .chbs-clear-fix div a { color: #c9a63e !important; -webkit-text-fill-color: #c9a63e !important; text-decoration: underline !important; }
.chbs-main .chbs-agreement .chbs-form-checkbox {
    width: 22px !important; height: 22px !important; min-width: 22px !important;
    background: #ffffff !important; border: 2px solid #c9a63e !important; border-radius: 3px !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    cursor: pointer !important; flex-shrink: 0 !important; position: relative !important;
}
.chbs-main .chbs-agreement .chbs-form-checkbox.chbs-state-selected {
    background: #c9a63e !important; border-color: #c9a63e !important;
}
.chbs-main .chbs-agreement .chbs-form-checkbox .chbs-meta-icon-tick { display: none !important; }
.chbs-main .chbs-agreement .chbs-form-checkbox.chbs-state-selected .chbs-meta-icon-tick {
    display: block !important; font-size: 0 !important; color: transparent !important;
    position: relative !important; width: 100% !important; height: 100% !important;
    visibility: visible !important; opacity: 1 !important;
}
.chbs-main .chbs-agreement .chbs-form-checkbox.chbs-state-selected .chbs-meta-icon-tick::before {
    content: '' !important; display: block !important;
    width: 11px !important; height: 6px !important;
    border-left: 2.5px solid #1a1a1a !important; border-bottom: 2.5px solid #1a1a1a !important;
    transform: rotate(-45deg) !important; position: absolute !important;
    top: 50% !important; left: 50% !important; margin-left: -5px !important; margin-top: -5px !important;
}
.chbs-main .chbs-agreement .chbs-form-checkbox.chbs-state-error,
.chbs-main .chbs-agreement .chbs-state-error {
    border-color: #ff4444 !important; background: rgba(255,68,68,0.1) !important;
}

/* ══════════════════════════════════════════════════
   PAYMENT — Step 3
══════════════════════════════════════════════════ */
.chbs-main .chbs-payment > li > a {
    background: #ffffff !important; color: #1a1a1a !important; -webkit-text-fill-color: #1a1a1a !important;
    border: 1px solid #e0dbd0 !important; border-radius: 0 !important; margin-bottom: 1px !important;
}

/* ══════════════════════════════════════════════════
   NAV BUTTONS (Next / Back)
══════════════════════════════════════════════════ */
.chbs-main a.chbs-button-step-next,
.chbs-main .chbs-button-step-next {
    background: #c9a63e !important; color: #1a1a1a !important; -webkit-text-fill-color: #1a1a1a !important;
    border: none !important; border-radius: 6px !important; font-weight: 700 !important;
    font-size: 14px !important; padding: 12px 28px !important; text-decoration: none !important;
}
.chbs-main a.chbs-button-step-next span,
.chbs-main .chbs-button-step-next span { color: #1a1a1a !important; -webkit-text-fill-color: #1a1a1a !important; }
.chbs-main a.chbs-button-step-prev,
.chbs-main .chbs-button-step-prev {
    background: #102d25 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.2) !important; border-radius: 6px !important;
    font-weight: 600 !important; font-size: 14px !important; padding: 12px 28px !important; text-decoration: none !important;
}
.chbs-main a.chbs-button-step-prev span,
.chbs-main .chbs-button-step-prev span { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
.chbs-main .chbs-navigation,
.chbs-main [class*="chbs-navigation"]:not(.chbs-main-navigation-default) {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    padding: 16px 20px !important;
    gap: 12px !important;
}

/* ══════════════════════════════════════════════════
   STEP 4 — Edit buttons + hide map
══════════════════════════════════════════════════ */
.chbs-main .chbs-button-edit,
.chbs-main .chbs-button-edit span {
    color: #c9a63e !important; -webkit-text-fill-color: #c9a63e !important;
    border: 1px solid #c9a63e !important; border-radius: 4px !important;
    padding: 3px 10px !important; font-size: 11px !important; font-weight: 600 !important;
    text-transform: uppercase !important; letter-spacing: 0.05em !important;
    background: transparent !important; text-decoration: none !important;
}
.chbs-main .chbs-main-content-step-4 .chbs-google-map,
.chbs-main .chbs-main-content-step-4 #chbs_google_map,
.chbs-main .chbs-main-content-step-4 .chbs-ride-info { display: none !important; }

/* ══════════════════════════════════════════════════
   ERRORS
══════════════════════════════════════════════════ */
.chbs-main .chbs-notice,
.chbs-main .chbs-notice-fixed,
.chbs-booking-form-error {
    background: rgba(200,60,60,0.12) !important; border: 1px solid rgba(200,60,60,0.3) !important;
    border-radius: 0 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;
}
.chbs-main .chbs-notice span,
.chbs-main .chbs-notice *,
.chbs-main .chbs-notice-fixed span,
.chbs-main .chbs-notice-fixed * {
    color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;
    visibility: visible !important; opacity: 1 !important; font-size: 13px !important;
}

/* ══════════════════════════════════════════════════
   STEP 1 — CHOOSE A VEHICLE BUTTON (centered)
══════════════════════════════════════════════════ */
.chbs-main .chbs-main-content-navigation-button {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    margin-top: 30px !important;
    padding: 24px 28px !important;
    background: #06110f !important;
}
.chbs-main .chbs-main-content-navigation-button .chbs-button {
    margin: 0 !important;
}
.chbs-main .chbs-button-step-next {
    min-width: 260px !important;
    justify-content: center !important;
}

/* ══════════════════════════════════════════════════
   STEP 1 — RESPONSIVE
══════════════════════════════════════════════════ */
@media (max-width: 900px) {
    .chbs-main .chbs-layout-50x50 {
        flex-direction: column !important;
        padding: 0 10px !important;
        gap: 16px !important;
    }
    .chbs-main .chbs-layout-column-left,
    .chbs-main .chbs-layout-column-right {
        flex: none !important;
        width: 100% !important;
        min-width: 0 !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        box-shadow: 0 4px 24px rgba(0,0,0,0.45) !important;
    }
    .chbs-main .chbs-layout-column-right {
        position: relative !important;
        z-index: 0 !important;
        isolation: isolate !important;
    }
    .chbs-main .chbs-google-map #chbs_google_map {
        min-height: 300px !important;
        height: 300px !important;
    }
}
@media (max-width: 768px) {
    .chbs-main .chbs-google-map #chbs_google_map {
        min-height: 260px !important;
        height: 260px !important;
    }
    .la-step1-topbar {
        flex-wrap: wrap !important;
        gap: 8px !important;
        padding: 10px 14px !important;
    }
    .la-step1-topbar-links {
        flex-wrap: wrap !important;
    }
    .la-step1-topbar-links a {
        font-size: 12px !important;
        padding: 0 10px !important;
    }
    .la-clock-wrap {
        border-left: none !important;
        padding-left: 0 !important;
    }
    .la-step1-bottom {
        flex-wrap: wrap !important;
        gap: 10px !important;
        justify-content: center !important;
        padding: 10px 14px !important;
    }
    .la-step1-footer {
        padding: 10px 14px !important;
    }
    .chbs-main .chbs-main-content-navigation-button {
        padding: 16px 14px 20px !important;
    }
    .chbs-main .chbs-button-step-next {
        min-width: 0 !important;
        width: 100% !important;
    }
}

/* ══════════════════════════════════════════════════
   RESPONSIVE — Mobile
══════════════════════════════════════════════════ */
@media (max-width: 700px) {
    .chbs-main .chbs-vehicle-content { display: block !important; position: relative !important; }
    .chbs-main .chbs-vehicle-content-description {
        width: 100% !important; border-right: none !important; border-bottom: 1px solid #eeebe4 !important;
    }
    .chbs-main .chbs-vehicle-content-description img {
        width: 100% !important; height: 200px !important; object-fit: cover !important;
    }
    .chbs-main .chbs-vehicle-content-header,
    .chbs-main .chbs-vehicle-content-price,
    .chbs-main .chbs-vehicle-content-meta { padding-right: 18px !important; }
    .chbs-main .chbs-vehicle-content-header .chbs-button {
        position: static !important; width: 100% !important; border-radius: 0 !important;
        border-left: none !important; border-top: 1px solid #e0dbd0 !important;
        padding: 14px !important; flex-direction: row !important; gap: 8px !important;
    }
    .la-step1-topbar-links { display: none !important; }
    .la-step1-bottom-left  { display: none !important; }
}


/* =====================================================
   LA FIX — Native CHBS Step 2 and Step 3 layout
   This replaces the JavaScript grid injection approach.
   Do not move summaries with JS. Keep CHBS native columns.
   ===================================================== */

/* Step 2: Summary left, Vehicle filter/list/extras right */
.chbs-main .chbs-main-content-step-2 > .chbs-layout-25x75,
.chbs-main .chbs-main-content-step-3 > .chbs-layout-25x75 {
    display: grid !important;
    grid-template-columns: 300px minmax(0, 1fr) !important;
    gap: 24px !important;
    align-items: start !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 10px !important;
}

.chbs-main .chbs-main-content-step-2 > .chbs-layout-25x75::before,
.chbs-main .chbs-main-content-step-2 > .chbs-layout-25x75::after,
.chbs-main .chbs-main-content-step-3 > .chbs-layout-25x75::before,
.chbs-main .chbs-main-content-step-3 > .chbs-layout-25x75::after {
    display: none !important;
    content: none !important;
}

.chbs-main .chbs-main-content-step-2 > .chbs-layout-25x75 > .chbs-layout-column-left,
.chbs-main .chbs-main-content-step-3 > .chbs-layout-25x75 > .chbs-layout-column-left {
    grid-column: 1 !important;
    float: none !important;
    width: auto !important;
    max-width: 300px !important;
    min-width: 0 !important;
    position: sticky !important;
    top: 20px !important;
}

.chbs-main .chbs-main-content-step-2 > .chbs-layout-25x75 > .chbs-layout-column-right,
.chbs-main .chbs-main-content-step-3 > .chbs-layout-25x75 > .chbs-layout-column-right {
    grid-column: 2 !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.chbs-main .chbs-main-content-step-2 .chbs-vehicle-filter,
.chbs-main .chbs-main-content-step-3 .chbs-client-form,
.chbs-main .chbs-main-content-step-3 .chbs-payment-form {
    margin-top: 0 !important;
}

/* Hide extra non-navigation Choose a Vehicle button only on Step 2 */
.chbs-main .chbs-main-content-step-2 > .chbs-button,
.chbs-main .chbs-main-content-step-2 > a.chbs-button:not(.chbs-button-step-prev):not(.chbs-button-step-next) {
    display: none !important;
}

/* Bottom navigation buttons: keep only previous/next and add space */
.chbs-main .chbs-main-content-navigation-button {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 22px !important;
    flex-wrap: wrap !important;
    clear: both !important;
}

.chbs-main .chbs-main-content-navigation-button .chbs-button {
    margin: 0 !important;
}

@media (max-width: 991px) {
    .chbs-main .chbs-main-content-step-2 > .chbs-layout-25x75,
    .chbs-main .chbs-main-content-step-3 > .chbs-layout-25x75 {
        grid-template-columns: 1fr !important;
    }

    .chbs-main .chbs-main-content-step-2 > .chbs-layout-25x75 > .chbs-layout-column-left,
    .chbs-main .chbs-main-content-step-2 > .chbs-layout-25x75 > .chbs-layout-column-right,
    .chbs-main .chbs-main-content-step-3 > .chbs-layout-25x75 > .chbs-layout-column-left,
    .chbs-main .chbs-main-content-step-3 > .chbs-layout-25x75 > .chbs-layout-column-right {
        grid-column: 1 !important;
        max-width: none !important;
        position: static !important;
    }
}


/* ══════════════════════════════════════════════════
   LA FINAL UPGRADE — Progress bar + Step 2 Extras
   Added after console testing
══════════════════════════════════════════════════ */

/* Premium progress/navigation bar */
.chbs-main .chbs-main-navigation-default ul {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    position: relative !important;
    max-width: 950px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}
.chbs-main .chbs-main-navigation-default ul::before {
    content: "" !important;
    position: absolute !important;
    top: 22px !important;
    left: 45px !important;
    right: 45px !important;
    height: 2px !important;
    background: rgba(255,255,255,0.35) !important;
    z-index: 0 !important;
}
.chbs-main .chbs-main-navigation-default ul li {
    position: relative !important;
    z-index: 2 !important;
    width: 25% !important;
    text-align: center !important;
}
.chbs-main .chbs-main-navigation-default ul li a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
    color: rgba(255,255,255,0.55) !important;
    -webkit-text-fill-color: rgba(255,255,255,0.55) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}
.chbs-main .chbs-main-navigation-default ul li a span:first-child {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f2eee6 !important;
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 44px !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.25) !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
    position: relative !important;
}
.chbs-main .chbs-main-navigation-default ul li.chbs-state-selected a span:first-child {
    background: #d4af37 !important;
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
    font-size: 15px !important;
}
.chbs-main .chbs-main-navigation-default ul li.chbs-state-completed a span:first-child {
    background: #f2eee6 !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 0 !important;
}
.chbs-main .chbs-main-navigation-default ul li.chbs-state-completed a span:first-child * {
    display: none !important;
}
.chbs-main .chbs-main-navigation-default ul li.chbs-state-completed a span:first-child::after {
    content: "✓" !important;
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #d4af37 !important;
    -webkit-text-fill-color: #d4af37 !important;
}
.chbs-main .chbs-main-navigation-default ul li.chbs-state-selected a,
.chbs-main .chbs-main-navigation-default ul li.chbs-state-completed a {
    color: #d4af37 !important;
    -webkit-text-fill-color: #d4af37 !important;
}

/* Step 2 extras — final console-approved layout */
.chbs-main .chbs-booking-extra-header{
    display:flex!important;
    align-items:center!important;
    gap:18px!important;
    margin:30px 0 24px!important;
}
.chbs-main .chbs-booking-extra-header a{
    width:auto!important;
    min-width:92px!important;
    height:40px!important;
    padding:0 15px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.85)!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    background:transparent!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:12px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    overflow:visible!important;
}
.chbs-main .chbs-booking-extra-header a .la-hide-label,
.chbs-main .chbs-booking-extra-header a .la-hide-arrow{
    display:inline-block!important;
    visibility:visible!important;
    opacity:1!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1!important;
    text-transform:uppercase!important;
}
.chbs-main .chbs-booking-extra-header a .la-hide-arrow{font-size:13px!important;}

.chbs-main .chbs-booking-extra-list>ul>li{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 160px 170px!important;
    gap:20px!important;
    align-items:start!important;
    padding:24px 0!important;
    border-bottom:1px solid rgba(255,255,255,.18)!important;
}
.chbs-main .chbs-booking-extra-list>ul>li>div{
    float:none!important;
    width:auto!important;
    clear:none!important;
    margin:0!important;
    padding:0!important;
    border:none!important;
}
.chbs-main .chbs-booking-form-extra-price{
    color:#d4af37!important;
    -webkit-text-fill-color:#d4af37!important;
    font-size:22px!important;
    font-weight:900!important;
    margin-left:18px!important;
}
.chbs-main .chbs-booking-extra-list .chbs-column-2,
.chbs-main .chbs-booking-extra-list .chbs-column-3{
    align-self:start!important;
    margin-top:10px!important;
    min-height:86px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-left:1px solid rgba(255,255,255,.35)!important;
}
.chbs-main .chbs-booking-extra-list .chbs-column-2{border-right:1px solid rgba(255,255,255,.35)!important;}
.chbs-main .chbs-booking-extra-list .chbs-column-2>.chbs-form-field{
    width:130px!important;
    height:78px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:1px solid rgba(255,255,255,.65)!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    position:relative!important;
}
.chbs-main .chbs-booking-extra-list .chbs-column-2 label,
.chbs-main .chbs-booking-extra-list .chbs-column-2 .chbs-form-field-label{
    position:absolute!important;
    top:13px!important;
    left:14px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:1!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
    z-index:2!important;
}
.chbs-main .chbs-booking-extra-list .chbs-quantity-section{
    position:absolute!important;
    inset:0!important;
    display:grid!important;
    grid-template-columns:84px 44px!important;
    grid-template-rows:39px 39px!important;
    width:128px!important;
    height:78px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
}
.chbs-main .chbs-booking-extra-list .chbs-quantity-section input{
    grid-column:1!important;
    grid-row:1 / 3!important;
    width:84px!important;
    height:78px!important;
    padding:25px 0 0 0!important;
    margin:0!important;
    border:none!important;
    background:transparent!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:34px!important;
    font-weight:900!important;
    line-height:1!important;
    text-align:center!important;
    box-sizing:border-box!important;
}
.chbs-main .chbs-booking-extra-list .chbs-quantity-section-button{
    position:static!important;
    width:44px!important;
    height:39px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    color:#d4af37!important;
    -webkit-text-fill-color:#d4af37!important;
    border-left:1px solid rgba(255,255,255,.65)!important;
    box-sizing:border-box!important;
    font-size:18px!important;
    line-height:1!important;
}
.chbs-main .chbs-booking-extra-list .chbs-quantity-section-button.chbs-meta-icon-plus{
    grid-column:2!important;
    grid-row:1!important;
    border-bottom:1px solid rgba(255,255,255,.65)!important;
}
.chbs-main .chbs-booking-extra-list .chbs-quantity-section-button.chbs-meta-icon-minus{
    grid-column:2!important;
    grid-row:2!important;
}
.chbs-main .chbs-booking-extra-list .chbs-column-3>a.chbs-button{
    width:138px!important;
    height:52px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    background:#d4af37!important;
    border:2px solid #d4af37!important;
    color:#111!important;
    -webkit-text-fill-color:#111!important;
    border-radius:8px!important;
    font-weight:900!important;
    white-space:nowrap!important;
    padding:0!important;
}
.chbs-main .chbs-booking-extra-list .chbs-column-3>a.chbs-button.chbs-state-selected{
    background:#111!important;
    color:#d4af37!important;
    -webkit-text-fill-color:#d4af37!important;
}
.chbs-main .chbs-booking-extra-list .chbs-column-3>a.chbs-button::after,
.chbs-main .chbs-booking-extra-list .chbs-column-3>a.chbs-button span::after{
    display:none!important;
    content:none!important;
}
.chbs-main .chbs-booking-extra-list .chbs-column-3>a.chbs-button .chbs-meta-icon-tick{display:none!important;}
.chbs-main .chbs-booking-extra-list .chbs-column-3>a.chbs-button.chbs-state-selected .chbs-meta-icon-tick{
    display:inline-block!important;
    color:#d4af37!important;
    -webkit-text-fill-color:#d4af37!important;
}
.chbs-main .chbs-booking-form-extra-note{margin-top:16px!important;}
.chbs-main .chbs-booking-form-extra-note textarea{
    width:100%!important;
    min-height:90px!important;
    background:#08251d!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    border:1px solid rgba(255,255,255,.45)!important;
    box-sizing:border-box!important;
}
@media(max-width:768px){
    .chbs-main .chbs-booking-extra-list>ul>li{grid-template-columns:1fr!important;}
    .chbs-main .chbs-booking-extra-list .chbs-column-2,
    .chbs-main .chbs-booking-extra-list .chbs-column-3{
        justify-content:flex-start!important;
        border-left:none!important;
        border-right:none!important;
        margin-top:0!important;
    }
}


/* ══════════════════════════════════════════════════
   LA FINAL — STEP 1 DATEPICKER + TIMEPICKER FIX
   Keeps date popup readable and time list in dark theme.
══════════════════════════════════════════════════ */
html body input.chbs-datepicker,
html body input.chbs-timepicker,
html body input.hasDatepicker,
html body .chbs-main input.chbs-datepicker,
html body .chbs-main input.chbs-timepicker,
html body .chbs-main input.hasDatepicker {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    opacity: 1 !important;
}

#ui-datepicker-div,
body #ui-datepicker-div,
html body #ui-datepicker-div {
    background: #0b1f18 !important;
    background-color: #0b1f18 !important;
    border: 1px solid rgba(255,255,255,.35) !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.45) !important;
    padding: 12px !important;
    z-index: 9999999 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
}

#ui-datepicker-div *,
body #ui-datepicker-div * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
}

#ui-datepicker-div .ui-datepicker-header {
    background: #102d25 !important;
    background-color: #102d25 !important;
    border: none !important;
    color: #ffffff !important;
}

#ui-datepicker-div .ui-datepicker-title,
#ui-datepicker-div .ui-datepicker-month,
#ui-datepicker-div .ui-datepicker-year {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 800 !important;
}

#ui-datepicker-div table,
#ui-datepicker-div thead,
#ui-datepicker-div tbody,
#ui-datepicker-div tr,
#ui-datepicker-div td,
#ui-datepicker-div th {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}

#ui-datepicker-div th span {
    color: #d4af37 !important;
    -webkit-text-fill-color: #d4af37 !important;
    font-weight: 800 !important;
}

#ui-datepicker-div td a,
#ui-datepicker-div td span {
    background: transparent !important;
    background-color: transparent !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: 1px solid transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    opacity: 1 !important;
    visibility: visible !important;
    padding: 0 !important;
}

#ui-datepicker-div td a:hover,
#ui-datepicker-div td a.ui-state-hover {
    background: #d4af37 !important;
    background-color: #d4af37 !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

#ui-datepicker-div td a.ui-state-active,
#ui-datepicker-div td a.ui-state-highlight {
    background: #d4af37 !important;
    background-color: #d4af37 !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    border-color: #d4af37 !important;
}

#ui-datepicker-div td.ui-datepicker-unselectable span {
    color: rgba(255,255,255,.25) !important;
    -webkit-text-fill-color: rgba(255,255,255,.25) !important;
}

#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
}

#ui-datepicker-div .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-next span {
    filter: invert(1) !important;
}

html body .ui-timepicker-wrapper,
html body .ui-timepicker-list {
    background: #0b1f18 !important;
    background-color: #0b1f18 !important;
    border: 1px solid rgba(255,255,255,.35) !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.45) !important;
    z-index: 9999999 !important;
}

html body .ui-timepicker-wrapper .ui-timepicker-list li,
html body .ui-timepicker-list li {
    background: #0b1f18 !important;
    background-color: #0b1f18 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body .ui-timepicker-wrapper .ui-timepicker-list li:hover,
html body .ui-timepicker-wrapper .ui-timepicker-list li.ui-timepicker-selected,
html body .ui-timepicker-list li:hover,
html body .ui-timepicker-list li.ui-timepicker-selected {
    background: #d4af37 !important;
    background-color: #d4af37 !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

/* =====================================================
   LA v5 — Final Step 1 Top Service Bar + Gold Outlines
   ===================================================== */

/* Remove the older custom bar that used to sit below the progress bar */
.la-step1-topbar,
.chbs-main .la-step1-topbar,
.chbs-main-content .la-step1-topbar {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
}

#la-service-clock-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    min-height: 52px !important;
    background: #07130f !important;
    border-bottom: 1px solid rgba(212,175,55,.18) !important;
    padding: 0 20px !important;
    z-index: 100 !important;
    box-sizing: border-box !important;
}

#la-service-clock-bar .la-services {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 26px !important;
    flex-wrap: wrap !important;
}

#la-service-clock-bar .la-services a {
    color: #d4af37 !important;
    -webkit-text-fill-color: #d4af37 !important;
    text-decoration: none !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: .03em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    transition: color .2s ease !important;
}

#la-service-clock-bar .la-services a:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

#la-service-clock-bar .la-special {
    font-weight: 700 !important;
}

#la-service-clock-bar .la-clock {
    position: absolute !important;
    right: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #d4af37 !important;
    -webkit-text-fill-color: #d4af37 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}

#la-service-clock-bar .la-clock strong {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

/* Gold outline around Step 1 calculator and map panels */
.chbs-main-content-step-1 .chbs-layout-column-left,
.chbs-main-content-step-1 .chbs-layout-column-right {
    border: 1px solid rgba(212,175,55,.65) !important;
    border-radius: 12px !important;
    box-shadow:
        0 0 0 1px rgba(212,175,55,.12),
        0 18px 45px rgba(0,0,0,.45) !important;
    overflow: hidden !important;
}

.chbs-main-content-step-1 #chbs_google_map,
.chbs-main-content-step-1 .chbs-google-map {
    border-radius: 12px !important;
    overflow: hidden !important;
}

@media(max-width: 768px) {
    #la-service-clock-bar {
        padding: 10px 15px !important;
        min-height: auto !important;
    }

    #la-service-clock-bar .la-services {
        gap: 14px !important;
    }

    #la-service-clock-bar .la-services a {
        font-size: 11px !important;
    }

    #la-service-clock-bar .la-clock {
        display: none !important;
    }
}


/* =====================================================
   LA v6 — Final approved Step 1 polish
   - New service bar retained
   - Old middle bar removed
   - Gold only for headings/icons/service links/outlines
   - Form labels/values such as Ride Details, Pickup Location,
     Drop Off Location, Pickup Date, Pickup Time and Transfer Type
     remain unchanged from the approved working design.
   ===================================================== */

/* Top service bar: centred services, clock far right */
#la-service-clock-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    min-height: 52px !important;
    background: #07130f !important;
    border-bottom: 1px solid rgba(212,175,55,.18) !important;
    padding: 0 20px !important;
    z-index: 100 !important;
    box-sizing: border-box !important;
}

#la-service-clock-bar .la-services {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 26px !important;
    flex-wrap: wrap !important;
}

#la-service-clock-bar .la-services a {
    color: #d4af37 !important;
    -webkit-text-fill-color: #d4af37 !important;
    text-decoration: none !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: .03em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    transition: color .2s ease !important;
}

#la-service-clock-bar .la-services a:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

#la-service-clock-bar .la-special {
    font-weight: 700 !important;
}

#la-service-clock-bar .la-clock {
    position: absolute !important;
    right: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #d4af37 !important;
    -webkit-text-fill-color: #d4af37 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}

#la-service-clock-bar .la-clock strong {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

/* Remove old middle service/clock bar below progress bar */
.la-step1-topbar,
.chbs-main .la-step1-topbar,
.chbs-main-content .la-step1-topbar {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
}

/* Step 1 calculator and map gold outline */
.chbs-main-content-step-1 .chbs-layout-column-left,
.chbs-main-content-step-1 .chbs-layout-column-right {
    border: 1px solid rgba(212,175,55,.65) !important;
    border-radius: 12px !important;
    box-shadow:
        0 0 0 1px rgba(212,175,55,.12),
        0 18px 45px rgba(0,0,0,.45) !important;
    overflow: hidden !important;
}

.chbs-main-content-step-1 #chbs_google_map,
.chbs-main-content-step-1 .chbs-google-map {
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* Gold for Step 1 headings and icons only */
.la-step1-section-label,
.la-step1-item-title,
.la-step1-grid-title,
.la-step1-avail-text,
.la-step1-rating-text strong {
    color: #d4af37 !important;
    -webkit-text-fill-color: #d4af37 !important;
}

.la-step1-item svg,
.la-step1-grid-icon svg,
.la-step1-bottom-item svg,
.la-step1-footer-note svg,
.la-step1-stars svg,
.la-step1-ext-icon {
    stroke: #d4af37 !important;
    color: #d4af37 !important;
}

/* Off-white for Step 1 supporting/descriptive text */
.la-step1-item-desc,
.la-step1-grid-desc,
.la-step1-bottom-item,
.la-step1-footer-note,
.la-step1-rating-text,
.la-step1-avail-next {
    color: rgba(232,226,208,.78) !important;
    -webkit-text-fill-color: rgba(232,226,208,.78) !important;
}

/* Do not alter approved CHBS field labels and field values */
.chbs-main .chbs-main-content-step-1 .chbs-form-field label,
.chbs-main .chbs-main-content-step-1 .chbs-form-field .chbs-form-field-label,
.chbs-main .chbs-main-content-step-1 .chbs-form-field input,
.chbs-main .chbs-main-content-step-1 .chbs-form-field textarea,
.chbs-main .chbs-main-content-step-1 .chbs-form-field .ui-selectmenu-button,
.chbs-main .chbs-main-content-step-1 .chbs-form-field .ui-selectmenu-text {
    /* Intentionally left to earlier approved Step 1 field styling. */
}

@media(max-width: 768px) {
    #la-service-clock-bar {
        padding: 10px 15px !important;
        min-height: auto !important;
    }

    #la-service-clock-bar .la-services {
        gap: 14px !important;
    }

    #la-service-clock-bar .la-services a {
        font-size: 11px !important;
    }

    #la-service-clock-bar .la-clock {
        display: none !important;
    }
}

/* ----------------------------------------------------
   STEP 4 LUXURY CHECKOUT PREVIEW / REBUILD
---------------------------------------------------- */
#la-step4-preview {
    max-width: 1180px !important;
    margin: 32px auto 80px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
    color: #f5f1e8 !important;
}

#la-step4-preview .la-left,
#la-step4-preview .la-right {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

#la-step4-preview .la-card {
    background: rgba(13,48,38,.94) !important;
    border: 1px solid rgba(212,175,55,.58) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.38) !important;
    box-sizing: border-box !important;
}

#la-step4-preview .la-card-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 22px !important;
    color: #d4af37 !important;
    -webkit-text-fill-color: #d4af37 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
}

#la-step4-preview .la-card-head button {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.65) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border-radius: 999px !important;
    padding: 6px 14px !important;
    cursor: pointer !important;
}

#la-step4-preview small {
    display: block !important;
    color: rgba(245,241,232,.65) !important;
    -webkit-text-fill-color: rgba(245,241,232,.65) !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    margin-bottom: 7px !important;
}

#la-step4-preview strong {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

#la-step4-preview .la-row {
    padding: 14px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
}

#la-step4-preview .la-grid-2 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 18px !important;
    margin-bottom: 10px !important;
}

#la-step4-preview .la-grid-2 > div {
    background: rgba(255,255,255,.035) !important;
    border-radius: 10px !important;
    padding: 14px !important;
}

#la-step4-preview .la-price {
    margin-top: 28px !important;
    padding-top: 22px !important;
    border-top: 1px solid rgba(212,175,55,.5) !important;
}

#la-step4-preview .la-price div {
    display: flex !important;
    justify-content: space-between !important;
    padding: 14px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

#la-step4-preview .la-total {
    margin-top: 28px !important;
    padding: 24px !important;
    border-radius: 12px !important;
    background: rgba(212,175,55,.10) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border: 1px solid rgba(212,175,55,.45) !important;
}

#la-step4-preview .la-total span {
    color: #d4af37 !important;
    -webkit-text-fill-color: #d4af37 !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

#la-step4-preview .la-total strong {
    color: #d4af37 !important;
    -webkit-text-fill-color: #d4af37 !important;
    font-size: 38px !important;
    font-weight: 900 !important;
}

#la-step4-preview .la-agree h3 {
    color: #d4af37 !important;
    -webkit-text-fill-color: #d4af37 !important;
    margin: 0 0 18px !important;
    font-size: 20px !important;
    font-weight: 900 !important;
}

#la-step4-preview .la-agreement-slot label,
#la-step4-preview .la-agree label {
    display: block !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 15px !important;
    margin: 14px 0 !important;
    text-transform: none !important;
}

#la-step4-preview .la-agreement-slot a,
#la-step4-preview .la-agreement-slot u,
#la-step4-preview .la-agree u {
    color: #d4af37 !important;
    -webkit-text-fill-color: #d4af37 !important;
    font-weight: 800 !important;
}

#la-step4-preview .la-agreement-slot input,
#la-step4-preview .la-agree input {
    margin-right: 12px !important;
    transform: scale(1.25) !important;
    accent-color: #d4af37 !important;
}

#la-step4-preview .la-actions {
    grid-column: 1 / -1 !important;
    display: flex !important;
    justify-content: center !important;
    gap: 28px !important;
    margin-top: 14px !important;
}

#la-step4-preview .la-actions a,
#la-step4-preview .la-actions button,
#la-step4-preview .la-actions .chbs-button {
    min-width: 240px !important;
    height: 56px !important;
    border-radius: 10px !important;
    font-weight: 900 !important;
}

@media(max-width: 900px) {
    #la-step4-preview {
        grid-template-columns: 1fr !important;
        padding: 0 14px !important;
    }

    #la-step4-preview .la-actions {
        flex-direction: column !important;
    }

    #la-step4-preview .la-grid-2 {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   LA STEP 4 STABLE FINAL — no fake agreements
   Uses real Chauffeur agreement block only.
   ========================================================= */
.chbs-main .chbs-main-content-step-4 #la-step4-stable-layout {
    max-width: 1180px !important;
    margin: 32px auto 24px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 28px !important;
    align-items: start !important;
}

.chbs-main .chbs-main-content-step-4 #la-step4-stable-layout .la-step4-col {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    min-width: 0 !important;
}

.chbs-main .chbs-main-content-step-4 #la-step4-stable-layout .la-step4-col > div {
    width: 100% !important;
    margin: 0 !important;
    background: rgba(13,48,38,.94) !important;
    border: 1px solid rgba(212,175,55,.58) !important;
    border-radius: 10px !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.35) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.chbs-main .chbs-main-content-step-4 #la-step4-stable-layout input,
.chbs-main .chbs-main-content-step-4 #la-step4-stable-layout textarea,
.chbs-main .chbs-main-content-step-4 #la-step4-stable-layout select,
.chbs-main .chbs-main-content-step-4 #la-step4-stable-layout .chbs-form-field,
.chbs-main .chbs-main-content-step-4 #la-step4-stable-layout .chbs-form-field *,
.chbs-main .chbs-main-content-step-4 #la-step4-stable-layout .chbs-summary-field,
.chbs-main .chbs-main-content-step-4 #la-step4-stable-layout .chbs-summary-field *,
.chbs-main .chbs-main-content-step-4 #la-step4-stable-layout .chbs-client-form-field,
.chbs-main .chbs-main-content-step-4 #la-step4-stable-layout .chbs-client-form-field * {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.chbs-main .chbs-main-content-step-4 #la-step4-stable-layout h3,
.chbs-main .chbs-main-content-step-4 #la-step4-stable-layout h4 {
    color: #d4af37 !important;
    -webkit-text-fill-color: #d4af37 !important;
    font-weight: 900 !important;
}

.chbs-main .chbs-main-content-step-4 #la-step4-stable-layout .chbs-summary-price-element-total,
.chbs-main .chbs-main-content-step-4 #la-step4-stable-layout .chbs-summary-price-element-total * {
    color: #d4af37 !important;
    -webkit-text-fill-color: #d4af37 !important;
    font-size: 32px !important;
    font-weight: 900 !important;
}

/* Real Chauffeur agreement only — no duplicate/fake checkbox */
.chbs-main .chbs-main-content-step-4 .chbs-agreement-header {
    max-width: 760px !important;
    margin: 34px auto 0 !important;
    color: #d4af37 !important;
    -webkit-text-fill-color: #d4af37 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
}

.chbs-main .chbs-main-content-step-4 .chbs-agreement {
    max-width: 760px !important;
    width: 100% !important;
    margin: 14px auto 26px !important;
    padding: 22px 28px !important;
    background: rgba(13,48,38,.94) !important;
    border: 1px solid rgba(212,175,55,.58) !important;
    border-radius: 10px !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.35) !important;
    box-sizing: border-box !important;
}

.chbs-main .chbs-main-content-step-4 .chbs-agreement > div {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 11px 0 !important;
}

.chbs-main .chbs-main-content-step-4 .chbs-agreement > div > .chbs-form-checkbox {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-color: rgba(212,175,55,.9) !important;
}

.chbs-main .chbs-main-content-step-4 .chbs-agreement > div > div {
    margin-left: 0 !important;
    color: #f4f0e8 !important;
    -webkit-text-fill-color: #f4f0e8 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.chbs-main .chbs-main-content-step-4 .chbs-agreement a,
.chbs-main .chbs-main-content-step-4 .chbs-agreement a:hover {
    color: #d4af37 !important;
    -webkit-text-fill-color: #d4af37 !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.chbs-main .chbs-main-content-step-4 .chbs-main-content-navigation-button {
    width: 100% !important;
    max-width: 760px !important;
    margin: 28px auto 55px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 30px !important;
    float: none !important;
    clear: both !important;
    background: transparent !important;
    padding: 0 !important;
}

.chbs-main .chbs-main-content-step-4 .chbs-main-content-navigation-button .chbs-button {
    width: 230px !important;
    min-width: 230px !important;
    height: 54px !important;
    margin: 0 !important;
    float: none !important;
    border-radius: 5px !important;
    font-weight: 900 !important;
}

@media(max-width:900px) {
    .chbs-main .chbs-main-content-step-4 #la-step4-stable-layout {
        grid-template-columns: 1fr !important;
        padding: 0 14px !important;
    }
    .chbs-main .chbs-main-content-step-4 .chbs-main-content-navigation-button {
        flex-direction: column !important;
    }
}


/* =========================================================
   LA FINAL CLEANUP — Steps 2, 3 and 4
   - Hide service/time shortcut bar below progress bar after Step 1
   - Remove "No payment required at this step"
   - Fix Enter Contact Details button wrapping/alignment
   ========================================================= */
.chbs-main[data-la-active-step="2"] #la-service-clock-bar,
.chbs-main[data-la-active-step="3"] #la-service-clock-bar,
.chbs-main[data-la-active-step="4"] #la-service-clock-bar,
.chbs-main .chbs-main-content-step-2 ~ #la-service-clock-bar,
.chbs-main .chbs-main-content-step-3 ~ #la-service-clock-bar,
.chbs-main .chbs-main-content-step-4 ~ #la-service-clock-bar {
    display: none !important;
}

.chbs-main .la-step1-footer,
.chbs-main .la-step1-footer-note {
    display: none !important;
}

/* Previous / Enter Contact Details button — keep text on one line and centered */
.chbs-main .chbs-main-content-step-2 .chbs-button-step-prev,
.chbs-main .chbs-main-content-step-3 .chbs-button-step-prev,
.chbs-main .chbs-main-content-step-4 .chbs-button-step-prev {
    width: 280px !important;
    min-width: 280px !important;
    height: 58px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 0 22px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    text-align: center !important;
}

.chbs-main .chbs-main-content-step-2 .chbs-button-step-prev *,
.chbs-main .chbs-main-content-step-3 .chbs-button-step-prev *,
.chbs-main .chbs-main-content-step-4 .chbs-button-step-prev * {
    white-space: nowrap !important;
    font-size: 12px !important;
    line-height: 1 !important;
    display: inline-block !important;
}

/* Keep booking buttons aligned and away from bottom bar */
.chbs-main .chbs-main-content-step-2 .chbs-main-content-navigation-button,
.chbs-main .chbs-main-content-step-3 .chbs-main-content-navigation-button,
.chbs-main .chbs-main-content-step-4 .chbs-main-content-navigation-button {
    margin-bottom: 42px !important;
}

/* Ensure the luxury bottom strip remains, but the payment note never shows */
.chbs-main .la-step1-bottom {
    display: flex !important;
}


/* =====================================================
   LA v11 — Step 1 info grid + compact calculator/map
   - Executive Fleet + Child Seats moved below calculator
   - Removed duplicate Airport Meeting Point / Flight Tracking from grid
   - Compact calculator/map vertical height
   ===================================================== */
.chbs-main-content-step-1 .la-step1-calculator-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:0 !important;
    margin-top:12px !important;
    border:1px solid rgba(212,175,55,.45) !important;
    border-radius:10px !important;
    overflow:hidden !important;
    background:#0b1e18 !important;
}
.chbs-main-content-step-1 .la-step1-calculator-grid .la-step1-grid-item{
    min-height:58px !important;
    padding:10px 12px !important;
    border-bottom:none !important;
}
.chbs-main-content-step-1 .la-step1-calculator-grid .la-step1-grid-item:first-child{
    border-right:1px solid rgba(232,226,208,.08) !important;
}
.chbs-main-content-step-1 .la-step1-calculator-grid .la-step1-grid-title{
    font-size:12px !important;
    line-height:1.2 !important;
}
.chbs-main-content-step-1 .la-step1-calculator-grid .la-step1-grid-desc{
    font-size:10.5px !important;
    line-height:1.25 !important;
}
.chbs-main-content-step-1 .la-step1-calculator-grid .la-step1-grid-icon{
    width:24px !important;
    height:24px !important;
}

/* Reduce vertical size of calculator and map panels */
.chbs-main-content-step-1 .chbs-layout-column-left,
.chbs-main-content-step-1 .chbs-layout-column-right{
    min-height:0 !important;
}
.chbs-main-content-step-1 .chbs-layout-column-left .chbs-tab.ui-tabs{
    margin-bottom:0 !important;
}
.chbs-main-content-step-1 .chbs-layout-column-left .chbs-main-content-step-1,
.chbs-main-content-step-1 .chbs-layout-column-left .chbs-form-field{
    margin-bottom:10px !important;
}
.chbs-main-content-step-1 .chbs-google-map,
.chbs-main-content-step-1 #chbs_google_map{
    height:360px !important;
    min-height:360px !important;
}
.chbs-main-content-step-1 .chbs-ride-info{
    padding-top:10px !important;
    padding-bottom:10px !important;
}

@media(max-width:900px){
    .chbs-main-content-step-1 .la-step1-calculator-grid{
        grid-template-columns:1fr !important;
    }
    .chbs-main-content-step-1 .la-step1-calculator-grid .la-step1-grid-item:first-child{
        border-right:none !important;
        border-bottom:1px solid rgba(232,226,208,.08) !important;
    }
    .chbs-main-content-step-1 .chbs-google-map,
    .chbs-main-content-step-1 #chbs_google_map{
        height:300px !important;
        min-height:300px !important;
    }
}

/* =====================================================
   LA v12 — Clean Luxury Step 1 Info Panel
   - No repeated Executive Fleet / Child Seats top cards
   - No duplicate availability strip
   - Off-white luxury background with grey cards
   - Thin clean fonts + gold line icons
   ===================================================== */
.chbs-main-content-step-1 .la-step1-grid,
.chbs-main-content-step-1 .la-step1-calculator-grid,
.chbs-main-content-step-1 .la-step1-avail{
    display:none !important;
}

.chbs-main-content-step-1 .la-step1-info.la-luxury-info-wrap{
    background:#f5f2ec !important;
    border:1px solid rgba(199,154,43,.78) !important;
    border-radius:12px !important;
    padding:20px !important;
    margin-top:14px !important;
    box-sizing:border-box !important;
    box-shadow:0 14px 32px rgba(0,0,0,.22) !important;
    color:#171717 !important;
    -webkit-text-fill-color:#171717 !important;
}

.chbs-main-content-step-1 .la-luxury-info-panel{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:26px !important;
    width:100% !important;
    box-sizing:border-box !important;
}

.chbs-main-content-step-1 .la-luxury-card{
    background:#ebe7df !important;
    border-radius:14px !important;
    padding:24px 28px !important;
    box-sizing:border-box !important;
    border:1px solid rgba(0,0,0,.035) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.55) !important;
}

.chbs-main-content-step-1 .la-luxury-heading{
    color:#c79a2b !important;
    -webkit-text-fill-color:#c79a2b !important;
    font-family:'Inter', Arial, sans-serif !important;
    font-size:12px !important;
    font-weight:500 !important;
    letter-spacing:4px !important;
    text-transform:uppercase !important;
    text-align:center !important;
    margin:0 0 20px !important;
    padding-bottom:14px !important;
    border-bottom:1px solid rgba(199,154,43,.45) !important;
}

.chbs-main-content-step-1 .la-luxury-row{
    display:flex !important;
    align-items:center !important;
    gap:16px !important;
    min-height:44px !important;
    padding:12px 0 !important;
    border-bottom:1px solid rgba(0,0,0,.12) !important;
    color:#171717 !important;
    -webkit-text-fill-color:#171717 !important;
    text-decoration:none !important;
    font-family:'Inter', Arial, sans-serif !important;
    font-size:15px !important;
    font-weight:300 !important;
    letter-spacing:.15px !important;
    line-height:1.2 !important;
}

.chbs-main-content-step-1 .la-luxury-row:last-child{
    border-bottom:none !important;
}

.chbs-main-content-step-1 .la-luxury-row span{
    color:#171717 !important;
    -webkit-text-fill-color:#171717 !important;
    flex:1 1 auto !important;
}

.chbs-main-content-step-1 .la-luxury-row svg{
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    color:#c79a2b !important;
    stroke:#c79a2b !important;
    fill:none !important;
    stroke-width:1.35 !important;
}

.chbs-main-content-step-1 .la-luxury-row svg.la-step1-ext-icon,
.chbs-main-content-step-1 .la-luxury-row svg:last-child{
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    margin-left:auto !important;
    opacity:.85 !important;
}

.chbs-main-content-step-1 .la-luxury-row:hover,
.chbs-main-content-step-1 .la-luxury-row:hover span{
    color:#000 !important;
    -webkit-text-fill-color:#000 !important;
}

.chbs-main-content-step-1 .la-luxury-status{
    grid-column:1 / -1 !important;
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:20px !important;
    border-top:1px solid rgba(199,154,43,.55) !important;
    padding:18px 28px 2px !important;
    margin-top:2px !important;
    color:#171717 !important;
    -webkit-text-fill-color:#171717 !important;
    font-family:'Inter', Arial, sans-serif !important;
    font-size:15px !important;
    font-weight:300 !important;
}

.chbs-main-content-step-1 .la-luxury-status span,
.chbs-main-content-step-1 .la-luxury-status strong{
    color:#171717 !important;
    -webkit-text-fill-color:#171717 !important;
}

.chbs-main-content-step-1 .la-luxury-status span:first-child strong{
    color:#c79a2b !important;
    -webkit-text-fill-color:#c79a2b !important;
    font-size:18px !important;
    vertical-align:middle !important;
}

/* Keep calculator/map compact */
.chbs-main-content-step-1 .chbs-google-map,
.chbs-main-content-step-1 #chbs_google_map{
    height:340px !important;
    min-height:340px !important;
}

@media(max-width:900px){
    .chbs-main-content-step-1 .la-luxury-info-panel{
        grid-template-columns:1fr !important;
        gap:18px !important;
    }
    .chbs-main-content-step-1 .la-luxury-status{
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:8px !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }
}


/* =====================================================
   LA v13 — Step 1 Map Footer Final
   - Rebuilds distance/time into a clean two-column strip via scripts.js
   - Covers the Google map bottom curve with a slight footer overlap
   - Google map bottom edge is visually square; black footer keeps bottom radius
   ===================================================== */
.chbs-main-content-step-1 .chbs-layout-column-right {
    border-radius: 10px !important;
    overflow: hidden !important;
}

.chbs-main-content-step-1 .chbs-layout-column-right #chbs_google_map,
.chbs-main-content-step-1 .chbs-layout-column-right .chbs-google-map,
.chbs-main-content-step-1 .chbs-layout-column-right .gm-style,
.chbs-main-content-step-1 .chbs-layout-column-right .gm-style > div,
.chbs-main-content-step-1 .chbs-layout-column-right .gm-style > div > div {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.chbs-main-content-step-1 .chbs-ride-info.chbs-box-shadow,
.chbs-main-content-step-1 .chbs-ride-info {
    position: relative !important;
    z-index: 5 !important;
    margin-top: -8px !important;
    height: 64px !important;
    min-height: 64px !important;
    padding: 10px 18px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: center !important;
    gap: 12px !important;
    background: #041b15 !important;
    border-radius: 0 0 10px 10px !important;
    overflow: hidden !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

.chbs-main-content-step-1 .chbs-ride-info.chbs-box-shadow::before,
.chbs-main-content-step-1 .chbs-ride-info::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: -8px !important;
    height: 8px !important;
    background: #041b15 !important;
    z-index: -1 !important;
}

.chbs-main-content-step-1 .chbs-ride-info .la-map-stat {
    text-align: center !important;
    line-height: 1.08 !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
}

.chbs-main-content-step-1 .chbs-ride-info .la-map-stat span {
    display: block !important;
    color: #d4af37 !important;
    -webkit-text-fill-color: #d4af37 !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: .75px !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
}

.chbs-main-content-step-1 .chbs-ride-info .la-map-stat strong {
    display: block !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    margin-top: 4px !important;
    white-space: nowrap !important;
}

/* =====================================================
   LA v14 — Final Step 1 boxed layout + service bar removal
   - Removes Airport/Wedding/Corporate/Special Occasion bar
   - Adds responsive boxed calculator/map container with outside padding
   - Keeps final map footer overlap/radius fix
   ===================================================== */

/* Force-remove custom service bars everywhere */
#la-service-clock-bar,
.la-service-clock-bar,
.la-step1-topbar,
.chbs-main .la-step1-topbar,
.chbs-main-content .la-step1-topbar {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
}

/* Outside breathing room for Step 1 */
.chbs-main-content-step-1 {
    padding: 28px !important;
    box-sizing: border-box !important;
}

/* Box the calculator + map together without stretching edge-to-edge */
.chbs-main-content-step-1 > .chbs-layout-50x50,
.chbs-main-content-step-1 .chbs-layout-50x50 {
    max-width: 1200px !important;
    width: 100% !important;
    margin: 0 auto 30px auto !important;
    padding: 26px !important;
    background: rgba(13,48,38,.96) !important;
    border: 1px solid rgba(212,175,55,.45) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.35) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Keep existing CHBS column layout stable; add column breathing room */
.chbs-main-content-step-1 .chbs-layout-50x50 > .chbs-layout-column-left,
.chbs-main-content-step-1 .chbs-layout-50x50 > .chbs-layout-column-right {
    box-sizing: border-box !important;
}

.chbs-main-content-step-1 .chbs-layout-50x50 > .chbs-layout-column-left {
    padding-right: 14px !important;
}

.chbs-main-content-step-1 .chbs-layout-50x50 > .chbs-layout-column-right {
    padding-left: 14px !important;
}

/* Reduce excessive map dominance but keep it large enough */
.chbs-main-content-step-1 .chbs-layout-column-right #chbs_google_map,
.chbs-main-content-step-1 .chbs-layout-column-right .chbs-google-map {
    min-height: 340px !important;
    height: 380px !important;
    border-radius: 10px 10px 0 0 !important;
    overflow: hidden !important;
}

/* Keep map bottom visually square where it meets black footer */
.chbs-main-content-step-1 .chbs-layout-column-right #chbs_google_map,
.chbs-main-content-step-1 .chbs-layout-column-right .chbs-google-map,
.chbs-main-content-step-1 .chbs-layout-column-right .gm-style,
.chbs-main-content-step-1 .chbs-layout-column-right .gm-style > div,
.chbs-main-content-step-1 .chbs-layout-column-right .gm-style > div > div {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* Preserve final black footer fix */
.chbs-main-content-step-1 .chbs-ride-info.chbs-box-shadow,
.chbs-main-content-step-1 .chbs-ride-info {
    margin-top: -8px !important;
    border-radius: 0 0 10px 10px !important;
}

/* Button area less empty */
.chbs-main-content-step-1 .chbs-main-content-navigation-button {
    margin-top: 22px !important;
}

@media (max-width: 991px) {
    .chbs-main-content-step-1 {
        padding: 16px !important;
    }

    .chbs-main-content-step-1 > .chbs-layout-50x50,
    .chbs-main-content-step-1 .chbs-layout-50x50 {
        padding: 18px !important;
        border-radius: 14px !important;
        margin-bottom: 22px !important;
    }

    .chbs-main-content-step-1 .chbs-layout-50x50 > .chbs-layout-column-left,
    .chbs-main-content-step-1 .chbs-layout-50x50 > .chbs-layout-column-right {
        width: 100% !important;
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .chbs-main-content-step-1 .chbs-layout-50x50 > .chbs-layout-column-right {
        margin-top: 18px !important;
    }

    .chbs-main-content-step-1 .chbs-layout-column-right #chbs_google_map,
    .chbs-main-content-step-1 .chbs-layout-column-right .chbs-google-map {
        height: 320px !important;
    }
}

@media (max-width: 600px) {
    .chbs-main-content-step-1 {
        padding: 10px !important;
    }

    .chbs-main-content-step-1 > .chbs-layout-50x50,
    .chbs-main-content-step-1 .chbs-layout-50x50 {
        padding: 12px !important;
        border-radius: 12px !important;
    }

    .chbs-main-content-step-1 .chbs-layout-column-right #chbs_google_map,
    .chbs-main-content-step-1 .chbs-layout-column-right .chbs-google-map {
        height: 280px !important;
    }
}