﻿

/* === Abbreviations definition list styling === */
dl.abbr-list {
  display: grid;
  grid-template-columns: minmax(8ch, 18ch) 1fr;
  column-gap: 1.25rem;
  row-gap: 0.25rem;
}
dl.abbr-list dt {
  font-weight: 600;
}
dl.abbr-list dd {
  margin: 0 0 0.25rem 0;
}

/* === Filter input === */
#abbrev-filter {
  width: 100%;
  padding: .5rem .75rem;
  margin: .5rem 0 1rem 0;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: .5rem;
}

/* === Sekce – barevné pouze hlavní položky === */

/* Archivní soubory */
.md-content a[href*="section-fund"], 
.md-nav__list > .md-nav__item > .md-nav__link[href*="section-fund"] .md-ellipsis {
  color: rgb(80, 70, 160);
}

/* Archivní popis */
.md-content a[href*="section-archdesc"], 
.md-nav__list > .md-nav__item > .md-nav__link[href*="section-archdesc"] .md-ellipsis {
  color: rgb(80, 130, 170);
}

/* Entity */
.md-content a[href*="section-entity"], 
.md-nav__list > .md-nav__item > .md-nav__link[href*="section-entity"] .md-ellipsis {
  color: rgb(200, 140, 30);
}

/* Hover efekty pro hlavní sekce */
.md-nav__list > .md-nav__item > .md-nav__link:hover .md-ellipsis {
  color: #e54154;
}
.md-nav__list > .md-nav__item > .md-nav__link[href*="section-fund"]:hover .md-ellipsis {
  color: rgb(120, 110, 200);
}
.md-nav__list > .md-nav__item > .md-nav__link[href*="section-archdesc"]:hover .md-ellipsis {
  color: rgb(120, 170, 210);
}
.md-nav__list > .md-nav__item > .md-nav__link[href*="section-entity"]:hover .md-ellipsis {
  color: rgb(240, 180, 60);
}

/* Barevné sekce – výraznější vyblednutí */
.md-nav__link--passed[href*="section-fund"] .md-ellipsis,
.md-nav__link--passed[href*="section-archdesc"] .md-ellipsis,
.md-nav__link--passed[href*="section-entity"] .md-ellipsis {
  color: var(--md-default-fg-color--lightest);
  opacity: 0.6;
}

/* === Icon grid styling === */
.icon-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  column-gap: 1rem;
  row-gap: 2rem;
  text-align: center;
}
.icon-cell img {
  display: block;
  margin: 0.3em auto 0.5em auto;
}
.icon-cell .label {
  margin-bottom: 0.1em;
}
.icon-cell .detail {
  font-size: 0.8em;
  line-height: 1;
  color: var(--md-default-fg-color--light); 
}

/* === Icon sizes === */
.term-with-icon { 
  display: flex;
  justify-content: space-between;
  align-items: center; 
  gap: .5em; 
}
.term-with-icon img { 
  flex-shrink: 0; 
}
.icon-1em   { width: 1em; height: auto; vertical-align: middle; }
.icon-1_5em { width: 1.5em; height: auto; vertical-align: middle; }
.icon-2em   { width: 2em; height: auto; vertical-align: middle; }
.icon-2_5em { width: 2.5em; height: auto; vertical-align: middle; }
.icon-3em   { width: 3em; height: auto; vertical-align: middle; }
.icon-3_5em { width: 3.5em; height: auto; vertical-align: middle; }
.icon-4em   { width: 4em; height: auto; vertical-align: middle; }

/* === Změna barvy záhlaví === */
.md-header {
  background-color: #352d3c;
}

/* === Barva vyhledávacího boxu === */
.md-search__form {
  background-color: #37343d;
}

/* === Ikona lupy ve vyhledávání === */
.md-search__icon {
  color: #ffffff; /* kontrastní bílá */
}

/* === Hover efekt odkazů v headeru === */
.md-header .md-nav__link:hover,
.md-header .md-nav__link:focus {
  background-color: #3D4D5C;
}

/* === Podtržení aktivní položky v headeru === */
.md-header .md-nav__item--active > .md-nav__link {
  border-bottom: 3px solid #4A5A6B;
}

/* === Pozadí hlavního menu (tabs) === */
.md-tabs {
  background-color: #352d3c;
}

/* === Barva odkazů v menu === */
.md-tabs__link {
  color: rgb(255, 255, 255);
}

/* Hover v menu */
.md-tabs__link:hover,
.md-tabs__link:focus {
  color: #e54154;
  background: none;
}
/* Aktivní položka v menu */
.md-tabs__link--active {
  color: #FFFFFF;
  border-bottom: 3px solid #4A5A6B;
}

/* Global hover */
.md-typeset a:hover {
  color: #e54154; 
}
/* Navigation menu */
.md-content a:hover {
  color: #e54154; 
}
/* === Odkazy v textu a další barvičky === */
:root * {
  --md-typeset-a-color: #000000;
  --md-footer-bg-color: #3f3547;
  --md-footer-fg-color: #e54154;
  --md-default-bg-color: white;
  --md-default-fg-color: rgb(0, 0, 0);
  --md-primary-bg-color: rgb(255, 255, 255);
  /*--md-text-font: "Sans"*/
}
