/*
	calendar.css (kalucity)
	Kalendar na stranici nagrada (dan / nedelja / mesec).
*/

#ps-container .calendar {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
	font-variant-numeric: tabular-nums;
}
#ps-container .calendar-hdr { text-align: center; color: var(--gold-hi); font: 600 12px var(--font-head); letter-spacing: .05em; }
#ps-container .calendar-cell a,
#ps-container .calendar-week a { color: var(--text); font-size: 11px; }

#ps-container .calendar-hdr-sun, #ps-container .calendar-hdr-mon, #ps-container .calendar-hdr-tue,
#ps-container .calendar-hdr-wed, #ps-container .calendar-hdr-thu, #ps-container .calendar-hdr-fri,
#ps-container .calendar-hdr-sat, #ps-container .calendar-hdr-week {
	padding: 4px 0;
	font-size: 11px;
	font-weight: 600;
	color: var(--mute);
	border-bottom: 1px solid var(--line-2);
}
#ps-container .calendar-hdr-week { border-right: 1px solid var(--line-2); }

#ps-container .calendar-cell,
#ps-container .calendar-week {
	padding: 6px 0;
	text-align: center;
	font-size: 11px;
	color: var(--mute);
	background: rgba(255, 255, 255, .025);
	border-radius: 4px;
}
#ps-container .calendar-week { color: var(--dim); background: rgba(255, 255, 255, .04); }

#ps-container .calendar-cell-hasdata,
#ps-container .calendar-week-hasdata {
	font-weight: 700;
	color: var(--text);
	background: rgba(181, 150, 74, .16);
	cursor: pointer;
}
#ps-container .calendar-cell-overflow { color: #4a4f56; background: transparent; }
#ps-container .calendar-cell-overflowdata { font-weight: 700; color: var(--dim); background: rgba(181, 150, 74, .08); cursor: pointer; }

#ps-container .calendar-week-selected,
#ps-container .calendar-cell-selected,
#ps-container .calendar-month-selected tr.calendar-hdr td.calendar-month-name,
#ps-container .calendar-week-cell {
	font-weight: 700;
	color: var(--gold-ink);
	background: linear-gradient(var(--gold-hi), var(--gold));
}
#ps-container .calendar-week-cell a, #ps-container .calendar-cell-selected a, #ps-container .calendar-week-selected a { color: var(--gold-ink); }
#ps-container .calendar-cell-today { outline: 1px solid var(--gold); outline-offset: -1px; color: var(--text); }

#ps-container .calendar-hover,
#ps-container .calendar-hover-week { background: rgba(212, 180, 104, .28); color: var(--text); }