/* Šibor Tools – tabulky parametrů (Tabulka Všechny / Tabulka Jeden) */

.sibor-table-widget {
	--sibor-orange: #f4801f;
	--sibor-navy: #1c2d4f;
	--sibor-border: #e2e2e2;
}

.sibor-table__heading {
	margin: 0 0 16px;
	font-size: 24px;
	font-weight: 700;
	color: var(--sibor-navy);
	text-align: center;
}

/* Wrapper umožňující vodorovné posouvání na mobilu, aniž by "utekla"
   celá stránka do strany. */
.sibor-table__scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border-radius: 8px;
	border: 1px solid var(--sibor-border);
}

.sibor-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: #ffffff;
	font-size: 14px;
}

.sibor-table th,
.sibor-table td {
	padding: 12px 16px;
	border-bottom: 1px solid var(--sibor-border);
	border-right: 1px solid var(--sibor-border);
	text-align: center;
	white-space: nowrap;
}

.sibor-table th:last-child,
.sibor-table td:last-child {
	border-right: none;
}

.sibor-table tbody tr:last-child th,
.sibor-table tbody tr:last-child td {
	border-bottom: none;
}

.sibor-table thead th {
	background-color: var(--sibor-orange);
	color: #ffffff;
	font-weight: 700;
	vertical-align: middle;
}

.sibor-table__photo {
	display: block;
	width: 100%;
	max-width: 130px;
	height: 60px;
	object-fit: contain;
	margin: 0 auto 8px;
}

.sibor-table__col-name {
	display: block;
	font-size: 14px;
	white-space: normal;
}

.sibor-table__label-col {
	text-align: left;
	font-weight: 600;
	color: var(--sibor-navy);
	white-space: normal;
	min-width: 220px;
}

.sibor-table tr.is-highlight td {
	background-color: #e8f0fb;
	font-weight: 700;
}

.sibor-table tbody tr:not(.is-highlight):hover td {
	background-color: #faf7f2;
}

.sibor-table__scroll tbody tr:not(.is-highlight):hover .sibor-table__label-col {
	background-color: #faf7f2;
}

/* Sticky první sloupec s popisky - zůstává vidět i při posouvání vpravo. */
.sibor-table__scroll .sibor-table__label-col {
	position: sticky;
	left: 0;
	z-index: 2;
	background-color: #ffffff;
	box-shadow: 2px 0 4px rgba(0, 0, 0, 0.06);
}

.sibor-table__scroll thead .sibor-table__label-col {
	background-color: var(--sibor-orange);
	z-index: 3;
}

.sibor-table__scroll tr.is-highlight .sibor-table__label-col {
	background-color: #e8f0fb;
}

/* Tabulka pro jeden jeřáb - bez scrollu, 2 sloupce na celou šířku. */
.sibor-table--single td,
.sibor-table--single th {
	white-space: normal;
}

.sibor-table--single .sibor-table__label-col {
	width: 55%;
}

@media (max-width: 600px) {
	.sibor-table th,
	.sibor-table td {
		padding: 10px 12px;
		font-size: 13px;
	}
	.sibor-table__label-col {
		min-width: 160px;
	}
}