/* Surface wrapper matches MudPaper spacing */
.rental-cal-surface {
    overflow: visible;
}


/* Calendar height & font */
.rental-cal {
    height: auto;
    min-height: 560px;
}

/* FullCalendar global */
.fc {
    font-family: var(--mud-typography-font-family);
    font-size: 0.875rem;
}

    /* Toolbar */
    .fc .fc-toolbar-title {
        font-size: 1.05rem;
        font-weight: 700;
        color: var(--mud-palette-text-primary);
    }

    .fc .fc-button {
        border-radius: 10px;
        border: 1px solid var(--mud-palette-lines-default);
        background: var(--mud-palette-surface);
        color: var(--mud-palette-text-primary);
        box-shadow: none;
        text-transform: none;
        padding: 6px 10px;
    }

        .fc .fc-button:hover {
            background: var(--mud-palette-action-default-hover);
        }

    .fc .fc-button-primary:not(:disabled).fc-button-active {
        background: var(--mud-palette-primary);
        border-color: var(--mud-palette-primary);
        color: var(--mud-palette-primary-contrast-text);
    }

    /* Grid shell */
    .fc .fc-scrollgrid {
        border-radius: 16px;
        overflow: hidden;
        border: 1px solid var(--mud-palette-lines-default);
    }

    /* Header row */
    .fc .fc-col-header-cell {
        background: var(--mud-palette-surface);
        color: var(--mud-palette-text-secondary);
        font-weight: 700;
    }

    /* Today highlight */
    .fc .fc-day-today {
        background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent) !important;
    }

    /* Event "chip" */
    .fc .fc-daygrid-event {
        border: 0;
        border-radius: 8px;
        padding: 0 6px;
        min-height: 18px;
        font-size: 0.72rem;
        font-weight: 600;
        line-height: 1.15;
        display: flex;
        align-items: center;
    }
    .fc .fc-event-main {
        display: flex;
        align-items: center;
        height: 100%;
    }
    .fc .fc-event-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0;
        line-height: 1;
    }

    .fc .fc-event {
        color: #fff; /* your traffic-light colors stay readable */
    }

        .fc .fc-event:hover {
            filter: brightness(0.95);
            cursor: pointer;
        }

    .fc-tooltip-title {
        font-weight: 700;
        margin-bottom: 4px;
    }
    /* “+X more” link */
    .fc .fc-daygrid-more-link {
        color: var(--mud-palette-text-secondary);
        font-size: 0.72rem;
        font-weight: 600;
        text-decoration: none;
    }

    .fc a {
        color: inherit;
        text-decoration: none;
    }

    .fc .fc-col-header-cell-cushion {
        color: var(--mud-palette-text-secondary);
        font-weight: 700;
    }

    .fc .fc-daygrid-day-number {
        color: var(--mud-palette-text-primary);
        font-weight: 600;
    }

    .fc .fc-toolbar {
        gap: 10px;
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .fc .fc-toolbar-chunk {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
    }

    /* --- Toolbar button normalization --- */

    /* Make ALL FC buttons consistent height and less chunky */
    .fc .fc-button {
        height: 36px;
        min-height: 36px;
        padding: 0 12px;
        font-size: 0.85rem;
        border-radius: 12px;
    }

    /* FullCalendar marks most toolbar buttons as "primary".
   Force them to look like Mud outlined buttons by default. */
    .fc .fc-button-primary {
        background: var(--mud-palette-surface) !important;
        color: var(--mud-palette-text-primary) !important;
        border: 1px solid var(--mud-palette-lines-default) !important;
        box-shadow: none !important;
    }

        /* Hover state */
        .fc .fc-button-primary:hover {
            background: var(--mud-palette-action-default-hover) !important;
        }

        /* Active (selected view: month/week) */
        .fc .fc-button-primary:not(:disabled).fc-button-active,
        .fc .fc-button-primary:not(:disabled):active {
            background: var(--mud-palette-primary) !important;
            border-color: var(--mud-palette-primary) !important;
            color: var(--mud-palette-primary-contrast-text) !important;
        }

        /* Remove the ugly focus outline */
        .fc .fc-button:focus,
        .fc .fc-button-primary:focus {
            outline: none !important;
            box-shadow: none !important;
        }

    /* Make icon buttons (prev/next) not huge */
    .fc .fc-button .fc-icon {
        font-size: 1rem !important;
    }

    /* Button group: make it look like a Mud button group */
    .fc .fc-button-group > .fc-button {
        border-radius: 0 !important;
    }

        /* Rounded corners on the group ends */
        .fc .fc-button-group > .fc-button:first-child {
            border-top-left-radius: 12px !important;
            border-bottom-left-radius: 12px !important;
        }

        .fc .fc-button-group > .fc-button:last-child {
            border-top-right-radius: 12px !important;
            border-bottom-right-radius: 12px !important;
        }

        /* Remove double borders inside the group */
        .fc .fc-button-group > .fc-button:not(:first-child) {
            margin-left: -1px !important;
        }