/* =====================================================
   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,
.chbs-main .chbs-vehicle-list *:hover,
.chbs-main .chbs-vehicle-list *:focus {
    transition: none !important;
    animation: none !important;
    transform: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* ══════════════════════════════════════════════════
   BASE
══════════════════════════════════════════════════ */
.chbs-main {
    background: #06110f !important;
    min-height: 100vh !important;
    padding-bottom: 200px !important;
}
.chbs-main .chbs-main-content {
    background: #06110f !important;
    padding: 0 !important;
    border-radius: 0 !important;
    min-height: 100vh !important;
    padding-bottom: 200px !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: 9px 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: 10px;
    color: rgba(232,226,208,0.38);
    letter-spacing: 0.04em;
    padding: 0 14px;
    border-right: 1px solid rgba(201,166,62,0.12);
    white-space: nowrap;
    text-decoration: none;
    font-weight: 400;
}
.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;
}
.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: 'Playfair Display', serif;
    font-size: 17px;
    color: #c9a63e;
    line-height: 1.2;
    letter-spacing: 0.03em;
}
.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
   Sits above the form fields on the LEFT 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;
}
.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;
}
.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;
    flex: 1 !important;
    border-radius: 0 !important;
}
.chbs-main .chbs-tab.ui-tabs .ui-tabs-nav > li > a {
    background: #102d25 !important;
    color: rgba(255,255,255,0.4) !important;
    -webkit-text-fill-color: rgba(255,255,255,0.4) !important;
    border: none !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 13px 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !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;
}
.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;
    border-radius: 0 !important;
}
.chbs-main .chbs-tab.ui-tabs .ui-tabs-nav > li:first-child > a::before {
    content: "" !important;
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='currentColor' 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-6h0'/%3E%3Cpath d='M18 7v8a6 6 0 0 1-6 6h0'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    flex-shrink: 0 !important;
    opacity: 0.7 !important;
}
.chbs-main .chbs-tab.ui-tabs .ui-tabs-nav > li:last-child > a::before {
    content: "" !important;
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='currentColor' 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;
    opacity: 0.7 !important;
}
.chbs-main .chbs-tab.ui-tabs .ui-tabs-panel {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !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;
}

/* Time inputs */
.chbs-main input[name="chbs_pickup_time"],
.chbs-main input[name="chbs_return_time"] {
    color: #1a1a1a !important;
    -webkit-text-fill-color: #1a1a1a !important;
    background: #ffffff !important;
}
.chbs-main input[name="chbs_pickup_time"]:focus,
.chbs-main input[name="chbs_return_time"]:focus {
    color: #1a1a1a !important;
    -webkit-text-fill-color: #1a1a1a !important;
    background: #ffffff !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-top: 1px solid rgba(201,166,62,0.1) !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: 1px solid rgba(201,166,62,0.1) !important;
}
.chbs-main .chbs-ride-info > *:last-child {
    border-right: none !important;
}
.chbs-main .chbs-ride-info *,
.chbs-main .chbs-ride-info span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    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;
    border-top: 1px solid rgba(201,166,62,0.1);
}
.la-step1-grid-item {
    padding: 12px 13px;
    border-right: 1px solid rgba(201,166,62,0.08);
    border-bottom: 1px solid rgba(201,166,62,0.08);
    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: 1px solid rgba(201,166,62,0.08); }
.la-step1-grid-icon {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: rgba(201,166,62,0.07);
    border: 1px solid rgba(201,166,62,0.13);
    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;
    }
}

/* ══════════════════════════════════════════════════
   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 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,
.ui-widget-content .ui-state-default,
[class*="chbs-booking-form-id"] .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,
.ui-widget-content .ui-state-highlight,
[class*="chbs-booking-form-id"] .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,
.ui-widget-content .ui-state-active,
[class*="chbs-booking-form-id"] .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;
}
.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: visible !important;
    z-index: 999999 !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,
.chbs-main .chbs-main .ui-selectmenu-menu,
.chbs-main .chbs-main .ui-selectmenu-open {
    overflow: visible !important;
    z-index: 999999 !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; }

/* ══════════════════════════════════════════════════
   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;
    display: block !important; visibility: visible !important; opacity: 1 !important; font-size: 13px !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; }
}