/*
D4C Monthly Calendar UI Polish
Visual-only CSS. Does not alter booking/calendar functionality.
*/

/* Month heading */
.cmc-vb-monthly-calendar h1,
.cmc-vb-monthly-calendar h2,
.cmc-vb-monthly-calendar h3,
.cmc-vb-monthly-calendar .cmc-vb-month-title,
.cmc-vb-monthly-calendar .cmc-vb-calendar-title,
.cmc-vb-month-nav h1,
.cmc-vb-month-nav h2,
.cmc-vb-month-nav h3 {
    color: #ef3b2d !important;
    font-weight: 700 !important;
}

/* Month navigation dropdown */
.cmc-vb-monthly-calendar select,
.cmc-vb-month-nav select,
.cmc-vb-calendar-nav select {
    border: 1px solid #ef3b2d !important;
    background: #ffffff !important;
    color: #333333 !important;
    font-weight: 600 !important;
}

.cmc-vb-monthly-calendar select:focus,
.cmc-vb-month-nav select:focus,
.cmc-vb-calendar-nav select:focus {
    border-color: #c50000 !important;
    outline: none !important;
    box-shadow: 0 0 0 1px #c50000 !important;
}

/* Keep navigation buttons aligned with existing D4C red */
.cmc-vb-monthly-calendar button,
.cmc-vb-monthly-calendar .button,
.cmc-vb-month-nav button,
.cmc-vb-month-nav .button,
.cmc-vb-calendar-nav button,
.cmc-vb-calendar-nav .button {
    background: #ef3b2d !important;
    color: #ffffff !important;
    border-color: #ef3b2d !important;
    font-weight: 700 !important;
}

.cmc-vb-monthly-calendar button:hover,
.cmc-vb-monthly-calendar .button:hover,
.cmc-vb-month-nav button:hover,
.cmc-vb-month-nav .button:hover,
.cmc-vb-calendar-nav button:hover,
.cmc-vb-calendar-nav .button:hover {
    background: #c50000 !important;
    border-color: #c50000 !important;
    color: #ffffff !important;
}

/* Calendar day headings */
.cmc-vb-monthly-calendar th,
.cmc-vb-monthly-calendar .cmc-vb-weekday,
.cmc-vb-month-grid .cmc-vb-weekday {
    color: #ef3b2d !important;
    font-weight: 700 !important;
}

/* Slot text readability */
.cmc-vb-monthly-calendar .cmc-vb-slot,
.cmc-vb-monthly-calendar .cmc-vb-available-slot,
.cmc-vb-monthly-calendar .cmc-vb-calendar-slot,
.cmc-vb-month-grid .cmc-vb-slot,
.cmc-vb-month-grid .cmc-vb-available-slot {
    font-size: 13px !important;
    line-height: 1.4 !important;
}

/* No-slots text should be readable but subtle */
.cmc-vb-monthly-calendar .cmc-vb-no-slots,
.cmc-vb-monthly-calendar .no-slots,
.cmc-vb-month-grid .cmc-vb-no-slots,
.cmc-vb-month-grid .no-slots {
    color: #6f7f8f !important;
    font-weight: 500 !important;
}

/* Booking buttons inside slots */
.cmc-vb-monthly-calendar .cmc-vb-slot button,
.cmc-vb-monthly-calendar .cmc-vb-available-slot button,
.cmc-vb-month-grid .cmc-vb-slot button,
.cmc-vb-month-grid .cmc-vb-available-slot button {
    background: #ef3b2d !important;
    color: #ffffff !important;
    border-color: #ef3b2d !important;
    font-weight: 700 !important;
}