/**
 * HOA Events Calendar Custom CSS
 */

/* Style the main calendar container */
#hoa-calendar-container {
    max-width: 1100px;
    margin: 2em auto;
    padding: 1em;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}

/* Improve readability of the calendar header */
.fc-header-toolbar {
    margin-bottom: 1.5em !important;
}

.fc .fc-toolbar-title {
    font-size: 1.75em;
    font-weight: 600;
}

/* Style the calendar buttons */
.fc .fc-button-primary {
    background-color: #0073aa; /* A standard WordPress blue */
    border-color: #0073aa;
    transition: background-color 0.2s ease-in-out;
}

.fc .fc-button-primary:hover {
    background-color: #005a87;
    border-color: #005a87;
}

.fc .fc-button-primary:active,
.fc .fc-button-primary:focus {
    box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.5) !important;
}

/* Style individual events */
.fc-event {
    border: 1px solid rgba(0,0,0,0.1);
    font-size: 0.9em;
    cursor: pointer;
}

.fc-daygrid-event {
    padding: 3px 5px;
}

/* Style for the "+more" link */
.fc-daygrid-more-link {
    font-weight: bold;
    color: #0073aa;
}