@charset "UTF-8";

.cell-base-color {	
	background-color: transparent;
}

/*
.cell-selected-color {	
	background-color: #4784ff !important;
	color: white;
}

.head-cell-selected-color {	
	background-color: #397cff !important;
	color: white;
}
*/

.cell-selected-color {	
	background-color: lightgoldenrodyellow !important;
}



.head-cell-selected-color {	
	background-color: #4784ff !important;
	color: white;
}

/*.blink {
  color: #FF0000;
  animation: blinker 1s linear infinite;
}

.blink>td:nth-child(1) {
  background-color: #080;
}

@keyframes blinker {
  10% {
    opacity: 0;
  }
}
*/

.show-blink {
    /*color: #800020;*/
    /*font-weight: bold;*/
    background-color: #f8d7da !important;
}

.total-class-cell {
		background-color: #cfe2ff !important;
}

.total-supplementary-class-cell {
		background-color: #ecf3ff !important;
}

.cell-additional-class-color {
		background-color: #f3e8ff !important;
		font-style: italic;
}

/* ===== Redizajn sekcije "Raspored časova" ===== */

.schedule-week-banner {
	display: flex;
	align-items: center;
	gap: 14px;
	background-color: #F0F5FE;
	border-radius: 16px;
	padding: 16px 22px;
	margin: 20px 0;
	font-size: 1.05rem;
	color: #16233F;
}

.schedule-week-banner i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 10px;
	background-color: #E7EEFC;
	color: #5B8DEF;
	font-size: 1.1rem;
	flex-shrink: 0;
}

.schedule-tabs {
	border-bottom: 1px solid #E7ECF5;
}

.schedule-tabs .nav-link {
	border: none;
	color: #5B8DEF;
	font-weight: 500;
	padding-bottom: 12px;
}

.schedule-tabs .nav-link.active {
	color: #16233F;
	font-weight: 600;
	border: none;
	border-bottom: 2px solid #16233F;
	background: transparent;
}

.schedule-heading {
	color: #16233F;
	font-weight: 500;
}

.schedule-precas-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 14px;
	border-radius: 999px;
	background-color: #E7EEFC;
	color: #33507D;
	font-weight: 700;
	font-size: 0.85rem;
	letter-spacing: .02em;
	vertical-align: middle;
}

.schedule-precas-badge .dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #5B8DEF;
	display: inline-block;
}

.schedule-table-wrap {
	border-radius: 14px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #E7ECF5;
}

.schedule-table {
	margin-bottom: 0;
}

.schedule-table thead th {
	background-color: #FFFFFF;
	color: #16233F;
	font-weight: 700;
	border-bottom: 2px solid #E7ECF5 !important;
}

.schedule-table td, .schedule-table th {
	border-color: #EDF1F7 !important;
	vertical-align: middle;
}

.precas-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background-color: #5B8DEF;
	color: #fff;
	font-weight: 600;
	font-size: 0.8rem;
	margin-right: 8px;
}

.precas-tag {
	display: inline-flex;
	align-items: center;
	padding: 2px 10px;
	border-radius: 999px;
	background-color: #E7EEFC;
	color: #33507D;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: .03em;
}

.schedule-footnote {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #33507D;
	margin-top: 16px;
}

.schedule-footnote i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: #5B8DEF;
	color: #fff;
	font-size: 0.75rem;
}