/*
 * Simple ACF Calendar styles.
 * Kept minimal and neutral so calendars blend with client themes.
 * Override these in your theme as needed.
 */

.trcal-calendar {
	max-width: 100%;
	margin: 1.5em 0;
	font-family: inherit;
	font-size: 0.95rem;
}

.trcal-calendar .fc {
	font-family: inherit;
}

/* Events: subtle padding, smooth hover */
.trcal-calendar .fc-event {
	cursor: pointer;
	padding: 2px 5px;
	border-radius: 3px;
	transition: opacity 0.15s ease, transform 0.15s ease;
}

.trcal-calendar .fc-event:hover {
	opacity: 0.88;
}

.trcal-calendar .fc-event-title {
	font-weight: 500;
}

.trcal-calendar .fc-toolbar-title {
	font-size: 1.15rem !important;
}

.trcal-calendar .fc-button {
	text-transform: capitalize;
}

/* Today cell — subtle accent so it's findable */
.trcal-calendar .fc-day-today {
	background: rgba(55, 136, 216, 0.05) !important;
}

/* Day numbers — cleaner */
.trcal-calendar .fc-daygrid-day-number {
	padding: 6px 8px;
	color: inherit;
	text-decoration: none;
}

/* Mobile */
@media (max-width: 600px) {
	.trcal-calendar .fc-header-toolbar {
		flex-direction: column;
		gap: 0.5em;
	}

	.trcal-calendar .fc-toolbar-chunk {
		display: flex;
		gap: 0.25em;
		flex-wrap: wrap;
		justify-content: center;
	}

	.trcal-calendar .fc-toolbar-title {
		font-size: 1rem !important;
	}

	.trcal-calendar .fc-button {
		padding: 0.3em 0.6em;
		font-size: 0.85em;
	}
}