/* Hydrogen Calendar — list view on small screens.
   Month grid is left as the plugin ships it. */

.wp-block-hycal-calendar,
.hydrogen-calendar-embeds,
.hycal-container {
	max-width: 100%;
	min-width: 0;
	overflow-x: hidden;
}

.hycal-container .fc,
.hycal-container .fc-view-harness,
.hycal-container .fc-scroller,
.hycal-container .fc-list {
	max-width: 100%;
	min-width: 0;
}

@media (max-width: 781px) {
	.hycal-container .fc-list {
		overflow-x: hidden;
	}

	.hycal-container .fc-list-table,
	.hycal-container .fc-list-table tbody {
		display: block;
		width: 100%;
	}

	/* Duplicate weekday on the right of each date bar. */
	.hycal-container .fc-list-day-side-text {
		display: none !important;
	}

	.hycal-container .fc-list-day,
	.hycal-container .fc-list-day th,
	.hycal-container .fc-list-day-cushion {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	.hycal-container .fc-list-day-cushion {
		overflow: hidden;
		padding: 10px 16px;
	}

	.hycal-container .fc-list-day-text {
		display: block;
		white-space: normal;
		font-size: 13px;
	}

	.hycal-container .fc-list-event {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 10px 16px 12px;
	}

	.hycal-container .fc-list-event td {
		display: block;
		width: auto !important;
		max-width: 100%;
		box-sizing: border-box;
		padding: 0;
		border: 0;
	}

	.hycal-container .fc-list-event-time {
		white-space: nowrap;
		font-size: 12px;
		line-height: 1.4;
		margin: 0 0 4px;
	}

	.hycal-container .fc-list-event-graphic {
		display: none;
	}

	.hycal-container .fc-list-event-title {
		white-space: normal;
		word-break: normal;
		overflow-wrap: break-word;
		font-size: 14px;
		line-height: 1.4;
	}
}