.elementor-1489 .elementor-element.elementor-element-167e2d1{--display:flex;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;overflow:visible;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1489 .elementor-element.elementor-element-3d94014{text-align:start;}.elementor-1489 .elementor-element.elementor-element-3d94014 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1489 .elementor-element.elementor-element-a051f9d{text-align:start;}/* Start custom CSS for shortcode, class: .elementor-element-0481ece *//* =====================================================
   FLUENT BOOKING — FINAL DARK THEME OVERRIDE (FIXED)
   ===================================================== */

/* ---------- 1. FORCE CORE VARIABLES (NO FALLBACKS) ---------- */
.fcal_wrap {
  --fcal_cal_bg: #0b0b0f !important;
  --fcal_slot_border: rgba(255,255,255,0.14) !important;
  --fcal_primary_color: #25D366 !important;
  --fcal_whiteColor: #ffffff !important;
  --fcal_textColor: #ffffff !important;
}

/* ---------- 2. MAIN CONTAINERS (REMOVE INLINE WHITE) ---------- */
.fcal_wrap .fcal_calendar_inner,
.fcal_wrap .fcal_side,
.fcal_wrap .fcal_date_wrapper,
.fcal_wrap .fcal_slot_picker,
.fcal_wrap .fcal_date_event_details {
  background-color: #0b0b0f !important;
  border-color: rgba(255,255,255,0.14) !important;
}

/* ---------- 3. LEFT PANEL (SIDEBAR) ---------- */
.fcal_wrap .fcal_side {
  border-right: 1px solid rgba(255,255,255,0.14) !important;
}



/* Muted secondary text */
.fcal_wrap .text-muted,
.fcal_wrap .fcal_muted,
.fcal_wrap .fcal_subtitle {
  color: rgba(255,255,255,0.65) !important;
}

/* ---------- 5. CALENDAR DAY TILES (CRITICAL FIX) ---------- */
.fcal_wrap .fcal_day,
.fcal_wrap .fcal_day_inner {
  background-color: rgba(255,255,255,0.08) !important;
  color: #ffffff !important;
}

/* Disabled days */
.fcal_wrap .fcal_day.disabled {
  background-color: rgba(255,255,255,0.03) !important;
  color: rgba(255,255,255,0.35) !important;
}

/* Selected day */
.fcal_wrap .fcal_day.active,
.fcal_wrap .fcal_day.selected {
  background-color: #25D366 !important;
  color: #ffffff !important;
}

/* ---------- 6. SLOT PICKER (TIME SLOTS PANEL) ---------- */
.fcal_wrap .fcal_slot_picker,
.fcal_wrap .fcal_slot_picker_header,
.fcal_wrap .fcal_slot_picker_header_action {
  background-color: #0b0b0f !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
}

/* Individual slots */
.fcal_wrap .fcal_time_slot {
  background-color: rgba(255,255,255,0.08) !important;
  color: #ffffff !important;
}

/* ---------- 7. DROPDOWN (KEEP THE VERSION THAT WORKED) ---------- */
.fcal_wrap select,
.fcal_wrap .svelte-select,
.fcal_wrap .svelte-select-list {
  background-color: #0b0b0f !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
}

/* Dropdown hover */
.fcal_wrap .svelte-select .item:hover,
.fcal_wrap .svelte-select .item.active {
  background-color: rgba(37,211,102,0.2) !important;
  color: #ffffff !important;
}

/* ---------- 8. NAV ARROWS (WERE GREY) ---------- */
.fcal_wrap .calendar-header .calendar_nav button {
  color: #ffffff !important;
}

/* ---------- 9. PRIMARY CTA — MATCH CHECKOUT EXACTLY ---------- */
.fcal_wrap .fcal_booking_form button,
.fcal_wrap .fcal_btn_submit,
.fcal_wrap .fcal_spot_confirm {
  background: linear-gradient(180deg, #25D366 0%, #075E54 100%) !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  padding: 12px 22px !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;

  border: none !important;
}

/* Hover */
.fcal_wrap .fcal_booking_form button:hover {
  filter: brightness(0.96);
}

/* =====================================================
   FLUENT BOOKING — PATCH FIXES (HOVER + SLOT CTA SIZE)
   Paste AFTER the existing block
   ===================================================== */

/* 1) Calendar day hover — make the WHOLE day tile behave, not just span */
.fcal_wrap .calendar .day.day-enabled:hover,
.fcal_wrap .calendar .day.day-enabled:hover span {
  background-color: rgba(37,211,102,0.20) !important;  /* softer than full green */
  color: #ffffff !important;
  border-radius: 10px !important;
}

/* If Fluent only paints span, force span to fill tile */
.fcal_wrap .calendar .day.day-enabled span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 10px !important;
}

/* 2) Slot list hover — keep it tight + polished */
.fcal_wrap .fcal_slot_picker .fcal_spot:hover {
  border-color: #25D366 !important;
  background-color: rgba(37,211,102,0.10) !important;
}

/* 3) Slot picker header action — prevent giant button/layout stretch */
.fcal_wrap .fcal_slot_picker_header_action {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Make sure header buttons are not inheriting the huge CTA styling */
.fcal_wrap .fcal_slot_picker_header_action button {
  padding: 6px 10px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* Slot confirm button — force it to match your pill CTA and NOT be huge */
.fcal_wrap .fcal_slot_picker .fcal_spot_lists .fcal_spot_confirm,
.fcal_wrap .fcal_date_event_details .fcal_spot_confirm {
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 10px 18px !important;         /* control size */
  min-height: 40px !important;
  font-size: 14px !important;
  font-weight: 700 !important;

  border-radius: 999px !important;
  border: none !important;
  color: #fff !important;

  background: linear-gradient(180deg, #25D366 0%, #075E54 100%) !important;
}

/* Confirm button hover */
.fcal_wrap .fcal_slot_picker .fcal_spot_lists .fcal_spot_confirm:hover {
  filter: brightness(0.96) !important;
}

/* =====================================================
   FLUENT BOOKING — CALENDAR DAY FIX (AUTHORITATIVE)
   ===================================================== */

/* Base enabled day */
.fcal_calendar_inner .fcal_date_wrapper .calendar .day.day-enabled > span {
  background-color: rgba(255,255,255,0.08) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  font-weight: 500 !important;
}

/* Hover state */
.fcal_calendar_inner .fcal_date_wrapper .calendar .day.day-enabled:hover > span {
  background-color: rgba(37,211,102,0.20) !important;
  color: #ffffff !important;
}
/* Selected day — same language as slot hover (no hover dependency) */
.fcal_calendar_inner
.fcal_date_wrapper
.calendar
.day.day_is_selected.day-enabled
> span {
  background-color: rgba(37,211,102,0.10) !important;
  border: 1px solid #25D366 !important;
  color: #25D366 !important;
}


/* Disabled days */
.fcal_calendar_inner .fcal_date_wrapper .calendar .day.disabled > span {
  background-color: rgba(255,255,255,0.03) !important;
  color: rgba(255,255,255,0.35) !important;
}

/* Ensure span fully fills tile (Fluent already does this, but we lock it) */
.fcal_calendar_inner .fcal_date_wrapper .calendar .day > span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

/* Override Fluent disabled date background variable */
.fcal_wrap {
  --fcal_date_disabled_bg: rgba(255,255,255,0.03) !important;
}
/* Force disabled day background + text */
.fcal_calendar_inner
.fcal_date_wrapper
.calendar
.day.day-disabled
> span {
  background-color: rgba(255,255,255,0.03) !important;
  color: rgba(255,255,255,0.35) !important;
}
/* Correct Fluent text colors */
.fcal_wrap {
  --fcal_dark: #ffffff !important;        /* primary text */
  --fcal_muted: rgba(255,255,255,0.65);  /* secondary text */
}
/* Slot names – readable on dark */
.fcal_slot_picker .fcal_spot_lists .fcal_spot .fcal_spot_name {
  color: #ffffff !important;
}
/* Slot picker header text */
.fcal_slot_picker .fcal_slot_picker_header {
  color: #ffffff !important;
}
/* =====================================================
   FIX SLOT PICKER TABS / TIME SLOTS (FINAL)
   ===================================================== */

/* 1) Fix the variable Fluent uses */
.fcal_wrap {
  --fcal_input_bg: rgba(255,255,255,0.06) !important;
}

/* 2) Override the exact slot card .elementor-1489 .elementor-element.elementor-element-0481ece */
.fcal_wrap .fcal_slot_picker .fcal_spot_lists .fcal_spot {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 10px !important;

  padding: 10px 14px !important;
  margin-bottom: 8px;

  display: flex;
  align-items: center;
}

/* 3) Hover state (already close, but lock it) */
.fcal_wrap .fcal_slot_picker .fcal_spot_lists .fcal_spot:hover {
  border-color: #25D366 !important;
  background-color: rgba(37,211,102,0.10) !important;
}

/* 4) Slot text (ensure contrast) */
.fcal_wrap .fcal_slot_picker .fcal_spot_lists .fcal_spot,
.fcal_wrap .fcal_slot_picker .fcal_spot_lists .fcal_spot * {
  color: #ffffff !important;
}

/* 5) Remove the extra inner 2px padding box look */
.fcal_wrap .fcal_slot_picker .fcal_spot_lists .fcal_spot::before,
.fcal_wrap .fcal_slot_picker .fcal_spot_lists .fcal_spot::after {
  content: none !important;
}

/* =========================================
   REMOVE SLOT PICKER BORDERS (CLEAN FINISH)
   ========================================= */

.fcal_wrap .fcal_slot_picker,
.fcal_wrap .fcal_slot_picker_header,
.fcal_wrap .fcal_slot_picker_header_action {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* =========================================
   FORCE 12h / 24h TO STAY INLINE
   ========================================= */

.fcal_wrap .fcal_slot_picker_header .fcal_slot_picker_header_action {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
}

/* Prevent individual buttons from forcing wrap */
.fcal_wrap .fcal_slot_picker_header .fcal_slot_picker_header_action button {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  padding: 6px 10px !important;
  font-size: 13px !important;
}


/* =========================================
   CENTER SCHEDULE MEETING BUTTON (FINAL)
   ========================================= */

/* Booking form wrapper */
.fcal_wrap .fcal_booking_form {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* The Schedule Meeting / Confirm button */
.fcal_wrap .fcal_booking_form .fcal_spot_confirm,
.fcal_wrap .fcal_booking_form button[type="submit"] {
  margin: 20px auto 0 auto !important;
  display: inline-flex !important;
  justify-content: center !important;
  width: auto !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-167e2d1 */.grecaptcha-badge {
  visibility: hidden !important;
}/* End custom CSS */