@font-face {
    font-family: 'GTPressura';
    src: url('font/GT-Pressura-Regular.otf') format('opentype'),
	 url('font/GT-Pressura-Bold.otf') format('opentype'),
 	 url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
    font-weight: normal;
    font-style: normal;
    font-display: swap; 
}



.callnumAndLocation {display:none;}

.hover-overlay div.content {color:#265680;
display:block;}

.recordcover {display:none;}



/* Základné písmo */
body {
  font-family: GTPressura; /*-apple-system, BlinkMacSystemFont, "Roboto", Roboto, "Helvetica Neue", Arial, sans-serif*/
  color: #333;
  background-color: #f4f7f9; /* Svetlé, jemne sivé pozadie */
  font-size:15px;

}

/* Písmo pre nadpisy */
h1, h2, h3, h4, h5, h6 {
  font-family: "GTPressura" /* Moderné bezpätkové písmo */
  font-weight: 600; /* Polotučné */
  color: #2c3e50; /* Tmavá, takmer čierna farba */
}



.search-home-facets {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem; /* Rozostupy medzi stĺpcami */
  margin-top: 2rem;
}

.home-facet {
  background-color: #ffffff;
  padding: 1.5rem;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  flex: 1; /* Aby sa rozdelili do riadku rovnomerne */
}

.home-facet h2 {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #34495e;
  border-bottom: 1px solid #ecf0f1;
  padding-bottom: 0.5rem;
}

.home-facet-list {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color:#393938;
}
.facet__list {background-color:#393939;}

.facet__list .badge, .top-facet-inner .badge, .modal-body {background-color:#393939;}

.table th {color:white;}
.table td {color:#cac7c6;}

.home-facet-list li a {
  display: block;
  padding: 0.25rem 0;
}

/* ==========================================================================
   Striedavé farby pre záznamy
   ========================================================================== */

/* Základné nastavenia záznamov pre jednotné padding a oddelenie */
.record-list li {
  padding: 1rem;
  margin-bottom:5px;
}



/* Jemne tmavší odtieň pre každý párny (druhý, štvrtý, ...) záznam */
.record-list li {
  background-color: #393938; /* Odľahčená svetlosivá, ktorá je blízka pozadiu tela */
}

/* Zmeníme aj farbu odkazu v záznamoch, aby ladila s paletou */
.record-list li a {
  color: #34495e; /* Tmavošedá pre hlavné odkazy v zozname */
}

.record-list li a:hover {
  color: #3498db; /* Modrá pre hover efekt */
}

#search-sidebar .facet-group {background-color: white;}

.facet-group .facet, .facet-load-indicator, .facet-load-failed {
  border-bottom: 0px;
}


.facet-title, .fa-chevron-up {
  background-color: #fdc300;
  color: black;}





/*SNK dizajn*/

header {background-color: #f3efe3;}
body {background-color: #585757;}
.home-facet {
  background-color: #393938;
  padding: 1.5rem;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  flex: 1;
}

.home-facet h2 {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #fff;
  border-bottom: 1px solid #ecf0f1;
  padding-bottom: 0.5rem;
}

a {color:#cac7c6;
text-decoration-line: none;
}

a:hover {color:#fdc300;
text-decoration-line: none;
}

.btn-primary {background-color: #fdc300;
color:#000;
border-radius:0px;}

.btn-default {background-color: #fdc300; border:0px;
border-radius:0px;}


h2 {color:#fff;}

a.advanced-search-link {
  color: #fdc300;
  text-decoration: none;
  
}


 a.advanced-search-link:hover {
  color: #fdc300;
  text-decoration: none;
  border-color:#fdc300;

}


.nav-tabs .nav-link.active {
  color: #fdc300;
  background-color: #585757;
  border-color: #585757;
  font-size: x-large;
}

.nav-tabs {border-bottom: #585757;}

.navbar-brand, .navbar-brand:hover, .navbar-brand:focus {color:#000;
text-decoration: none;
font-size: 30px;
font-weight:bold;}



.searchForm .searchForm-query #searchForm_lookfor {
  padding-right: 38px;
  width: 300px;
}

.searchForm .advanced-search-link, .searchForm:hover .advanced-search-link {
  text-decoration: none;
}


.pagination-simple .pager-text span {color:#cac7c6;}

.pagination-simple .pager-text span strong {color:#fff}

.badge, .top-title {color:#fdc300; font-size:15px}
.badge {padding-left: 3px;}
.result .title {color:#fdc300; font-size:22px;}

span.location {color:#fdc300;}

.result-body, .authors {color:#cac7c6;}
.authors .result-author {color:white; font-size:22px;}
.authors {font-size:22px;}

.top-facet-inner {border:0px;}

.active-filters .filters .filter-value {
  display: inline-block;
  margin-block: 5px;
  padding: 2px 8px;
  font-weight: 600;
  color: fdc300;
  white-space: nowrap;
  text-decoration: none;
  background-color: #393938;
}
.breadcrumb-item, .filters-title {color:white;}

img {border: 1px solid white;}

.location_list {color:white;}

.list-group-item, .facet {background-color: #393938;
color:#cac7c6;
border:0px;}
.list-group {border-radius:0px;}

.related__title {color:#fdc300;}

.record .media {background-color: #393938;
padding-top: 10px;
}

h1[property="name"],a[property="name"],.author-data a, .subject-line a, a.icon-link span,
#content h1, #content h2 {color:#fec300;}

.media-body table tr {background-color:#393938;}

.result .format, a.reset-filters-btn {
  color: #585757;
  background-color: #fec300;
}
a.reset-filters-btn:hover {
color:#fec300;
background-color: #585757;
}

.facet-group .title,
#side-collapse-institution, 
#side-collapse-author_facet, 
#side-collapse-language, #side-collapse-genre_facet,#side-collapse-era_facet,
#side-collapse-geographic_facet,
.facet-group .collapse, .facet-group .collapsing, .facet-group.full-facet-list .facet
 {border:0px;}


.slider-container .slider-handle {background-color: #fdc300;}
.slider-container .slider-selection {background-color: #585757;}




.table td, .table th {background-color: #393938;; border:0px;}

.table-striped > tbody > tr:nth-of-type(2n+1) > *, .search-history-table > tbody > tr:nth-of-type(2n+1) > * {
  --bs-table-color-type: #393938;
  --bs-table-bg-type: #393938;;
  border:0px;
}


.toolbar-btn {background-color: #cac7c6}

mark {
  background-color:#fdc300 ; /* Zvýraznené pozadie */
  color: #585757;          /* Farba textu (čierna pre optimálny kontrast) */
  font-weight: bold;       /* Môžeš pridať aj tučnosť, ak to ešte nie je definované */
}

#birth-anniversaries h3, #birth-anniversaries h4,
#death-anniversaries h3, #death-anniversaries h4,
.jazyk, .oblastposobnosti, .language-list li a {color:#fdc300;}

ul, .popis, .biographyx {color:#cac7c6;}


.authority-record span, div.resultItemLine2 a, .wikidata-container p a  {color:#cac7c6;}
div.resultItemLine2 a:hover {color:white;}
.resultItemLine2, .resultItemLine3, .zdroj, .jazykzoznam {color:white;}


.black-stripe {
    background-color: #000; /* Nastaví farbu pozadia na čiernu */
    height: 20px;           /* Nastaví výšku pásika */
    width: 100%;            /* Zabezpečí, že pásik sa roztiahne na celú šírku stránky */
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.black-footer {
    background-color: #000; /* Nastaví farbu pozadia na čiernu */
    height: 90px;           /* Nastaví výšku pásika */
    width: 100%;            /* Zabezpečí, že pásik sa roztiahne na celú šírku stránky */
    display: flex;
    justify-content: flex-end;
    align-items: center; bottom:0px;

}


.xblack-footer {
  display: flex;
  xjustify-content: space-between; /* Rozloží prvky na začiatok, stred a koniec kontajnera */
  align-items: center; /* Zarovná prvky vertikálne na stred */
 
  margin: 0 auto; /* Vycentruje kontajner na stránke */
  padding: 0 20px; /* Odsadenie po stranách na menších obrazovkách */
  
}



.paticka-odkazy {
  flex-grow: 1; /* Umožní tomuto divu rásť a obsadiť voľné miesto */
  text-align: center; /* Vycentruje odkazy */
}

.paticka-odkazy a {
  margin: 0 40px; /* Väčšie medzery medzi odkazmi */
  text-decoration: none; /* Odstráni podčiarknutie odkazov */
  color: #fff; /* Farba textu odkazov */
  font-weight: bold;
}

.paticka-odkazy a:hover {
  color: #fdc300; /* Zmení farbu po nabehnutí myšou */
}

/* Pomocný div, aby sa stredový obsah vycentroval */
.paticka-prazdny {
  width: 50px; /* Šírka, ktorá sa zhoduje s logom pre správne vycentrovanie */
}

.paticka-logo img {
  height: 75px; /* Výška loga, môžeš zmeniť */
  border:0px;
}

.language-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.language-list li {
    margin: 0 5px;
}

.language-list li.separator {
    margin: 0;
}


.language-list a, .language-list span {
    color: #fff;
    text-decoration: none; /* Odstráni podčiarknutie odkazov */
}

/* Pozadie vyhľadávacieho pásu až po okraj stránky */
header .search.container.navbar {
  background: #585757;
  /* rozšír pozadie do strán (full-bleed hack) */
  box-shadow: 0 0 0 100vmax #585757;
  clip-path: inset(0 -100vmax); /* aby tieň nebol orezaný */
}
