/**
 * DoProgetto Event Manager
 * Japanese holiday styles.
 */


/* =========================================================
 * Public calendar
 * ========================================================= */

/*
 * 祝日セルを祝日名の配置基準にします。
 */
.tribe-events-view--month
.tribe-events-calendar-month__day.dp-holiday-day {
	position: relative;
}


/*
 * 祝日の日付数字。
 * 日曜日と同じ赤色にします。
 */
.tribe-events-view--month
.tribe-events-calendar-month__day.dp-holiday-day
.tribe-events-calendar-month__day-date-daynum,

.tribe-events-view--month
.tribe-events-calendar-month__day.dp-holiday-day
.tribe-events-calendar-month__day-date-link {
	color: #d63638 !important;
}


/*
 * 祝日名。
 *
 * セルの右上へ固定します。
 *
 * 例:
 *
 * 12          スポーツの日
 *
 * 日付数字とは重ならないよう、
 * 最大幅を制限しています。
 */
.tribe-events-view--month
.tribe-events-calendar-month__day.dp-holiday-day
> .dp-holiday-name {
	position: absolute !important;

	z-index: 20;

	top: 13px;
	right: 6px;
	left: auto !important;

	display: block !important;

	width: auto !important;
	max-width: calc(100% - 46px);

	margin: 0 !important;
	padding: 0 !important;

	color: #d63638 !important;

	font-family:
		var(
			--tec-font-family-sans-serif,
			"Helvetica Neue",
			Helvetica,
			Arial,
			"Hiragino Kaku Gothic ProN",
			"Hiragino Sans",
			Meiryo,
			sans-serif
		) !important;

	font-size: 10px !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;

	letter-spacing: 0 !important;

	text-align: right !important;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	visibility: visible !important;
	opacity: 1 !important;

	pointer-events: none;
}


/* =========================================================
 * Admin calendar
 * ========================================================= */

/*
 * 管理画面でも祝日は
 * 日曜日と同じ赤色にします。
 */
.doprogetto-event-manager__day--holiday
.doprogetto-event-manager__day-number {
	color: #d63638 !important;
}


/*
 * 管理画面の祝日名。
 * セル右上へ固定します。
 */
.doprogetto-event-manager__holiday-name {
	position: absolute;

	z-index: 3;

	top: 10px;
	right: 7px;
	left: 40px;

	color: #d63638;

	font-family:
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		Roboto,
		Oxygen-Sans,
		Ubuntu,
		Cantarell,
		"Helvetica Neue",
		"Hiragino Kaku Gothic ProN",
		"Hiragino Sans",
		Meiryo,
		sans-serif;

	font-size: 10px;
	font-weight: 600;
	line-height: 1.25;

	letter-spacing: 0;

	text-align: right;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	pointer-events: none;
}


/* =========================================================
 * Mobile
 * ========================================================= */

@media screen and (max-width: 768px) {

	/*
	 * 公開側。
	 * 右上固定は維持したまま少し小さくします。
	 */
	.tribe-events-view--month
	.tribe-events-calendar-month__day.dp-holiday-day
	> .dp-holiday-name {
		top: 11px;
		right: 3px;
		left: auto !important;

		max-width: calc(100% - 38px);

		font-size: 9px !important;

		text-align: right !important;
	}


	/*
	 * 管理画面。
	 */
	.doprogetto-event-manager__holiday-name {
		font-size: 9px;
	}
}