/**
 * Post Lifecycle - Calendar Styles
 *
 * Styles for the FullCalendar integration.
 *
 * @package PostLifecycle
 * @since 1.0.0
 */

/* Calendar container */
#bclc-calendar {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	min-height: 500px;
}

/* Calendar stats bar */
.bclc-calendar-stats {
	margin-bottom: 15px;
	padding: 10px 15px;
	background: #f0f0f1;
	border-radius: 4px;
	font-size: 13px;
}

.bclc-stat-item strong {
	color: #2271b1;
}

.bclc-stat-separator {
	color: #c3c4c7;
	margin: 0 10px;
}

/* Loading indicator */
.bclc-calendar-loading {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 20px;
	background: rgba(255, 255, 255, 0.9);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	z-index: 100;
}

.bclc-calendar-container {
	position: relative;
}

/* Event type colors */
.bclc-scheduled {
	background-color: #2271b1 !important;
	border-color: #135e96 !important;
	color: #fff !important;
}

.bclc-published {
	background-color: #00a32a !important;
	border-color: #007017 !important;
	color: #fff !important;
}

.bclc-expiring {
	background-color: #dba617 !important;
	border-color: #b88c0d !important;
	color: #1d2327 !important;
}

/* Event styling */
.bclc-event {
	padding: 2px 4px !important;
	font-size: 12px !important;
	border-radius: 3px !important;
	cursor: pointer !important;
}

.fc-event:hover {
	opacity: 0.85;
	cursor: pointer;
}

/* Toolbar styling */
.fc .fc-toolbar {
	margin-bottom: 20px !important;
	flex-wrap: wrap;
	gap: 10px;
}

.fc .fc-toolbar-title {
	font-size: 18px !important;
	font-weight: 600 !important;
}

.fc .fc-button {
	padding: 6px 12px !important;
	font-size: 13px !important;
	font-weight: 400 !important;
}

.fc .fc-button-primary {
	background-color: #2271b1 !important;
	border-color: #2271b1 !important;
}

.fc .fc-button-primary:hover {
	background-color: #135e96 !important;
	border-color: #135e96 !important;
}

.fc .fc-button-primary:not(:disabled).fc-button-active {
	background-color: #135e96 !important;
	border-color: #0a4b78 !important;
}

/* Day cell styling */
.fc .fc-day-today {
	background-color: #f0f6fc !important;
}

.fc .fc-daygrid-day-number {
	color: #1d2327;
	font-size: 13px;
	padding: 4px 8px;
}

.fc .fc-col-header-cell-cushion {
	color: #1d2327;
	font-weight: 600;
	padding: 8px 0;
}

/* List view styling */
.fc .fc-list-event:hover td {
	background-color: #f0f6fc;
}

.fc .fc-list-event-dot {
	border-color: currentColor !important;
}

/* Help section */
.bclc-calendar-help {
	margin-top: 30px;
	padding: 15px 20px;
	background: #f6f7f7;
	border: 1px solid #c3c4c7;
	border-radius: 4px;
}

.bclc-calendar-help h3 {
	margin: 0 0 10px;
	font-size: 14px;
}

.bclc-calendar-help ul {
	margin: 0;
	padding-left: 20px;
}

.bclc-calendar-help li {
	margin-bottom: 5px;
	font-size: 13px;
	color: #50575e;
}

/* Responsive adjustments */
@media screen and (max-width: 782px) {
	.fc .fc-toolbar {
		flex-direction: column;
		align-items: stretch;
	}

	.fc .fc-toolbar-chunk {
		text-align: center;
	}

	.bclc-calendar-stats {
		flex-direction: column;
		gap: 5px;
	}

	.bclc-stat-separator {
		display: none;
	}
}