/* ============================================================
   Administrácia — zladenie s webom UVP TECHNICOM
   ------------------------------------------------------------
   Prekryvný štýl. Načítava sa ako posledný, nad AdminLTE, takže
   sa nič pôvodné nemaže: stačí tento súbor odstrániť z Header.php
   a vzhľad je ako predtým.

   Farby sú tie isté ako na webe (Divi-child/style.css) a ako
   v používateľskej časti (css/uvp.css).
   ============================================================ */

@import url("fonty/fonty.css");

:root {
	--uvp-cierna: #111111;
	--uvp-cierna-svetla: #1f1f1f;
	--uvp-zlata: #a59466;
	--uvp-zlata-svetla: #d9c79a;
	--uvp-zlata-hover: #c4b184;
	--uvp-text: #3d3a34;
	--uvp-karta: #f7f7f5;
	--uvp-ramik: #e4e2dc;
	--uvp-sedy: #a8a294;
	--uvp-zelena: #2f6b4f;
	--uvp-zelena-tmava: #275a43;
}

/* --- písmo ---------------------------------------------------- */

body,
.wrapper,
.content-wrapper,
.main-sidebar,
.btn,
.form-control,
.custom-select {
	font-family: "Poppins", "Open Sans", -apple-system, "Segoe UI", sans-serif;
}

h1, h2, h3, h4, h5, h6,
.card-title,
.brand-text,
.uvp-dlazdica-cislo {
	font-family: "Open Sans", "Poppins", -apple-system, "Segoe UI", sans-serif;
	font-weight: 700;
	letter-spacing: -.015em;
}

.content-wrapper {
	background: #f4f4f2;
}

.content-header h1 {
	color: var(--uvp-cierna);
	font-size: 26px;
}

/* --- bočné menu ----------------------------------------------- */

.main-sidebar,
.main-sidebar .sidebar,
aside.main-sidebar.sidebar-dark-primary {
	background: var(--uvp-cierna) !important;
}

.main-sidebar .brand-link {
	border-bottom: 1px solid rgba(255, 255, 255, .08);
	background: var(--uvp-cierna);
}

.main-sidebar .brand-link .main-logo,
.main-sidebar .brand-link img {
	/* logo je tmavé, na čiernom pozadí ho treba zosvetliť */
	filter: brightness(0) invert(1);
	opacity: .92;
}

.nav-sidebar .nav-link {
	border-radius: 0;
	color: #cfcabd;
	font-size: 14px;
}

.nav-sidebar .nav-link:hover {
	background: rgba(255, 255, 255, .06);
	color: #ffffff;
}

.nav-sidebar > .nav-item > .nav-link.active,
.nav-sidebar > .nav-item > .nav-link.active:focus,
.nav-sidebar > .nav-item > .nav-link.active:hover,
.nav-sidebar .nav-treeview > .nav-item > .nav-link.active {
	background: rgba(165, 148, 102, .18) !important;
	color: #ffffff !important;
	/* Pasik kresli tien dovnutra, nie ramcek. Ramcek by polozku
	   posunul o tri pixely a menu by pri kliknuti poskocilo. */
	box-shadow: inset 3px 0 0 0 var(--uvp-zlata);
}

/*
 * Popisky v menu sa pri kazdom nacitani stranky rozsvecovali z nuly:
 * AdminLTE im dava animaciu fadeIn s fill-mode both. Preto preblikaval
 * text v menu a nie meno pouzivatela, to v <p> vnutri nav-link nie je.
 * Pri rozbalovani zuzeneho menu ma ten prechod zmysel, tam ostava.
 */
body:not(.sidebar-collapse) .nav-sidebar .nav-link p,
body:not(.sidebar-collapse) .nav-sidebar .nav-header {
	animation: none !important;
}

/* AdminLTE prehrava pri kliknuti prechod farby pozadia, co pri tmavom
   menu vyzera ako preblikavanie. */
.main-sidebar .nav-sidebar .nav-link,
.main-sidebar .nav-sidebar .nav-link:hover,
.main-sidebar .nav-sidebar .nav-link.active {
	transition: none !important;
}

.main-sidebar .nav-sidebar .nav-link:active,
.main-sidebar .nav-sidebar .nav-link:focus {
	outline: none;
}

.nav-sidebar .nav-header {
	color: var(--uvp-zlata);
	font-size: 11px;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.user-panel {
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}

/* --- horná lišta ---------------------------------------------- */

.main-header.navbar {
	background: #ffffff !important;
	border-bottom: 1px solid var(--uvp-ramik);
}

.main-header .nav-link {
	color: var(--uvp-text) !important;
	font-weight: 500;
}

.main-header .nav-link:hover {
	color: var(--uvp-cierna) !important;
}

/* --- karty ---------------------------------------------------- */

.card {
	border: 1px solid var(--uvp-ramik);
	border-radius: 10px;
	box-shadow: 0 1px 2px rgba(17, 17, 17, .04);
}

.card-header {
	background: transparent;
	border-bottom: 1px solid var(--uvp-ramik);
	border-radius: 10px 10px 0 0;
}

.card-title {
	color: var(--uvp-cierna);
	font-size: 17px;
}

.card-primary:not(.card-outline) > .card-header,
.card-info:not(.card-outline) > .card-header,
.card-success:not(.card-outline) > .card-header {
	background: var(--uvp-cierna);
	color: #ffffff;
}

/* Nadpis dedi farbu z .card-title, cize by na tmavej hlavicke
   zostal cierny na ciernom. */
.card-primary:not(.card-outline) > .card-header .card-title,
.card-info:not(.card-outline) > .card-header .card-title,
.card-success:not(.card-outline) > .card-header .card-title {
	color: #ffffff;
}

/* --- tlačidlá ------------------------------------------------- */

.btn {
	border-radius: 8px;
	font-weight: 600;
}

.btn-primary,
.btn-info {
	background: var(--uvp-cierna);
	border-color: var(--uvp-cierna);
	color: #ffffff;
}

.btn-primary:hover, .btn-primary:focus,
.btn-info:hover, .btn-info:focus {
	background: var(--uvp-cierna-svetla);
	border-color: var(--uvp-cierna-svetla);
	transform: translateY(-1px);
}

/* Stlacene a aktivne. Bootstrap na to ma vlastne, specifickejsie
   pravidlo, takze bez tohto sa v tychto stavoch vratila modra.
   Vidno to na pohladoch kalendara (Mesiac, Tyzden, Den, Rozvrh). */
.btn-primary:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.show > .btn-info.dropdown-toggle {
	background: var(--uvp-cierna);
	border-color: var(--uvp-cierna);
	color: #ffffff;
	transform: none;
}

/* zvolena polozka v skupine tlacidiel, napriklad pohlad kalendara */
.btn-primary:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled).active {
	background: var(--uvp-zlata);
	border-color: var(--uvp-zlata);
	color: var(--uvp-cierna);
	transform: none;
}

/* Vypnute tlacidlo. Tlacidlo Dnes je v aktualnom mesiaci vypnute,
   preto bolo modre. */
.btn-primary:disabled, .btn-primary.disabled,
.btn-info:disabled, .btn-info.disabled {
	background: var(--uvp-karta);
	border-color: var(--uvp-ramik);
	color: var(--uvp-sedy);
	opacity: 1;
	transform: none;
}

/* Modry prstenec po kliknuti. */
.btn-primary:focus, .btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-info:focus, .btn-info.focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-secondary:focus, .btn-secondary.focus,
.btn-success:focus, .btn-success.focus,
.btn-danger:focus, .btn-danger.focus {
	box-shadow: 0 0 0 .2rem rgba(165, 148, 102, .35);
}

.btn-secondary,
.btn-default {
	background: #ffffff;
	border-color: var(--uvp-ramik);
	color: var(--uvp-text);
}

.btn-secondary:hover,
.btn-default:hover {
	background: var(--uvp-ramik);
	color: var(--uvp-cierna);
}

/* Potvrdzujuce akcie su zelene. Tlmena zelen, nie bootstrapova neonova,
   nech sedi k ciernej a zlatej. */
.btn-success {
	background: var(--uvp-zelena);
	border-color: var(--uvp-zelena);
	color: #ffffff;
}

.btn-success:hover, .btn-success:focus {
	background: var(--uvp-zelena-tmava);
	border-color: var(--uvp-zelena-tmava);
	color: #ffffff;
}

/* Zamietnutie a odstranenie su obe cervene, ale nie su to tie iste veci:
   zamietnutie je rozhodnutie, odstranenie zmaze zaznam. */
.btn-outline-danger {
	background: transparent;
	border-color: #c9a2a2;
	color: #8a3c3c;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus {
	background: #8a3c3c;
	border-color: #8a3c3c;
	color: #ffffff;
}

/* V patke okna nech je vidno, kde koncia bezne akcie */
.modal-footer .btn + .btn {
	margin-left: 6px;
}

#delete-reservation {
	margin-left: 18px;
}

.btn-outline-info {
	color: var(--uvp-cierna);
	border-color: var(--uvp-ramik);
}

.btn-outline-info:hover {
	background: var(--uvp-cierna);
	border-color: var(--uvp-cierna);
	color: #ffffff;
}

/* mazanie zostáva červené, to je jediné miesto, kde má byť výstraha */

/* --- tabuľky -------------------------------------------------- */

.table thead th {
	border-bottom: 2px solid var(--uvp-ramik);
	color: var(--uvp-text);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.table td,
.table th {
	border-top-color: var(--uvp-ramik);
}

.table-striped tbody tr:nth-of-type(odd) {
	background: rgba(228, 226, 220, .28);
}

.table-hover tbody tr:hover {
	background: rgba(165, 148, 102, .10);
}

/* --- formuláre ------------------------------------------------ */

.form-control:focus,
.custom-select:focus {
	border-color: var(--uvp-zlata);
	box-shadow: 0 0 0 .2rem rgba(165, 148, 102, .22);
}

.custom-control-input:checked ~ .custom-control-label::before,
.icheck-primary > input:first-child:checked + input[type="hidden"] + label::before,
.icheck-primary > input:first-child:checked + label::before {
	background: var(--uvp-cierna);
	border-color: var(--uvp-cierna);
}

/* --- stránkovanie a odznaky ----------------------------------- */

.page-item.active .page-link {
	background: var(--uvp-cierna);
	border-color: var(--uvp-cierna);
}

.page-link {
	color: var(--uvp-text);
}

.page-link:hover {
	color: var(--uvp-cierna);
	background: var(--uvp-ramik);
}

.badge-info,
.badge-primary {
	background: var(--uvp-cierna);
}

.badge-success {
	background: var(--uvp-zlata);
}

/* --- hlásenia ------------------------------------------------- */

.toast {
	border-radius: 10px;
}

.bg-success {
	background: var(--uvp-zlata) !important;
}

.alert-info {
	background: var(--uvp-karta);
	border-color: var(--uvp-ramik);
	color: var(--uvp-text);
}

/* --- odkazy --------------------------------------------------- */

a {
	color: var(--uvp-cierna);
}

a:hover {
	color: var(--uvp-zlata-hover);
}

/* ============================================================
   ÚVODNÁ STRÁNKA: dlaždice
   ------------------------------------------------------------
   Zvýraznená je len tá, ktorá si pýta pozornosť, a len vtedy,
   keď je čo riešiť. Ostatné sú informácie, nie upozornenia.
   ============================================================ */

.uvp-dlazdice {
	margin-bottom: 6px;
}

.uvp-dlazdica {
	position: relative;
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 18px 20px 16px;
	background: #ffffff;
	border: 1px solid var(--uvp-ramik);
	border-radius: 10px;
	color: var(--uvp-text);
	text-decoration: none;
	transition: transform .15s ease, box-shadow .15s ease;
}

.uvp-dlazdica:hover,
.uvp-dlazdica:focus {
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(17, 17, 17, .08);
	color: var(--uvp-text);
	text-decoration: none;
}

.uvp-dlazdica-cislo {
	display: block;
	font-size: 38px;
	line-height: 1.1;
	color: var(--uvp-cierna);
}

.uvp-dlazdica-popis {
	display: block;
	margin-top: 2px;
	font-size: 14px;
	font-weight: 600;
	color: var(--uvp-cierna);
}

.uvp-dlazdica-detail {
	display: block;
	min-height: 18px;
	margin-top: 4px;
	font-size: 12px;
	color: var(--uvp-sedy);
}

.uvp-dlazdica-ikona {
	position: absolute;
	top: 16px;
	right: 18px;
	font-size: 30px;
	color: var(--uvp-ramik);
}

/* čaká na schválenie a je čo riešiť */
.uvp-dlazdica--caka {
	background: var(--uvp-cierna);
	border-color: var(--uvp-cierna);
}

.uvp-dlazdica--caka .uvp-dlazdica-cislo,
.uvp-dlazdica--caka .uvp-dlazdica-popis {
	color: #ffffff;
}

.uvp-dlazdica--caka .uvp-dlazdica-detail {
	color: var(--uvp-zlata-svetla);
}

.uvp-dlazdica--caka .uvp-dlazdica-ikona {
	color: rgba(255, 255, 255, .14);
}

.uvp-dlazdica--caka:hover,
.uvp-dlazdica--caka:focus {
	background: var(--uvp-cierna-svetla);
}

/* nič nečaká */
.uvp-dlazdica--vybavene .uvp-dlazdica-cislo {
	color: var(--uvp-sedy);
}

/* --- zoznam na dnes --- */

.uvp-dnes .card-body {
	border-radius: 0 0 10px 10px;
}

.uvp-dnes-cas {
	font-variant-numeric: tabular-nums;
	font-weight: 600;
	color: var(--uvp-cierna);
	white-space: nowrap;
}

.uvp-prazdne-dnes {
	margin: 0;
	padding: 22px 20px;
	color: var(--uvp-sedy);
}

@media (max-width: 575px) {
	.uvp-dlazdica-cislo { font-size: 30px; }
	.uvp-dlazdica-ikona { display: none; }
}


/* --- zastupny obrazok pouzivatela ---
   Povodny bol modry a k nicomu, je to len vypln bez fotky. */
.user-panel .uvp-pouzivatel {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(165, 148, 102, .22);
	color: var(--uvp-zlata-svetla);
	font-size: 15px;
}


/* --- TV zobrazenie (rozcestnik v administracii) --- */

.uvp-tv-popis {
	max-width: 760px;
	color: var(--uvp-sedy);
	font-size: 13px;
}

.uvp-tv-adresa {
	display: flex;
	gap: 10px;
	max-width: 620px;
}

.uvp-tv-tabulka input[readonly] {
	background: var(--uvp-karta);
	border-color: var(--uvp-ramik);
	color: var(--uvp-text);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 12px;
	cursor: text;
}

.uvp-tv-kod {
	display: inline-block;
	min-width: 56px;
	padding: 3px 10px;
	border-radius: 6px;
	background: var(--uvp-cierna);
	color: #ffffff;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 13px;
	text-align: center;
}


/* --- suhrn v statistikach ---
   Posledna dlazdica ma namiesto cisla nazov miestnosti. */

.uvp-dlazdica-cislo--text {
	font-size: 19px;
	line-height: 1.25;
	padding-right: 36px;
	word-break: break-word;
}

.uvp-suhrn .uvp-dlazdica {
	cursor: default;
}

.uvp-suhrn .uvp-dlazdica:hover {
	transform: none;
	box-shadow: none;
}


/* --- grafy v statistikach ---
   Platno malo natvrdo 400x400, cize sa stvorec roztiahol cez pol
   stranky. Vysku teraz urcuje obal, sirku si graf dopocita. */

.uvp-graf {
	position: relative;
	height: 320px;
}

.uvp-graf canvas {
	max-height: 320px;
}

.uvp-graf-popis {
	color: var(--uvp-sedy);
	font-size: 12px;
}


/* --- paticka administracie --- */

.main-footer {
	background: #ffffff;
	border-top: 1px solid var(--uvp-ramik);
	color: var(--uvp-text);
	font-size: 13px;
}

.main-footer a {
	color: var(--uvp-cierna);
	font-weight: 600;
}

.uvp-paticka-oddelovac,
.uvp-paticka-popis {
	color: var(--uvp-sedy);
}

.uvp-paticka-verzia {
	color: var(--uvp-sedy);
	font-variant-numeric: tabular-nums;
}


/* ============================================================
   DETAIL REZERVÁCIE
   ------------------------------------------------------------
   Údaje v skupinách namiesto štrnástich riadkov „Názov: hodnota"
   pod sebou. Názov podujatia je nadpis, nie ďalší riadok.
   ============================================================ */

.uvp-detail-hlavicka {
	padding: 4px 0 16px;
	margin-bottom: 18px;
	border-bottom: 1px solid var(--uvp-ramik);
}

.uvp-detail-nazov {
	margin: 0 0 8px;
	font-size: 21px;
	line-height: 1.3;
	color: var(--uvp-cierna);
}

.uvp-detail-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	color: var(--uvp-sedy);
}

.uvp-detail-typ {
	padding: 2px 9px;
	border: 1px solid var(--uvp-ramik);
	border-radius: 11px;
	color: var(--uvp-text);
	font-weight: 600;
}

/* --- skupiny --- */

.uvp-skupina + .uvp-skupina {
	margin-top: 22px;
}

.uvp-skupina-nadpis {
	margin: 0 0 10px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--uvp-zlata);
}

.uvp-udaj-riadok {
	padding: 7px 0;
	border-bottom: 1px solid #f0efeb;
}

.uvp-udaj-riadok:last-child {
	border-bottom: 0;
}

.uvp-udaj-nazov {
	display: block;
	font-size: 11px;
	color: var(--uvp-sedy);
	letter-spacing: .04em;
}

.uvp-udaj-hodnota {
	display: block;
	margin-top: 1px;
	color: var(--uvp-text);
	word-break: break-word;
}

.uvp-udaj-prazdne {
	color: #c3bfb4;
	font-style: italic;
}

/* --- priznaky ano/nie --- */

.uvp-priznak {
	display: inline-block;
	padding: 1px 9px;
	border-radius: 10px;
	background: var(--uvp-ramik);
	color: var(--uvp-text);
	font-size: 12px;
	font-weight: 600;
}

.uvp-priznak--ano {
	background: var(--uvp-cierna);
	color: #ffffff;
}

/* --- plagat --- */

.uvp-plagat-nahlad {
	display: block;
	width: 100%;
	max-height: 230px;
	object-fit: contain;
	object-position: left top;
	background: var(--uvp-karta);
	border: 1px solid var(--uvp-ramik);
	border-radius: 8px;
	padding: 6px;
}

.uvp-skupina--plagat a:hover .uvp-plagat-nahlad {
	border-color: var(--uvp-zlata);
}


/* --- formulare presunute do dialogov (Miestnosti) ---
   Karta uz je obalena oknom, takze nepotrebuje vlastny ramik
   ani nadpis, ten je v hlavicke okna. */

.uvp-dialog-telo .uvp-dialog-karta {
	margin: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
}

.uvp-dialog-telo .uvp-dialog-karta > .card-header {
	display: none;
}

.uvp-dialog-telo .uvp-dialog-karta > .card-body {
	padding: 0;
}

.uvp-dialog-telo .card-footer {
	background: transparent;
	border-top: 1px solid var(--uvp-ramik);
	padding-left: 0;
	padding-right: 0;
}


/* ============================================================
   RÝCHLA ÚPRAVA
   ------------------------------------------------------------
   Tie isté skupiny ako v detaile, len sa hodnoty dajú upraviť
   dvojklikom. Prázdnu hodnotu píše CSS, nie je v DOM, aby sa
   zástupný text omylom neuložil do databázy.
   ============================================================ */

.uvp-upravitelne {
	min-height: 22px;
	padding: 1px 4px;
	margin-left: -4px;
	border-radius: 4px;
	cursor: text;
}

.uvp-upravitelne:hover {
	background: var(--uvp-karta);
	text-decoration: none !important;
}

.uvp-upravitelne:empty::before {
	content: "neuvedené";
	color: #c3bfb4;
	font-style: italic;
}

.uvp-upravitelne.editing-cell {
	padding: 0;
	margin-left: 0;
	background: none;
}

.uvp-rychla-skupiny .uvp-skupina {
	margin-top: 0;
}


/* ============================================================
   ÚPRAVA DOTAZNÍKA
   ------------------------------------------------------------
   Prvky sa dajú presunúť uchopením za ľavú rukoväť. Šípky
   zostávajú, na dotykovom zariadení sa ťahať nedá.
   ============================================================ */

.uvp-uchop {
	color: #b9b5a9;
	cursor: grab;
}

.uvp-uchop:active {
	cursor: grabbing;
}

.element-panel:hover .uvp-uchop {
	color: var(--uvp-zlata);
}

.uvp-uchop-miesto {
	height: 54px;
	margin-top: 8px;
	border: 1px dashed var(--uvp-zlata);
	background: #faf8f3;
}

.ui-sortable-helper {
	box-shadow: 0 6px 18px rgba(0, 0, 0, .14);
}


/* ============================================================
   TABUĽKY
   ------------------------------------------------------------
   Len vodorovné linky. Zvislé čiary kreslili v karte mriežku
   navyše k jej vlastnému rámiku.
   ============================================================ */

.card .table-bordered,
.card .table-bordered > thead > tr > th,
.card .table-bordered > tbody > tr > th,
.card .table-bordered > tbody > tr > td,
.card .table-bordered > tfoot > tr > td {
	border-left: 0;
	border-right: 0;
}

.card .table-bordered > thead > tr > th {
	border-top: 0;
}

.card .table th,
.card .table td {
	border-color: var(--uvp-ramik);
}

/* --- rozbalenie skrytých stĺpcov ----------------------------- */

body table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
body table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
	padding-left: 36px;
}

body table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
body table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
	top: 13px;
	left: 10px;
	margin-top: 0;
	height: 16px;
	width: 16px;
	line-height: 15px;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	color: var(--uvp-text);
	background-color: #ffffff;
	border: 1px solid var(--uvp-ramik);
	border-radius: 50%;
	box-shadow: none;
}

body table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"]:hover > td:first-child:before {
	border-color: var(--uvp-zlata);
	color: var(--uvp-cierna);
}

body table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
body table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before,
body table.dataTable.dtr-inline.collapsed > tbody > tr.parent:hover > td:first-child:before,
body table.dataTable.dtr-inline.collapsed > tbody > tr.parent:hover > th:first-child:before {
	content: "\2013";
	color: #ffffff;
	background-color: var(--uvp-cierna);
	border-color: var(--uvp-cierna);
}

/* --- rozbalený riadok --------------------------------------- */

table.dataTable > tbody > tr.child {
	background: var(--uvp-karta) !important;
}

table.dataTable > tbody > tr.child > td {
	padding-left: 36px;
}

table.dataTable > tbody > tr.child ul.dtr-details {
	display: block;
	width: 100%;
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
	border-bottom: 1px solid var(--uvp-ramik);
	padding: 7px 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li > .dtr-title {
	display: inline-block;
	min-width: 170px;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: .03em;
	color: var(--uvp-sedy);
	text-transform: uppercase;
}


/* ============================================================
   MIESTNOSTI
   ------------------------------------------------------------
   Fotka miestnosti sa vypisovala do výšky 120 px, takže riadok
   tabuľky bol vyšší ako 130 px. Je z nej náhľad, celý obrázok
   sa otvorí kliknutím na vlastnej karte.
   ============================================================ */

.uvp-nahlad-miestnosti {
	width: 96px;
	height: 56px;
	object-fit: cover;
	border: 1px solid var(--uvp-ramik);
	border-radius: 6px;
	background: var(--uvp-karta);
}

.uvp-ikona-miestnosti {
	width: 44px;
	height: 44px;
	object-fit: cover;
	border: 1px solid var(--uvp-ramik);
	background: var(--uvp-karta);
}

a:hover > .uvp-nahlad-miestnosti,
a:hover > .uvp-ikona-miestnosti {
	border-color: var(--uvp-zlata);
}

/* ============================================================
   KARTA V ZÁLOŽKE
   ------------------------------------------------------------
   Samostatné zoznamy sa presunuli do záložiek. Pôvodná karta
   zostala, len už nepotrebuje vlastný rámik ani nadpis, ten je
   v názve záložky.
   ============================================================ */

.uvp-zalozka-karta {
	margin: 0;
	border: 0;
	box-shadow: none;
	background: transparent;
}

.uvp-zalozka-karta > .card-header {
	padding: 0 0 12px;
	border: 0;
	background: transparent;
	border-radius: 0;
	min-height: 0;
}

.uvp-zalozka-karta > .card-body {
	padding: 0;
}

/* hlavička bez nadpisu nemá čo zarovnávať doprava */
.uvp-zalozka-karta > .card-header > .card-tools {
	position: static;
	float: none;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

/* Nástroje karty (pridať, stiahnuť) idú doprava, nad vyhľadávanie. */
.uvp-zalozka-karta > .card-header > .card-tools {
	justify-content: flex-end;
}