@import "scrollbar.css";

#calendarOnMainPanel {
	margin: 0 auto;
	padding: 0px 10px 10px 10px;
	background-color: var(--bgclr-mainpanel);
	height: 100%;
}

#calendarOnMainPanel.fc table.fc-scrollgrid {
	background-color: var(--table-bgclr);
	border-color: var(--table-borclr);
}

#calendarOnMainPanel.fc .fc-daygrid-day.fc-day-today {		
	background-color: var(--clr-green-dark); /*var(--clr-green);*/
	color: var(--txtclr-dark);
}

#calendarOnMainPanel .fc-toolbar-title {
	font-size: 16px;
	/*color: var(--rihterLightLetters);*/
}
#calendarOnMainPanel.fc .fc-toolbar.fc-header-toolbar {
	margin-bottom: 0.5em;
}

#calendarOnMainPanel table.fc-scrollgrid {
	border: none;
}

#calendarOnMainPanel td, #calendarOnMainPanel th {
	border: 1px solid var(--table-borclr);
}

#calendarOnMainPanel .fc-button {
	/*border: black 1px solid;*/
	border-radius: 5px;
	background: rgb(52, 52, 52);
	height: 36px;
	width: 36px;
}

#calendarOnMainPanel .fc-view-harness {
	height:100vh !important;
}

#calendarOnMainPanel.fc-direction-ltr .fc-button-group > .fc-button:first-child {
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	padding: 0.4em 0.15em;
}
#calendarOnMainPanel.fc-direction-ltr .fc-button-group > .fc-button:last-child {
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	padding: 0.4em 0.15em;
}

#calendarOnMainPanel.fc .fc-button .fc-icon {
	font-size: 1.5em;
	line-height: 0.75;
	/*color: var(--rihterLighterLetters);*/
}

#calendarOnMainPanel .fc-todayIcon-button {
	padding: 0.3em 0.25em;
	/*color: var(--rihterLighterLetters);*/
}

#calendarOnMainPanel .fc-col-header-cell {
	/*color: rgb(32 32 32);*/
}

/*ZA EVENTE V KOLEDARJU*/
.fc-h-event{
	border: none;
	border-radius: 10px;
	background-color: transparent;
}

#calendarOnMainPanel .fc-icon {
	color: var(--txtclr-default);
}

#calendarOnMainPanel .fc-multimonth-header,
#calendarOnMainPanel .fc-multimonth-daygrid {
	background: transparent;
}


.customcalendarevent {
	background: var(--mainpanel-content-bgclr);
	border: 1px solid var(--block-bcgclr-sec);
	color: var(--txtclr-default);
	border-radius: 5px;
	padding-left: 4px;
	margin-bottom: 1px;
	width: 100%;
}
/*
.customcalendarevent::after {
	content: "";
	background: var(--clr-blue); 
	width: 4px;
	height: 80%;
	position: absolute;
	right: -2px;
	top: 10%;
	border-radius:5px;
}
*/

/*/#URHVBARVE/*/
/*#calendarOnMainPanel.fc .fc-day.fc-daygrid-day .fc-daygrid-day-events > .fc-daygrid-event-harness:first-of-type com-blockcalendar::part(order-up) {
#calendarOnMainPanel.fc .fc-day.fc-daygrid-day .fc-daygrid-day-events > .fc-daygrid-event-harness com-blockcalendar[order='0']::part(order-up) {
#calendarOnMainPanel.fc .fc-day.fc-daygrid-day .fc-daygrid-day-events com-blockcalendar[data-first-valid]::part(order-up) {*/
#calendarOnMainPanel.fc .fc-day.fc-daygrid-day .fc-daygrid-day-events > .fc-daygrid-event-harness:nth-child( 1 of .fc-daygrid-event-harness:has(> a > .fc-event-main > com-blockcalendar:not([order="-1"])) ) > a > .fc-event-main > com-blockcalendar:not([order="-1"])::part(order-up) {
	background: #555555 !important;
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
}

/*
	//če kje nebo delal has potem je treba tole

	#calendarOnMainPanel.fc .fc-day.fc-daygrid-day .fc-daygrid-day-events com-blockcalendar[data-first-valid]::part(order-up) {
	}

	document.querySelectorAll('#calendarOnMainPanel.fc .fc-day.fc-daygrid-day .fc-daygrid-day-events').forEach(container => {
	  const firstValid = container.querySelector(
		'.fc-daygrid-event-harness > a > .fc-event-main > com-blockcalendar:not([order="-1"])'
	  );
	  if (firstValid) firstValid.setAttribute('data-first-valid', '');
	});
*/

#calendarOnMainPanel.fc .fc-day.fc-daygrid-day .fc-daygrid-day-events > :nth-last-child(1 of .fc-daygrid-event-harness) com-blockcalendar::part(order-down) {
	background: #555555 !important;
	border-bottom-left-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
}

#calendarOnMainPanel.hideOrderButtons com-blockcalendar::part(order-up),
#calendarOnMainPanel.hideOrderButtons com-blockcalendar::part(order-down) {
	display: none;
}