/* Calendar container with Elementor variables */
#laborie-calendar {
    padding: 20px;
    font-family: 'The Seasons';
    font-size: var(--e-global-typography-text-font-size, 16px);
    /*color: var(--e-global-color-text, #212121); */
    background-color: var(--e-global-color-background, transparent);
}

/* FullCalendar buttons styled like Elementor buttons */
#laborie-calendar .fc .fc-button {
    background-color: #4F5666 !important;
    border-color: #4F5666 !important;
    color: #fff;
    font-weight: 600;
    border-radius: 4px;
    padding: 6px 12px;
}


.fc-theme-standard .fc-scrollgrid {
    border: none;
}

.fc-scrollgrid-sync-table {
	
	border: 1px solid;
	
}

.fc-theme-standard th {
    border: none !important;
}

.fc .fc-scrollgrid-section > * {
    border-left-width: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0;
}

/* Event appearance */
#laborie-calendar .fc .fc-h-event {
    background-color: var(--e-global-color-secondary, #528666) !important;
    border: 1px solid var(--e-global-color-secondary, #528666) !important;
    color: #fff !important;
    border-radius: 3px;
    padding: 2px 6px;
    font-size: 0.9rem;
}

@media (max-width: 768px) {
    #laborie-calendar {
        min-height: 600px;
    }

    #laborie-calendar .fc-view-harness {
        min-height: 600px !important;
    }
}

/* Remove horizontal scrollbar from tooltip */
.tippy-box[data-theme~='light-border'] {
    overflow-x: hidden !important;
}

.tippy-box[data-theme~='light-border'] .tippy-content {
    overflow-x: hidden !important;
    word-break: break-word;
    white-space: normal;
}


.tippy-box[data-theme~='light-border'] img {
    max-width: 100%;
    height: auto;
    display: block;
}


/* Consistent size and styling for Tippy tooltips across views */
.tippy-box[data-theme~='light-border'] {
	max-width: 276px !important;
    min-width: 276px !important;
    width: 276px !important;
    max-height: 90vh;
    overflow: visible !important;
    border-radius: 6px;
    background-color: #fff;
    color: #000;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    white-space: normal;
    word-wrap: break-word;
}

/* Scrollable and padded content inside tooltip */
.tippy-box[data-theme~='light-border'] .tippy-content {
    overflow-y: auto;
    padding: 12px;
    font-size: 15px;
    line-height: 1.5;
    max-height: 600px;
}

.tippy-box[data-theme~='light-border'] .tippy-arrow {
    color: #fff;
    margin: 0;
}


/*
.fc-theme-standard th {

    border: none !important;
}*/

.content th {

    text-align: center !important;
}

/* Prevent extra spacing in Elementor layout */
#laborie-calendar address,
#laborie-calendar dd,
#laborie-calendar h1,
#laborie-calendar h2,
#laborie-calendar h3,
#laborie-calendar h4,
#laborie-calendar h5,
#laborie-calendar h6,
#laborie-calendar hr,
#laborie-calendar ol,
#laborie-calendar p,
#laborie-calendar pre,
#laborie-calendar table,
#laborie-calendar ul {
    margin-bottom: 0 !important;
}

.fc-h-event {
    background-color: unset;
    border: unset;
}

.fc-h-event .fc-event-main {
    color: #212121;
}

button.fc-prev-button.fc-button.fc-button-primary, button.fc-next-button.fc-button.fc-button-primary {
	
	background-color: unset;
    border-color: unset;
    color: var(--fc-button-bg-color);
	border: none;
	
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: #4F5666;
}

/* Make today's date text white */
#laborie-calendar .fc-day-today .fc-daygrid-day-number {
    color: #fff !important;
}

/* Make the event title/description white in the 'today' cell */
#laborie-calendar .fc-day-today .fc-event-title,
#laborie-calendar .fc-day-today .fc-event-time,
#laborie-calendar .fc-day-today .fc-event-main {
    color: #fff !important;
}

/* Force title wrapping in day and list views */
.fc .fc-event-title,
.fc-event-title-container,
.fc-list-event-title {
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: 1.4;
}

/* Hide the coloured event dot in list view */
#laborie-calendar .fc-list-event-dot {
    display: none !important;
}