:root {
    --hotel-black: #171717;
    --hotel-stone: #f4f1eb;
    --hotel-line: #ded9cf;
}

body {
    background: #f8f9fa;
    color: #212529;
}

.py-lg-6 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
.letter-spacing-2 { letter-spacing: .18em; }
.hotel-logo {
    width: 132px;
    max-height: 30px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}
.calendar-shell {
    border: 1px solid var(--hotel-line);
    border-radius: 1rem;
    background: #fff;
    padding: 1rem;
}
.status-dot {
    width: .55rem;
    height: .55rem;
    display: inline-block;
    border-radius: 50%;
    margin-right: .35rem;
}
#calendar {
    min-height: 600px;
}
.fc {
    --fc-border-color: #e4e1db;
    --fc-button-bg-color: #212529;
    --fc-button-border-color: #212529;
    --fc-button-hover-bg-color: #343a40;
    --fc-button-hover-border-color: #343a40;
    --fc-button-active-bg-color: #000;
    --fc-button-active-border-color: #000;
    --fc-today-bg-color: rgba(0,0,0,.035);
    --fc-now-indicator-color: #212529;
}
.fc .fc-toolbar-title {
    font-size: 1.1rem;
    font-weight: 600;
}
.fc .fc-button {
    box-shadow: none !important;
}
.fc .fc-timegrid-slot {
    height: 2.9rem;
}
.fc .fc-timegrid-axis-cushion,
.fc .fc-timegrid-slot-label-cushion {
    font-size: .78rem;
}
.fc .calendar-busy {
    background: #e9ecef !important;
    border-color: #ced4da !important;
    color: #6c757d !important;
    opacity: 1;
}
.fc .calendar-busy .fc-event-title {
    font-weight: 600;
    font-size: .75rem;
}
.fc .fc-timegrid-col.fc-day-today {
    background: rgba(0,0,0,.012);
}
footer { border-top: 1px solid rgba(255,255,255,.08); }

@media (max-width: 767.98px) {
    .py-lg-6 { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; }
    .hotel-logo { width: 112px; }
    .navbar .vr { display: none; }
    .navbar-brand .small { font-size: .72rem; }
    .calendar-shell { padding: .5rem; border-radius: .75rem; }
    #calendar { min-height: 680px; }
    .fc .fc-toolbar {
        flex-wrap: wrap;
        gap: .45rem;
        margin-bottom: .75rem !important;
    }
    .fc .fc-toolbar-chunk:nth-child(2) {
        order: -1;
        width: 100%;
        text-align: center;
    }
    .fc .fc-toolbar-title { font-size: 1rem; }
    .fc .fc-button {
        font-size: .78rem;
        padding: .32rem .55rem;
    }
    .fc .fc-timegrid-slot { height: 3rem; }
    .fc .fc-col-header-cell-cushion {
        font-size: .78rem;
        padding: .4rem .15rem;
    }
    .fc .fc-timegrid-axis-cushion,
    .fc .fc-timegrid-slot-label-cushion {
        font-size: .7rem;
    }
    .fc .calendar-busy .fc-event-title { font-size: .7rem; }
}