/* Main container and slot styling */
.fcal_teams_wrap, .fluent_booking_app, .fluent_booking_team_view, .fcal_slot, .fcal_slots, .fcal_calendar_inner.fcal_on_lg, .fcal_side {
    background-color: #1c1c1c !important;
    color: #ffffff !important;
    border: 1px solid #333 !important;
}

/* Dark background for each member card and slots */
.fcal_each_member, .fcal_slot, .fluent_booking_team_view .fcal_slot, .fcal_slots,.fcal_slot_picker.is_active,.fcal_slot_picker .fcal_slot_picker_header, .fcal_calendar_inner.fcal_on_lg, .fcal_side {
    background-color: #1c1c1c !important;
    color: #ffffff !important;
    border: 1px solid #444 !important;
    box-shadow: none !important;
}

/* General Calendar Background */
#fcal_calendar_wrap, .fcal_calendar_inner {
    background-color: #1c1c1c !important;
    color: #ffffff !important;
}

/* Generic Styling for Day Cells (Any span within .calendar) */
.fcal_calendar_inner .calendar span {
     /* Dark gray for day cells */
    color: #ffffff !important; /* White text color */
    cursor: pointer !important;
}
.fcal_calendar_wrapper .fcal_calendar_header .fcal_person_avatar img, .fcal_calendar_wrapper .fcal_team_header .fcal_person_avatar img, .fcal_teams .fcal_calendar_header .fcal_person_avatar img, .fcal_teams .fcal_team_header .fcal_person_avatar img {
    max-height: none !important;
}

/* Styling for Enabled Days */
.fcal_calendar_inner .fcal_date_wrapper .calendar .day.day-enabled span {
    background-color: #333333 !important; /* Dark gray for enabled days */
    color: #ffffff !important; /* White text */
}

/* Force Transparent Background for Disabled Days */
.fcal_calendar_inner .fcal_date_wrapper .calendar .day.day-disabled span {
    background-color: #333333 !important;
    color: #777777 !important; 
    cursor: not-allowed !important;
    border: none !important;
    box-shadow: none !important;
}

/* Styling for Selected Days */
.fcal_calendar_inner .calendar span.day-selected {
    background-color: #444444 !important;
    color: #ffffff !important;
}

/* Hover Effect for Days */
.fcal_calendar_inner .calendar span:hover {
    background-color: #555555 !important;
    color: #ffffff !important;
}

/* Day Names Styling (e.g., Sun, Mon, etc.) */
#fcal_calendar_wrap .calendar .day-name {
    color: #555555 !important;
}

/* Month and Year Header Styling */
#fcal_calendar_wrap .calendar-header {
    color: #ffffff !important;
}

/* Navigation Arrows Styling */
#fcal_calendar_wrap .calendar-header .arrow {
    color: #63a4ff !important;
    cursor: pointer !important;
}

/* Timezone selector styling */
.svelte-select.fcal_timezone_selector, .fcal_slot_picker .fcal_spot_lists .fcal_spot .fcal_spot_name {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #444 !important;
}

.svelte-select.fcal_timezone_selector:hover {
    background-color: #3a3a3a !important;
}

/* Heading and span text colors set to white */
.fcal_teams_wrap h1, .fcal_teams_wrap h2, .fcal_teams_wrap h3, .fcal_teams_wrap h4, .fcal_teams_wrap h5, .fcal_teams_wrap h6, 
.fluent_booking_app h1, .fluent_booking_app h2, .fluent_booking_app h3, .fluent_booking_app h4, .fluent_booking_app h5, .fluent_booking_app h6,
.fcal_timezone_select label,
.fcal_each_member h1, .fcal_each_member h2, .fcal_each_member h3, .fcal_each_member h4, .fcal_each_member h5, .fcal_each_member h6,
.fcal_slot h1, .fcal_slot h2, .fcal_slot h3, .fcal_slot h4, .fcal_slot h5, .fcal_slot h6,
.fluent_booking_team_view h1, .fluent_booking_team_view h2, .fluent_booking_team_view h3, .fluent_booking_team_view h4, .fluent_booking_team_view h5, .fluent_booking_team_view h6,
.fcal_slots h1, .fcal_slots h2, .fcal_slots h3, .fcal_slots h4, .fcal_slots h5, .fcal_slots h6,
.fcal_calendar_inner.fcal_on_lg h1, .fcal_calendar_inner.fcal_on_lg h2, .fcal_calendar_inner.fcal_on_lg h3, .fcal_calendar_inner.fcal_on_lg h4, .fcal_calendar_inner.fcal_on_lg h5, .fcal_calendar_inner.fcal_on_lg h6,.fcal_team_title,
.fcal_side h1, .fcal_side h2, .fcal_side h3, .fcal_side h4, .fcal_side h5, .fcal_side h6,
.fcal_teams_wrap span, .fluent_booking_app span, .fcal_each_member span, .fcal_slot span, .fluent_booking_team_view span, .fcal_slots span, .fcal_calendar_inner.fcal_on_lg span, .fcal_side span {
    color: #ffffff !important;
}

/* Styling for the "Book Now" button */
button.book_now {
    background-color: #333 !important;
    color: #ffffff !important;
    border: 1px solid #444 !important;
}

button.book_now:hover {
    background-color: #555 !important;
}

/* Set icons and link accents to white */
.fcal_each_member .icon, .fcal_slot .icon, .fluent_booking_team_view .icon, .fcal_slots .icon,.fcal_slot_picker .fcal_slot_picker_header .fcal_slot_picker_header_action .format-hour button,
.fcal_calendar_inner.fcal_on_lg .icon, .fcal_side .icon, .fcal_teams_wrap .back-link, .fluent_booking_app .back-link, .fluent_booking_team_view .back-link {
    color: #ffffff !important;
    font-weight: 500 !important;
}

.fcal_teams_wrap .back-link:hover, .fluent_booking_app .back-link:hover, .fluent_booking_team_view .back-link:hover {
    color: #63a4ff !important;
}


.fcal_calendar_inner .fcal_icon_item .fcal_multi_duration .fcal_duration {
	color:#ffffff !important;
	background-color: #000000 !important;
}

.fcal_calendar_inner .fcal_icon_item .fcal_multi_duration .fcal_duration.is_selected, .fcal_slot_picker .fcal_slot_picker_header .fcal_slot_picker_header_action .format-hour button.active {
    background-color: #ffffff !important;
    color: #333333 !important;
}


/* Fix for inner borders and outlines */
.fcal_slots, .fcal_slot, .fcal_slot .fcal_slot_inner, .fluent_booking_team_view .fcal_slot, .fluent_booking_team_view .fcal_slot_inner,.fcal_slot_picker .fcal_spot_lists .fcal_spot,
.fcal_calendar_inner.fcal_on_lg, .fcal_side {
    border-color: #444 !important;
}
.fcal_slot_picker .fcal_spot_lists .fcal_spot{
	background: transparent !important;
}
.fcal_slot_picker .fcal_spot_lists .fcal_spot .fcal_spot_confirm {
	background:#ffffff !important;
	color: #000000 !important;
}
.fcal_teams .fcal_team_body {
    display: flex !important; /* Use flexbox for layout */
    justify-content: center !important; /* Center horizontally */
    align-items: center !important; /* Center vertically */
    gap: 0px !important; /* Reduce gap between items */
    flex-wrap: nowrap !important; /* Ensure they remain on the same row */
}

.fcal_teams .fcal_each_member {
    text-align: center !important; /* Center text inside each member */
    margin: 0 10px !important; /* Add a smaller horizontal margin between members */
    max-width: 200px !important; /* Optional: Control the width */
}