/*** Custom Calendar Styling for Warwick Senior High School by Niamh McCaffrey (2026) ***/
/*** Most, if not all, require '!important' to override existing classes correctly ***/

.tribe-common {
    --tec-font-weight-regular: 500;
}

/** --------------- Month View --------------- **/
/* Grid header */
.fusion-body
	#main
	.tribe-events
	.tribe-events-calendar-month__header-column-title {
	font-size: 18px !important;
	font-weight: 500 !important;
	font-family: "Montserrat" !important;
	margin-left: 15px !important;
}

/* Month numbers */
.fusion-body
	#main
	.tribe-events
	.tribe-events-calendar-month__body
	.tribe-events-calendar-month__day-date {
	font-size: 20px !important;
	font-weight: bold !important;
	font-family: "Montserrat" !important;
	color: var(--awb-custom_color_5) !important;
}

/* "This Month" button */
.fusion-body
	.fusion-wrapper
	#main
	.tribe-events
	.tribe-events-c-top-bar__today-button {
	font-size: 14px !important;
}

/* Category legend */
.tec-events-category-color-filter::before {
	content: "Categories";
	font-size: 14px;
	font-family: "Montserrat";
	font-weight: 500;
}

/* Category legend popup */
.tec-events-category-color-filter__dropdown-header {
	font-size: 16px !important;
	font-family: "Montserrat" !important;
	color: var(--awb-custom_color_6);
	background-color: inherit !important;
}

.tec-events-category-color-filter .tec-events-category-color-filter__dropdown {
	/* popup header */
	background: var(--awb-color2) !important;
	border-radius: 10px;
	box-shadow: 0 0 15px 0px
		color-mix(in oklab, var(--awb-custom_color_6) 30%, transparent);
	padding: 5px;
	box-sizing: content-box;
}

.tec-events-category-color-filter__reset-wrapper {
	/* reset button */
	background-color: inherit !important;
}

.tec-events-category-color-filter .tec-events-category-color-filter__dropdown .tec-events-category-color-filter__dropdown-item label:hover {
	/* single list item */
	background-color: var(--awb-custom_color_2) !important;
	border-radius: 5px !important;
}

.tec-events-category-color-filter .tec-events-category-color-filter__dropdown .tec-events-category-color-filter__label:hover {
	/* single list item text */
	background-color: inherit !important;
}

/* "Find events" button */
button.tribe-common-c-btn.tribe-events-c-search__button {
	padding: 12px 15px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	background-color: var(--awb-custom_color_4) !important;
	border: 1px solid var(--awb-custom_color_4) !important;
}

button.tribe-common-c-btn.tribe-events-c-search__button:hover {
	background-color: var(--awb-color1) !important;
	border: solid 1px var(--awb-custom_color_4) !important;
	color: var(--awb-custom_color_4) !important;
	font-weight: 600 !important;
}

span.tribe-events-c-view-selector__list-item-text {
	font-size: 14px !important;
	font-family: "Montserrat" !important;
}

.tec-events-category-color-filter {
	background-color: var(--awb-color2) !important;
	padding: 10px 12px !important;
	border-radius: 5px;
	border: solid 1px var(--awb-custom_color_2) !important;
}

/* hide invisible dropdown arrow next to category highlight box */
.tec-events-category-color-filter__dropdown-icon {
	display: none !important;
}

.tec-events-category-color-filter .tec-events-category-color-filter__dropdown.tec-events-category-color-filter__dropdown--visible {
    background: color-mix(in oklab, var(--wshs-bg-blue), var(--wshs-white)) !important;
    border: solid 1px var(--wshs-light-blue);
    color: var(--wshs-blue-black);
    box-shadow: 0 0 15px color-mix(in oklab, var(--wshs-dark-blue) 20%, transparent);
}

.tec-events-category-color-filter .tec-events-category-color-filter__dropdown .tec-events-category-color-filter__dropdown-header {
    font-weight: 500;
}

.fusion-body .tribe-events .tribe-events-c-search__input-control:before {
	font-size: 18px !important;
	font-family: "Material Symbols Rounded" !important;
	content: "search" !important;
	font-variation-settings:
		"FILL" 0,
		"wght" 600,
		"GRAD" 0,
		"opsz" 24;
	opacity: 75%;
}

.fusion-body #main .tribe-common .tribe-common-c-btn-icon--caret-left:before,
.fusion-body #main .tribe-common .tribe-common-c-btn-icon--caret-right:before {
	font-size: 24px !important;
}

.tribe-events .tribe-events-calendar-month__body {
	background-color: color-mix(
		in oklab,
		var(--awb-color2) 10%,
		white
	) !important;
}

.tribe-events-calendar-month__day.tribe-events-calendar-month__day--past {
	background-color: var(--awb-color2);
}

.tribe-events-calendar-month__day.tribe-events-calendar-month__day--current {
	background-color: var(--awb-color1) !important;
	border: solid 2px var(--awb-custom_color_4) !important;
	box-shadow: 0 0 10px #1b307436;
}

.tribe-events .tribe-events-calendar-month__calendar-event.tribe-events-calendar-month__calendar-event--featured .tribe-events-calendar-month__calendar-event-details {
	border: solid 2px var(--wshs-light-blue) !important;
	border-radius: 5px !important;
	font-weight: 700 !important;
	background-color: color-mix(in oklab, var(--wshs-light-blue) 50%, transparent);
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 8px;
}

.tribe-events .tribe-events-calendar-month__calendar-event.tribe-events-calendar-month__calendar-event--featured .tribe-events-calendar-month__calendar-event-title.tribe-common-h8.tribe-common-h--alt {
	font-weight: inherit;
}

.tribe-events .tribe-events-calendar-month__calendar-event.tribe-events-calendar-month__calendar-event--featured .tribe-events-calendar-month__calendar-event-datetime {
	font-weight: inherit !important;
}

.tribe-events .tribe-events-calendar-month__calendar-event .tribe-events-calendar-month__calendar-event-datetime,
.tribe-events .tribe-events-calendar-month__calendar-event .tribe-events-calendar-month__calendar-event-datetime time {
	opacity: 0.9;
}

.tribe-events .tribe-events-calendar-month__calendar-event .tribe-events-calendar-month__calendar-event-details {
	border-radius: 0 5px 5px 0;
	padding: 2px 8px !important;
}

/* Date/Time of events */
.tribe-events .tribe-events-calendar-month__calendar-event .tribe-events-calendar-month__calendar-event-datetime {
	color: color-mix(in oklab, var(--tec-color-category-primary) 50%, var(--wshs-blue-black)) !important;
}

/* All Day Event banners */
.tribe-events .tribe-events-calendar-month__events .tribe-events-calendar-month__multiday-event-wrapper .tribe-events-calendar-month__multiday-event-bar {
	--wshs-tec-color-category-allday: color-mix(in oklab, var(--tec-color-category-primary) 30%, black);
	background-color: color-mix(in oklab, var(--tec-color-category-primary) 70%, var(--tec-color-category-secondary) ) !important;
	color: color-mix(in oklab, var(--tec-color-category-primary) 50%, black) !important;
	border-radius: 5px !important;
    padding: 2px 8px !important;
}

.tribe-events-calendar-month__multiday-event-wrapper {
    margin-bottom: 8px !important;
}

.tribe-events-calendar-month__multiday-event-wrapper:nth-last-child(1) {
    margin-bottom: 4px !important;
}


.tribe-events-calendar-month__multiday-event-bar-inner {
    justify-content: center;
	background-color: transparent !important;
}

.tribe-events .tribe-events-calendar-month__calendar-event .tribe-events-calendar-month__calendar-event-details {
    border-left: 3px solid color-mix(in oklab, var(--tec-color-category-primary) 60%, transparent) !important;
    padding: 2px 8px;
}

.tribe-events .tribe-events-calendar-month__multiday-event-bar-title {
    font-weight: 600 !important;
}



/* Event tooltip */
.tooltipster-base.tribe-events-tooltip-theme {
    background-color: var(--wshs-bg-blue) !important;
    box-shadow: 0 0 5px #1b307436;
}

.tribe-events-calendar-month__calendar-event-tooltip-title-link.tribe-common-anchor-thin {
    font-weight: 600;
}