.elementor-kit-2221{--e-global-color-primary:#000000;--e-global-color-secondary:#D1AB0A;--e-global-color-text:#FFFFFF;--e-global-color-accent:#D1AB0A;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-2221 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1600px;}.e-con{--container-max-width:1600px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html {
  scroll-padding-top: 120px; /* Replace 80px with your header's height */
}

/* ================================================= */
/* 1. MAIN DARK BACKGROUNDS & LIGHT TEXT
/* ================================================= */

/* --- Main form wrapper and content area --- */
.latepoint-lightbox-w .latepoint-booking-form-element,
.latepoint-lightbox-w .latepoint-booking-form-element .latepoint-form-w,
.latepoint-lightbox-w .latepoint-booking-form-element .latepoint-body {
    background-color: #111 !important; /* Main dark background */
}

/* --- Side Panel --- */
.latepoint-lightbox-w .latepoint-booking-form-element .latepoint-side-panel {
    background-color: #222 !important; /* Slightly darker side panel */
}

/* --- Global Text Color --- */
.latepoint-w,
.latepoint-w .latepoint-booking-form-element .latepoint-desc-content,
.latepoint-w .os-form-group label,
.latepoint-w .os-item-name {
    color: #e0e0e0 !important; /* Light gray text */
}

/* --- Dimmed Subtext --- */
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-name-w .os-item-desc,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-name-w .os-item-desc,
.latepoint-w .os-item-desc {
    color: #aaa !important;
}

/* --- Form Header --- */
.latepoint-lightbox-w .latepoint-booking-form-element .latepoint-heading-w {
    background: #222 !important;
    border-bottom: 1px solid #333 !important;
}

/* --- Form Footer --- */
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer {
    background-color: #222 !important;
    border-top: 1px solid #333 !important;
}

/* --- Resetting other elements --- */
.latepoint-lightbox-w .latepoint-booking-form-element .latepoint-form-w form,
.latepoint-lightbox-w .latepoint-booking-form-element .latepoint-step-content {
    background: transparent !important;
}

/* ================================================= */
/* 2. NEW GOLD ACCENT COLORS
/* ================================================= */

/* --- Headings --- */
.latepoint-w .latepoint-booking-form-element h1,
.latepoint-w .latepoint-booking-form-element h2,
.latepoint-w .latepoint-booking-form-element h3,
.latepoint-w .latepoint-booking-form-element h4,
.latepoint-w .latepoint-booking-form-element h5 {
    color: #fff !important;
}

/* --- Progress Bar --- */
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions h5:before,
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-progress ul li a:before,
.latepoint-booking-form-element .os-step-tabs .os-step-tab:before {
    background-color: #D1AB0A !important;
}

/* --- Active Progress Step --- */
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-progress ul li.active a {
    color: #e6c535 !important; /* Lighter gold for text */
}

/* --- Close Button Styling & Hover --- */
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
    color: #e6c535 !important; /* Lighter gold for text */
    transition: color 0.2s ease;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close:hover {
    color: #D1AB0A !important; /* Main gold on hover */
}


/* --- Primary Button Styling & Hover --- */
.latepoint-btn.latepoint-btn-primary {
    background-color: #D1AB0A !important;
    color: #000 !important; /* Black text on gold */
    transition: background-color 0.2s ease; /* Added transition */
}
.latepoint-btn.latepoint-btn-primary:hover {
    background-color: #bfa009 !important; /* Slightly darker gold on hover */
}
/* Force text/icon inside button to be black */
.latepoint-btn.latepoint-btn-primary span,
.latepoint-btn.latepoint-btn-primary i {
    color: #000 !important;
}


/* --- White "Back" Button Styling & Hover --- */
.latepoint-btn.latepoint-btn-white {
    background-color: #333 !important;
    color: #e0e0e0 !important;
    border: 1px solid #555 !important;
    transition: background-color 0.2s ease; /* Added transition */
}
.latepoint-btn.latepoint-btn-white:hover {
    background-color: #555 !important;
}


/* ================================================= */
/* 3. HOVERS & SELECTIONS
/* ================================================= */

/* --- Service & Location List Items (Default State) --- */
.latepoint-w .latepoint-booking-form-element .step-locations-w ul.os-locations li a,
.latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a {
    background-color: #333 !important;
    border-color: #555 !important;
}

/* --- Other item boxes (Payment, etc) --- */
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i {
    background: #222 !important;
    border: 1px solid #e5e7ee17 !important; /* User's thin border */
    color: #e0e0e0 !important;
}

/* --- Service & Location (Hover & Selected) --- */
.latepoint-w .latepoint-booking-form-element .step-locations-w ul.os-locations li a:hover,
.latepoint-w .latepoint-booking-form-element .step-locations-w ul.os-locations li.selected a,
.latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a:hover,
.latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li.selected a {
    background-color: #404040 !important; /* Darker selection */
    border-color: #D1AB0A !important; /* Gold border */
}

/* --- Agent List (Default) --- */
.latepoint-w .latepoint-booking-form-element ul.os-agents li a {
    background-color: #333 !important;
}

/* --- Agent List (Hover & Selected) --- */
.latepoint-w .latepoint-booking-form-element ul.os-agents li.selected a,
.latepoint-w .latepoint-booking-form-element ul.os-agents li a:hover {
    background-color: #404040 !important;
    box-shadow: 0px 0px 0px 2px #D1AB0A !important;
}

.latepoint-w .latepoint-booking-form-element ul.os-agents li.selected a .agent-name,
.latepoint-w .latepoint-booking-form-element ul.os-agents li a:hover .agent-name {
    color: #D1AB0A !important;
}


/* ================================================= */
/* 4. CALENDAR & TIME SLOTS
/* ================================================= */

/* --- Calendar: Month/Year Label --- */
.latepoint-booking-form-element .os-current-month-label-w .os-current-month-label {
    color: #e0e0e0 !important;
}
.latepoint-booking-form-element .os-current-month-label-w .os-current-month-label .current-year {
    color: #e0e0e080 !important; /* Light gray 50% opacity */
}

/* --- Calendar: Prev/Next Month Buttons --- */
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn,
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn {
    color: #e6c535 !important; /* Lighter gold */
    background-color: transparent !important;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn:hover,
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:hover {
    color: #D1AB0A !important; /* Main gold */
}

/* --- Calendar: Weekday Row --- */
.latepoint-booking-form-element .calendar-style-classic .os-weekdays {
    gap: 12px;
}
.latepoint-booking-form-element .calendar-style-modern .os-weekdays {
     border-bottom: 1px solid #333 !important;
}

/* --- Calendar: Weekday Names --- */
.latepoint-booking-form-element .calendar-style-classic .os-weekdays .weekday,
.latepoint-booking-form-element .calendar-style-modern .os-weekdays .weekday {
    background-color: transparent !important;
    color: #e0e0e0 !important; /* Default light text */
    font-size: 13px;
    border-left: none;
    text-align: center;
    margin-left: 0;
    padding: 5px;
    margin-bottom: 12px;
}
/* Weekend Header Styling */
.latepoint-booking-form-element .calendar-style-classic .os-weekdays .weekday.weekday-6,
.latepoint-booking-form-element .calendar-style-classic .os-weekdays .weekday.weekday-7,
.latepoint-booking-form-element .calendar-style-modern .os-weekdays .weekday.weekday-6,
.latepoint-booking-form-element .calendar-style-modern .os-weekdays .weekday.weekday-7 {
    color: #D1AB0A !important; /* Gold accent */
    background-color: #222 !important; /* Darker bg */
}

/* --- Calendar: Days Grid --- */
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days {
    gap: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days {
    border-top: 1px solid #333;
}

/* --- Calendar: Day Number Text Color --- */
.latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-number {
    color: #e0e0e0 !important; /* Light gray text */
    background-color: transparent !important; /* Remove any original bg */
    transition: all .1s ease;
}

/* --- Calendar: Day Box (General) --- */
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day,
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day {
    font-size: 17px;
}
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day .os-day-box,
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day .os-day-box {
    background-color: #333 !important;
    border: none !important;
    box-shadow: none !important;
    transition: background-color 0.2s ease;
    border-bottom: none !important; /* Remove border space */
    padding-bottom: 12px; /* Reset padding */
}
/* Specific padding from original */
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day .os-day-box {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 12px;
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day .os-day-box {
    padding-left: 15px;
    padding-right: 0;
    padding-top: 15px;
    padding-bottom: 15px; /* Reset padding */
    border-left: 1px solid #333; /* Darker border */
}
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day:nth-child(7n+1),
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day:nth-child(7n+1) {
    border-left-color: transparent !important;
}

/* --- Calendar: Day Box (Hoverable) --- */
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day:not(.is-disabled):not(.selected) .os-day-box:hover,
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day:not(.is-disabled):not(.selected) .os-day-box:hover {
    background-color: #333 !important;
}

/* --- Calendar: Day Box (Disabled/Out of Month) --- */
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.os-not-available .os-day-box,
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-not-available .os-day-box {
    background-color: #222 !important;
    opacity: 0.7 !important;
    cursor: not-allowed !important;
}
/* Day numbers for disabled days */
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.os-not-available .os-day-number,
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-not-available .os-day-number {
     color: #555 !important; /* Ensure number is also dimmed */
}

.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.os-month-next .os-day-number,
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.os-month-prev .os-day-number,
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next .os-day-number,
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev .os-day-number {
    opacity: .6;
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next,
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev {
    border-left-color: transparent;
    cursor: default;
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next .os-day-box,
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev .os-day-box {
    pointer-events: none;
    background-color: #2d2d2d !important; /* Match main background */
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next .os-day-box .os-day-number,
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev .os-day-box .os-day-number {
    color: transparent !important; /* Hide numbers for modern out-of-month */
}


/* --- Calendar: Day Box (Today - Gold Text) --- */
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-today.os-month-current .os-day-box .os-day-number {
    color: #D1AB0A !important; /* Gold text marker */
    font-weight: bold; /* Make it stand out */
}
/* Ensure disabled today doesn't get gold text */
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-today.os-month-current.os-not-available .os-day-box .os-day-number {
    color: #555 !important; /* Dimmed disabled color */
    font-weight: normal; /* Reset font weight */
}


/* --- Calendar: Day Box (Selected) --- */
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.selected .os-day-box,
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box {
    background-color: #D1AB0A !important; /* Gold accent */
    border-color: transparent !important;
    opacity: 1;
}
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-number,
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box .os-day-number {
    background-color: transparent !important;
    color: #000 !important; /* Black text */
    font-weight: bold; /* Ensure selected day number is bold */
    transform: scale(1.2);
    transform-origin: center center;
    text-align: center;
}
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.selected.os-not-available .os-day-box,
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next).os-not-available .os-day-box {
    background-color: #ad3d12 !important; /* Use red color for unavailable selection */
}
/* Make selected unavailable day number white */
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.selected.os-not-available .os-day-number,
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next).os-not-available .os-day-number {
     color: #fff !important;
}


/* --- Times: Header --- */
.latepoint-booking-form-element .times-header {
    color: #e0e0e0 !important;
}
.latepoint-booking-form-element .times-header span {
    color: #D1AB0A !important; /* Gold accent */
    border-bottom: 1px dotted #D1AB0A !important;
}

/* --- Times: Time Slot Container --- */
.latepoint-booking-form-element .time-.elementor-kit-2221-w {
    margin-top: 20px;
}

/* --- (FIX) Times: Time Slot Box (Default) --- */
.latepoint-booking-form-element .dp-timebox { /* Covers style-timebox */
    background-color: #333 !important;
    color: #e0e0e0 !important;
    border: 1px solid #e5e7ee17 !important; /* User's thin border */
    transition: all 0.2s ease;
    white-space: nowrap;
    text-align: center;
    padding: 6px 3px;
    line-height: 1.2;
    font-size: 15px;
    cursor: pointer;
    font-weight: 600;
    position: relative;
    border-radius: var(--latepoint-border-radius);
}
.latepoint-booking-form-element .dp-timebox:hover {
    background-color: #333 !important;
    border-color: #777 !important; /* Keep hover border consistent */
}

/* --- Times: Time Slot Box (Booked/Off) --- */
.latepoint-booking-form-element .dp-timebox.is-booked,
.latepoint-booking-form-element .dp-timebox.is-off {
    color: #555 !important;
    background-color: #222 !important;
    border-color: #e5e7ee17 !important; /* Match default border */
    box-shadow: none !important;
    cursor: not-allowed !important;
}

/* --- Times: Time Slot Box (Selected) --- */
.latepoint-booking-form-element .dp-timebox.selected {
    background-color: #D1AB0A !important; /* Gold */
    color: #000 !important; /* Black text */
    border-color: #D1AB0A !important;
    box-shadow: none !important;
}
/* Selected Checkmark for Timebox style */
.latepoint-booking-form-element .time-.elementor-kit-2221-w.style-timebox .dp-timebox.selected:after {
    background-color: #D1AB0A !important;
    box-shadow: 0 0 0 2px #333 !important; /* Dark background for checkmark circle */
    color: #000 !important; /* Black checkmark */
    font-family: "latepointIcons"!important;
    speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    content: ""; border-radius: 50%; width: 14px; line-height: 14px; height: 14px;
    top: -5px; right: -5px; font-size: 10px; text-align: center; position: absolute;
    animation: .2s ease 0s selectedSlotCheckmark; animation-fill-mode: both;
}


/* --- Times: Grid Layouts (from original) --- */
.latepoint-booking-form-element .time-.elementor-kit-2221-w.style-timebox .timeslots {
    display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 10px;
}
.latepoint-booking-form-element .time-.elementor-kit-2221-w.style-timebox .timeslots.slots-not-available {
    grid-template-columns: repeat(1,1fr)!important;
}
.latepoint-booking-form-element .time-.elementor-kit-2221-w.with-end-time.time-system-12 .timeslots {
    grid-template-columns: repeat(2,1fr);
}
.latepoint-booking-form-element .time-.elementor-kit-2221-w.with-end-time.time-system-24 .timeslots {
    grid-template-columns: repeat(3,1fr);
}
.latepoint-booking-form-element .time-.elementor-kit-2221-w.without-end-time.time-system-12 .timeslots {
    grid-template-columns: repeat(4,1fr);
}
.latepoint-booking-form-element .time-.elementor-kit-2221-w.without-end-time.time-system-24 .timeslots {
    grid-template-columns: repeat(5,1fr);
}
/* End time opacity */
.latepoint-booking-form-element .time-.elementor-kit-2221-w.with-end-time .dp-timebox span.dp-label-end-time {
    opacity: .7;
}


/* ================================================= */
/* 5. FORM INPUTS
/* ================================================= */

/* --- Remove wrapper border from phone field --- */
.latepoint-w .os-form-group.os-form-phonefield-group {
    border: none !important;
}

/* --- Standard Text Inputs, Selects, and Textareas --- */
.latepoint-w .os-form-group.os-form-select-group .os-form-control,
.latepoint-w .os-form-group.os-form-select-group input.os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group .os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control,
.latepoint-w .os-form-group.os-form-textarea-group textarea.os-form-control,
.latepoint-w .os-form-group select.os-form-control {
    background-color: #333 !important;
    border: 1px solid #e5e7ee17 !important; /* User's thin border */
    color: #eee !important;
    border-radius: var(--latepoint-border-radius) !important;
}

/* --- Phone Field Container (for alignment and corners) --- */
.latepoint-w .os-form-group.os-form-phonefield-group .lp_iti {
    background-color: #333 !important;
    border: 1px solid #e5e7ee17 !important; /* User's thin border */
    border-radius: var(--latepoint-border-radius) !important;
    overflow: hidden !important; /* Force rounded corners */
    display: flex !important;
    align-items: stretch !important; /* Vertical alignment fix */
}

/* --- Phone Field INPUT (inside container) --- */
.latepoint-w .os-form-group.os-form-phonefield-group .lp_iti input.os-form-control {
    border: none !important; /* Border is on the parent */
    flex-grow: 1 !important; /* Allow input to fill space */
    height: auto !important; /* Remove fixed height */
    padding-top: 12px !important; /* Manual padding for alignment */
    padding-bottom: 12px !important; /* Manual padding for alignment */
}

/* --- Phone Field DIAL CODE (inside container) --- */
.latepoint-w .os-form-group.os-form-phonefield-group .lp_iti__selected-flag {
    background-color: #333 !important; /* Match input bg */
    border: none !important;
    display: flex !important;
    align-items: center !important;
    padding-left: 10px !important;
}
.latepoint-w .os-form-group.os-form-phonefield-group .lp_iti__selected-dial-code {
    color: #eee !important; /* Match input text */
}

/* --- Country Code Dropdown --- */
.latepoint .lp_iti__country-list,
.latepoint-admin .lp_iti__country-list {
    background-color: #333 !important;
    border: 1px solid #555 !important;
    box-shadow: 0 5px 8px -3px rgba(0, 0, 0, 0.4), 0 5px 20px -5px rgba(0, 0, 0, 0.4) !important;
}
/* Style scrollbar for dark mode (webkit browsers) */
.latepoint .lp_iti__country-list::-webkit-scrollbar { width: 8px; }
.latepoint .lp_iti__country-list::-webkit-scrollbar-track { background: #222; }
.latepoint .lp_iti__country-list::-webkit-scrollbar-thumb { background-color: #555; border-radius: 4px; border: 2px solid #222; }
/* Dropdown item text */
.latepoint .lp_iti__country-list .lp_iti__country { color: #e0e0e0 !important; }
.latepoint .lp_iti__country-list .lp_iti__country:hover { background-color: #333 !important; }
.latepoint .lp_iti__country-list .lp_iti__country.lp_iti__highlight { background-color: #555 !important; }


/* --- Focus Style for Standard Inputs --- */
.latepoint-w .os-form-group.os-form-select-group .os-form-control:focus,
.latepoint-w .os-form-group.os-form-select-group input.os-form-control:focus,
.latepoint-w .os-form-group.os-form-textfield-group .os-form-control:focus,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control:focus,
.latepoint-w .os-form-group.os-form-textarea-group textarea.os-form-control:focus,
.latepoint-w .os-form-group select.os-form-control:focus {
    background-color: #333 !important;
    border-color: #D1AB0A !important;
    box-shadow: none !important;
}

/* --- Focus Style for Phone Field --- */
.latepoint-w .os-form-group.os-form-phonefield-group .lp_iti.lp_iti--focus {
    background-color: #333 !important;
    border-color: #D1AB0A !important;
    box-shadow: none !important;
}

/* ================================================= */
/* 6. SUMMARY & CONFIRMATION
/* ================================================= */

/* --- All summary text --- */
.summary-box .sbc-big-item,
.summary-box .sbc-highlighted-item,
.summary-box-heading .sbh-item,
.summary-heading .pb-heading .pbh-label,
.summary-price-breakdown-wrapper .pb-heading .pbh-label,
.confirmation-info-w .summary-box .sbc-main-item,
.full-summary-wrapper .summary-box .sbc-main-item,
.summary-box .sbc-link-item,
.summary-box .sbc-sub-item,
.summary-price-item-w .spi-name,
.summary-price-item-w .spi-price,
.summary-price-item-w.spi-total {
    color: #e0e0e0 !important; /* Light gray text */
}

/* --- Total price border --- */
.summary-price-item-w.spi-total {
    border-top: 3px solid #555 !important;
}

/* --- Status wrapper text (border removed) --- */
.confirmation-info-w .summary-status-wrapper,
.full-summary-wrapper .summary-status-wrapper {
    color: #e0e0e0 !important;
    border-bottom: none !important;
}

/* --- Confirmation number box (bg removed) --- */
.confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-confirmation-number,
.full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-confirmation-number {
    color: #e0e0e0 !important;
    background-color: transparent !important;
}

/* --- Various strong tags and subheadings --- */
.booking-status-info-wrapper .booking-confirmation strong,
.confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong,
.full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4,
.login-options-via-wrapper .login-option:hover {
    color: #e0e0e0 !important;
}

/* --- Summary date box --- */
.summary-box.main-box .summary-box-booking-date-box {
    background-color: #333 !important;
}

/* --- Summary date box text --- */
.summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-day {
    color: #e0e0e0 !important;
    border-bottom: 1px solid #555 !important;
}
.summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-month {
    color: #aaa !important;
}

/* --- Summary action buttons (Default) --- */
.booking-full-summary-actions .booking-summary-action-btn {
    color: #e0e0e0 !important;
    border: 1px solid #e0e0e0 !important;
    transition: all 0.2s ease; /* Added transition */
    background: transparent !important; /* Ensure no white bg */
}
/* --- Action button hover (Gold) --- */
.booking-full-summary-actions .booking-summary-action-btn:not(.cancel-appointment-btn):hover {
    color: #D1AB0A !important;
    border-color: #D1AB0A !important;
}
/* --- Cancel Button (Red) --- */
.booking-full-summary-actions .booking-summary-action-btn.cancel-appointment-btn {
    color: #ad3d12 !important;
    border-color: #ad3d12 !important;
}
.booking-full-summary-actions .booking-summary-action-btn.cancel-appointment-btn:hover {
    background: #ad3d12 !important;
    color: #fff !important; /* White text on red hover */
    border-color: #ad3d12 !important;
}

/* --- Green Confirmation Icon Styling --- */
.confirmation-info-w .summary-status-wrapper.summary-status-style-green .ss-icon,
.full-summary-wrapper .summary-status-wrapper.summary-status-style-green .ss-icon {
    display: block;
    padding: 15px;
    background-color: #61ff5e !important;
    border-radius: 50%;
    box-shadow: 0 0 0 10px #61ff5e6b !important;
}


/* ================================================= */
/* 7. OTHER ELEMENTS
/* ================================================= */

/* --- Verify Step Box --- */
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item {
    background-color: #333 !important;
    border: 1px solid #333 !important;
    border-bottom-color: #555 !important;
    box-shadow: 0 2px rgba(0, 0, 0, .3) !important; /* Darker shadow */
}

/* --- Add to Calendar Dropdown --- */
.add-to-calendar-types {
    background-color: #333 !important;
    border: 1px solid #555 !important;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .4) !important;
}
/* Links inside the dropdown */
.add-to-calendar-types a {
    color: #e0e0e0 !important;
    padding: 8px 12px !important;
    background-color: transparent !important; /* Override potential inline styles */
}
.add-to-calendar-types a:hover {
    background-color: #333 !important;
}

/* ================================================= */
/* 8. ADDITIONAL ELEMENT FIXES
/* ================================================= */

/* --- "Add Another Item" Trigger --- */
.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger {
    border: 1px dotted #aaa !important; /* Lighter dotted border */
    color: #e0e0e0 !important; /* Light gray text */
    transition: all 0.2s ease;
}
.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger:hover {
    border-color: #D1AB0A !important; /* Gold border on hover */
    color: #D1AB0A !important; /* Gold text on hover */
}

/* --- (NEW) Coupon Code Input --- */
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input {
    background-color: #333 !important;
    border: 1px solid #e5e7ee17 !important; /* Match other inputs */
    color: #eee !important;
    border-radius: var(--latepoint-border-radius) 0 0 var(--latepoint-border-radius) !important; /* Rounded left corners */
    padding: 8px 10px !important; /* Adjusted padding */
    line-height: 1.4 !important; /* Better vertical alignment */
}
/* Coupon Input Focus */
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input:focus {
     border-color: #D1AB0A !important;
     box-shadow: none !important;
}


/* --- (NEW) Coupon Code Submit Button --- */
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-submit {
    background-color: #D1AB0A !important; /* Gold */
    color: #000 !important; /* Black text */
    border-radius: 0 var(--latepoint-border-radius) var(--latepoint-border-radius) 0 !important; /* Rounded right corners */
    padding: 8px 12px !important; /* Match input padding */
    border: 1px solid #D1AB0A !important; /* Add border for consistency */
    transition: background-color 0.2s ease;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-submit:hover {
    background-color: #bfa009 !important; /* Darker gold */
    border-color: #bfa009 !important;
}

/* --- (NEW) Coupon Code Cancel Button --- */
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-cancel {
    background-color: #444 !important; /* Dark gray */
    color: #e0e0e0 !important; /* Light text */
    border-radius: var(--latepoint-border-radius) !important; /* Fully rounded */
    padding: 8px 12px !important;
    border: 1px solid #555 !important;
    transition: background-color 0.2s ease;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-cancel:hover {
    background-color: #555 !important; /* Lighter gray */
    border-color: #666 !important;
}

/* --- (NEW) Item Child Count Text --- */
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-child-count,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-child-count {
    color: #D1AB0A !important; /* Gold accent */
}/* End custom CSS */