/*
Theme Name: Blackline Miami
Theme URI: /
Template: execor
Updated: 2026-05-19 18:43:56

*/

/* =========================================================
   BLACKLINE MIAMI - FINAL FIXED CSS
   Chauffeur Booking Form ID: 10007
   Premium dark / gold style
   ========================================================= */

.chbs-booking-form-id-10007 {
    --bl-bg: #050505;
    --bl-panel: #070707;
    --bl-panel-2: #0a0a0a;
    --bl-gold: #d6b95c;
    --bl-gold-light: #eadb91;
    --bl-gold-dark: #b9933f;
    --bl-border: rgba(214,185,92,0.16);
    --bl-border-soft: rgba(214,185,92,0.09);
    --bl-border-strong: rgba(214,185,92,0.34);
    --bl-text: #ffffff;
    --bl-muted: rgba(255,255,255,0.62);

    background: transparent !important;
    color: var(--bl-text) !important;
}

/* Remove cheap shadows */
.chbs-booking-form-id-10007 .chbs-box-shadow {
    box-shadow: none !important;
}

/* Main containers */
.chbs-booking-form-id-10007 .chbs-main-content,
.chbs-booking-form-id-10007 .chbs-main-content-step-1,
.chbs-booking-form-id-10007 .chbs-main-content-step-2,
.chbs-booking-form-id-10007 .chbs-main-content-step-3,
.chbs-booking-form-id-10007 .chbs-main-content-step-4 {
    background: transparent !important;
    border-color: rgba(214,185,92,0.08) !important;
}

/* =========================================================
   STEPS
   ========================================================= */

.chbs-booking-form-id-10007 .chbs-main-navigation-default {
    background: transparent !important;
}

.chbs-booking-form-id-10007 .chbs-main-navigation-default > ul > li > div {
    background: rgba(214,185,92,0.18) !important;
}

.chbs-booking-form-id-10007 .chbs-main-navigation-default > ul > li > a > span:first-child {
    background: #111111 !important;
    border-color: rgba(214,185,92,0.45) !important;
    color: var(--bl-gold) !important;
}

.chbs-booking-form-id-10007 .chbs-main-navigation-default > ul > li > a > span:first-child span {
    color: inherit !important;
}

.chbs-booking-form-id-10007 .chbs-main-navigation-default > ul > li.chbs-state-selected > a > span:first-child,
.chbs-booking-form-id-10007 .chbs-main-navigation-default > ul > li.chbs-state-completed > a > span:first-child {
    background: linear-gradient(135deg, var(--bl-gold-light), var(--bl-gold-dark)) !important;
    border-color: transparent !important;
    color: #050505 !important;
}

.chbs-booking-form-id-10007 .chbs-main-navigation-default > ul > li > a > span:last-child {
    color: #ffffff !important;
    font-weight: 500 !important;
}

/* =========================================================
   SUMMARY
   ========================================================= */

.chbs-booking-form-id-10007 .chbs-summary {
    background: #070707 !important;
    border: 1px solid var(--bl-border-soft) !important;
}

.chbs-booking-form-id-10007 .chbs-summary-header h4 {
    color: var(--bl-gold-light) !important;
    font-weight: 600 !important;
}

.chbs-booking-form-id-10007 .chbs-summary-field {
    border-color: rgba(214,185,92,0.10) !important;
}

.chbs-booking-form-id-10007 .chbs-summary-field-name {
    color: rgba(214,185,92,0.75) !important;
    font-weight: 500 !important;
}

.chbs-booking-form-id-10007 .chbs-summary-field-value,
.chbs-booking-form-id-10007 .chbs-summary-price-element span {
    color: #ffffff !important;
}

.chbs-booking-form-id-10007 .chbs-summary-price-element > div {
    border-color: rgba(214,185,92,0.10) !important;
}

/* =========================================================
   FILTERS / FIELDS
   ========================================================= */

.chbs-booking-form-id-10007 .chbs-form-label-group {
    color: #ffffff !important;
    font-weight: 500 !important;
    background: transparent !important;
}

.chbs-booking-form-id-10007 .chbs-vehicle-filter {
    background: transparent !important;
}

.chbs-booking-form-id-10007 .chbs-form-field {
    background: #080808 !important;
    border-color: var(--bl-border) !important;
}

.chbs-booking-form-id-10007 .chbs-form-field:hover,
.chbs-booking-form-id-10007 .chbs-form-field:focus-within {
    border-color: var(--bl-border-strong) !important;
}

.chbs-booking-form-id-10007 .chbs-form-field label {
    color: rgba(214,185,92,0.75) !important;
    font-weight: 500 !important;
}

.chbs-booking-form-id-10007 .chbs-form-field input,
.chbs-booking-form-id-10007 .chbs-form-field textarea,
.chbs-booking-form-id-10007 .ui-selectmenu-button {
    background: #080808 !important;
    color: #ffffff !important;
}

.chbs-booking-form-id-10007 input::placeholder,
.chbs-booking-form-id-10007 textarea::placeholder {
    color: rgba(255,255,255,0.38) !important;
}

.chbs-booking-form-id-10007 .ui-selectmenu-text {
    color: #ffffff !important;
}

.chbs-booking-form-id-10007 .chbs-meta-icon-arrow-vertical-large {
    color: var(--bl-gold) !important;
}

/* =========================================================
   VEHICLE CARD
   ========================================================= */

.chbs-booking-form-id-10007 .chbs-vehicle-list > ul > li {
    background: #070707 !important;
    border: 1px solid rgba(214,185,92,0.10) !important;
}

.chbs-booking-form-id-10007 .chbs-vehicle-list > ul > li:hover {
    border-color: rgba(214,185,92,0.25) !important;
}

.chbs-booking-form-id-10007 .chbs-vehicle-image img {
    filter: brightness(0.9) contrast(1.05) saturate(0.9) !important;
}

.chbs-booking-form-id-10007 .chbs-vehicle-content-header > span {
    color: #ffffff !important;
    font-weight: 600 !important;
}

.chbs-booking-form-id-10007 .chbs-vehicle-content-price span,
.chbs-booking-form-id-10007 .chbs-vehicle-content-price span span {
    color: #ffffff !important;
    font-weight: 400 !important;
}

.chbs-booking-form-id-10007 .chbs-vehicle-content-description,
.chbs-booking-form-id-10007 .chbs-vehicle-content-description p {
    color: var(--bl-muted) !important;
}

.chbs-booking-form-id-10007 .chbs-vehicle-content-meta-info .chbs-meta-icon-people,
.chbs-booking-form-id-10007 .chbs-vehicle-content-meta-info .chbs-meta-icon-bag {
    color: var(--bl-gold) !important;
    font-size: 17px !important;
    opacity: 0.85 !important;
}

.chbs-booking-form-id-10007 .chbs-vehicle-content-meta-info .chbs-circle {
    border-color: rgba(214,185,92,0.35) !important;
    color: #ffffff !important;
    background: transparent !important;
}

.chbs-booking-form-id-10007 .chbs-show-more-button a {
    color: rgba(255,255,255,0.55) !important;
}

.chbs-booking-form-id-10007 .chbs-show-more-button .chbs-circle {
    border-color: rgba(214,185,92,0.35) !important;
    color: var(--bl-gold) !important;
}

/* =========================================================
   EXTRA OPTIONS HEADER
   ========================================================= */

.chbs-booking-form-id-10007 .chbs-booking-extra-header {
    background: transparent !important;
    color: #ffffff !important;
    font-weight: 500 !important;
}

.chbs-booking-form-id-10007 .chbs-booking-extra-header .chbs-circle {
    border-color: rgba(214,185,92,0.35) !important;
    color: var(--bl-gold) !important;
    background: transparent !important;
}

.chbs-booking-form-id-10007 .chbs-booking-extra-header .chbs-meta-icon-cart {
    font-size: 18px !important;
}

/* =========================================================
   EXTRA OPTIONS LIST - FIXED
   ========================================================= */

.chbs-booking-form-id-10007 .chbs-booking-extra-list > ul > li {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
    background: #070707 !important;
    border-color: rgba(214,185,92,0.10) !important;
}

.chbs-booking-form-id-10007 .chbs-booking-extra-list > ul > li > div {
    display: table-cell !important;
    vertical-align: middle !important;
    border-color: rgba(214,185,92,0.10) !important;
}

.chbs-booking-form-id-10007 .chbs-booking-extra-list .chbs-column-1 {
    width: auto !important;
}

.chbs-booking-form-id-10007 .chbs-booking-extra-list .chbs-column-2 {
    width: 150px !important;
    text-align: center !important;
}

.chbs-booking-form-id-10007 .chbs-booking-extra-list .chbs-column-3 {
    width: 180px !important;
    text-align: center !important;
}

.chbs-booking-form-id-10007 .chbs-booking-form-extra-name {
    color: #ffffff !important;
    font-weight: 600 !important;
}

.chbs-booking-form-id-10007 .chbs-booking-form-extra-price {
    color: var(--bl-gold-light) !important;
    font-weight: 500 !important;
}

.chbs-booking-form-id-10007 .chbs-booking-form-extra-description {
    color: var(--bl-muted) !important;
}

/* Quantity box */
.chbs-booking-form-id-10007 .chbs-booking-extra-list .chbs-column-2 .chbs-form-field {
    display: inline-block !important;
    width: 92px !important;
    background: #070707 !important;
    border: 1px solid rgba(214,185,92,0.18) !important;
    border-radius: 7px !important;
    overflow: hidden !important;
}

.chbs-booking-form-id-10007 .chbs-booking-extra-list .chbs-column-2 label {
    display: block !important;
    color: rgba(214,185,92,0.75) !important;
}

.chbs-booking-form-id-10007 .chbs-booking-extra-list .chbs-quantity-section {
    display: flex !important;
    align-items: stretch !important;
}

.chbs-booking-form-id-10007 .chbs-booking-extra-list .chbs-quantity-section input {
    background: #070707 !important;
    color: #ffffff !important;
    border: none !important;
    text-align: left !important;
}

.chbs-booking-form-id-10007 .chbs-booking-extra-list .chbs-quantity-section-button {
    background: #090909 !important;
    color: var(--bl-gold) !important;
    border-color: rgba(214,185,92,0.22) !important;
}

.chbs-booking-form-id-10007 .chbs-booking-extra-list .chbs-quantity-section-button:hover {
    background: var(--bl-gold) !important;
    color: #050505 !important;
}

/* =========================================================
   BUTTONS
   ========================================================= */

.chbs-booking-form-id-10007 .chbs-button,
.chbs-booking-form-id-10007 a.chbs-button,
.chbs-booking-form-id-10007 button.chbs-button {
    background: linear-gradient(135deg, var(--bl-gold-light), var(--bl-gold-dark)) !important;
    color: #050505 !important;
    border-color: rgba(234,219,145,0.45) !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    border-radius: 7px !important;
}

.chbs-booking-form-id-10007 .chbs-button:hover,
.chbs-booking-form-id-10007 a.chbs-button:hover,
.chbs-booking-form-id-10007 button.chbs-button:hover {
    background: #090909 !important;
    color: var(--bl-gold-light) !important;
    border-color: rgba(234,219,145,0.55) !important;
}

.chbs-booking-form-id-10007 .chbs-button .chbs-meta-icon-tick {
    opacity: 0.35 !important;
}

/* =========================================================
   DROPDOWNS - FIXED
   ========================================================= */

body .ui-selectmenu-menu,
body .ui-menu,
body .ui-autocomplete,
body .ui-datepicker,
body #ui-datepicker-div,
body .ui-timepicker-wrapper {
    background: #070707 !important;
    border-color: rgba(214,185,92,0.30) !important;
    box-shadow: 0 25px 70px rgba(0,0,0,0.9) !important;
}

body .ui-selectmenu-menu .ui-menu,
body .ui-selectmenu-menu .ui-menu-item,
body .ui-selectmenu-menu .ui-menu-item-wrapper,
body .ui-menu-item,
body .ui-menu-item-wrapper,
body .ui-timepicker-wrapper li,
body .ui-datepicker td a,
body .ui-datepicker th,
body .ui-datepicker-title {
    background: #070707 !important;
    color: #ffffff !important;
    border-color: rgba(214,185,92,0.10) !important;
    box-shadow: none !important;
}

body .ui-selectmenu-menu .ui-menu-item-wrapper:hover,
body .ui-selectmenu-menu .ui-menu-item-wrapper.ui-state-active,
body .ui-menu-item-wrapper:hover,
body .ui-state-active,
body .ui-timepicker-wrapper li:hover,
body .ui-datepicker td a:hover {
    background: linear-gradient(135deg, var(--bl-gold-light), var(--bl-gold-dark)) !important;
    color: #050505 !important;
    border-color: transparent !important;
}

/* Scrollbar */
body .ui-selectmenu-menu .ui-menu {
    scrollbar-width: thin;
    scrollbar-color: rgba(214,185,92,0.55) #111111;
}

body .ui-selectmenu-menu .ui-menu::-webkit-scrollbar {
    width: 8px;
}

body .ui-selectmenu-menu .ui-menu::-webkit-scrollbar-track {
    background: #111111;
}

body .ui-selectmenu-menu .ui-menu::-webkit-scrollbar-thumb {
    background: rgba(214,185,92,0.55);
    border-radius: 7px;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media only screen and (max-width: 768px) {
    .chbs-booking-form-id-10007 .chbs-main-navigation-default {
        display: none !important;
    }

    .chbs-booking-form-id-10007 .chbs-main-navigation-responsive {
        background: transparent !important;
        border-color: rgba(214,185,92,0.14) !important;
    }

    .chbs-booking-form-id-10007 .chbs-vehicle-content-meta-info .chbs-meta-icon-people,
    .chbs-booking-form-id-10007 .chbs-vehicle-content-meta-info .chbs-meta-icon-bag {
        font-size: 16px !important;
    }

    .chbs-booking-form-id-10007 .chbs-booking-extra-header .chbs-meta-icon-cart {
        font-size: 16px !important;
    }

    .chbs-booking-form-id-10007 .chbs-booking-extra-list > ul > li,
    .chbs-booking-form-id-10007 .chbs-booking-extra-list > ul > li > div {
        display: block !important;
        width: 100% !important;
    }

    .chbs-booking-form-id-10007 .chbs-booking-extra-list .chbs-column-2,
    .chbs-booking-form-id-10007 .chbs-booking-extra-list .chbs-column-3 {
        text-align: left !important;
    }
}