/**
 * @file
 * Lokalni zalozky (local tasks) – samostatna lista zalozek, nezavisla na obsahu.
 *
 * Markup: menu-local-tasks.html.twig (.tabs / .tabs--primary|secondary)
 * a menu-local-task.html.twig (.tabs__item). Nactena globalne pres
 * global-styling, aby zalozky fungovaly na vsech strankach prihlasenych
 * uzivatelu (View/Edit/Delete, /user apod.), ne jen u login formulare.
 * Obalovani do .containeru resi page.html.twig (region highlighted).
 *
 * Paleta vychazi z main.css: zlata #e8cf67, neaktivni #eef3f4/#dbe2e4,
 * text #333, font roboto-slab.
 */

.tabs {
  position: relative;
  z-index: 20;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 25px 0;
  padding: 0;
  list-style: none;
  border-bottom: 2px solid #e8cf67;
}

/**
 * Odsazeni regionu highlighted (zalozky + stavove hlasky) pod fixni navigaci.
 *
 * .nav-top je position:fixed (viz main.css), takze prekryva zacatek #content.
 * Na strankach s hlavickou (page.html.twig) je region highlighted az za .header
 * hero, ktery odsazeni resi. Na HP a strankach bez hlavicky (napr. vysledky
 * fulltextu) je vsak highlighted .container prvnim potomkem #content primo pod
 * navigaci, takze by se zalozky i hlasky schovaly za ni. Proto ho odsadime, ale
 * jen kdyz skutecne neco obsahuje (:has), aby prazdny region na anonymni HP
 * nepridaval mezeru nad hero.
 */
#content > .container:first-child:has(.tabs, .messages) {
  padding-top: 90px;
}

/**
 * Vyhledavaci stranky (body--jerrs, body--search) vytahuji .search box pres
 * hero: negativni margin-top nahoru, left:-10px a .search-results
 * margin-left/right:-30px do stran (viz main.css). Region highlighted (zalozky +
 * stavove hlasky) se ale renderuje nad obsahem, takze by ho vytazeny search box
 * prekryl a jeho horizontalni presah by se s nim nezarovnal. Kdyz region neco
 * obsahuje (:has(.tabs) u prihlaseneho editora, :has(.messages) pri hlasce),
 * proto tyto presahy vynulujeme, aby search box sedel jako bezny blok zarovnany
 * na .container stejne jako hlaska. Bez obsahu (anonym bez hlasky) zustava
 * puvodni design.
 */
.body--jerrs #content:has(.tabs, .messages) .search,
.body--search #content:has(.tabs, .messages) .search {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  left: 0;
}

.body--jerrs #content:has(.tabs, .messages) .search-results,
.body--search #content:has(.tabs, .messages) .search-results {
  margin-left: 0;
  margin-right: 0;
}

.tabs__item {
  margin: 0;
}

.tabs__item a {
  display: inline-block;
  padding: 12px 24px;
  font-family: "roboto-slab", Arial, sans-serif;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  background: #eef3f4;
  border-radius: 9px 9px 0 0;
  transition: background 150ms ease, color 150ms ease;
}

.tabs__item a:hover,
.tabs__item a:focus {
  background: #dbe2e4;
}

.tabs__item a.is-active {
  color: #333;
  background: #e8cf67;
}

/* Sekundarni zalozky – jemnejsi, bez spodni linky. */
.tabs--secondary {
  margin-top: 10px;
  border-bottom: none;
}

.tabs--secondary .tabs__item a {
  padding: 8px 16px;
  font-size: 13px;
  border-radius: 6px;
}