/* ==========================================================================
   cbu-templates.css — styly pro Liferay šablony z liferay-templates/
   --------------------------------------------------------------------------
   Web Content Templates a ADT se spravují v Liferay admin UI (viz
   liferay-templates/README.md) a CSS si dřív nesly samy v inline <style>.
   To ale není validní HTML — <style> patří do <head>, ne do <body> — a
   Liferay <@liferay_util["html-top"]> tady nepomůže: web content se renderuje
   až v těle stránky, kdy je <head> dávno odeslaný, takže se blok tiše zahodí
   (projevilo se to ztrátou zaoblení infobarů).

   Proto CSS žije tady: načítá se <link>em z portal_normal.ftl, je validní,
   cachovatelné a dorazí vždy.

   POZOR na provázání: když měníš třídy v liferay-templates/, projdi i tenhle
   soubor — a naopak. Nasazuje se odděleně (šablony ručně přes admin UI,
   tenhle soubor v theme WARu).

   Do gov CSS (cbu-gov.src.css / cbu-gov-layout.src.css) tohle nepatří — ty
   jsou vendorované kopie gov design systemu a při jeho upgradu se přepisují
   (viz GOV-ASSETS.md).
   ========================================================================== */

/* ==========================================================================
   Přeneseno z Look and Feel → Custom CSS stránky
   --------------------------------------------------------------------------
   Liferay tenhle blok vkládal jako <style type="text/css"> dovnitř <body>,
   hned před <div id="main-content">. To je nevalidní HTML (W3C hlásil
   „Element style not allowed as child of element div" + zbytečný type).
   Tady je pravidlo verzované v gitu a v HTML po něm nezůstane stopa.

   Pozn.: pravděpodobně je dnes už zbytečné — .portlet-header se z theme
   nerenderuje vůbec, blok s ním je v portlet.ftl vypnutý přes <#if false>.
   Necháváme ho pro jistotu 1:1, kdyby hlavičku vykreslil někdo jiný než náš
   portlet decorator; až se to potvrdí, dá se smazat.
   ========================================================================== */

.master-layout-fragment .portlet-header {
	display: none;
}

/* ==========================================================================
   infobar-gov.ftl — provozní lišty
   ========================================================================== */

/* Lišty jdou přes celou šířku a bez mezery splývají v jeden pás.
   Odsazení řeší flex gap s gov spacing tokenem (--templates-margin-s
   = 0.375rem na mobilu / 0.5rem na desktopu). */
.cbu-infobars {
	display: flex;
	flex-direction: column;
	gap: var(--templates-margin-s, 0.5rem);
}

/* Zaoblení. Infobar je v gov designu lišta přes celou šířku a radius nemá
   vůbec, proto ho dolaďujeme tady. Bereme gov token o stupeň výš než karty
   (--corner-radius-s = 8 px): --corner-radius-s-nudge = 12 px, což drží gov
   stupnici a zároveň sedí k 10 px v hlavičce a navigaci (viz
   portal_normal.ftl). Výraznější varianta = --corner-radius-m (16 px).

   Pozadí sedí na samotném <gov-infobar>, takže overflow řešit netřeba. */
.cbu-infobars > gov-infobar {
	border-radius: var(--corner-radius-s-nudge, 0.75rem);
}

/* Filtr publika. Výchozí stav = nepřihlášený, protože tak vypadá i cachovaná
   anonymní verze stránky. Přihlášení pozná Liferay třída `signed-in` na
   <body>; `is-signed-in/out` na kontejneru je pojistka z JS
   (Liferay.ThemeDisplay) a musí body přebít — proto `body` na začátku
   selektoru a pozdější pořadí. */
.cbu-infobars > [data-audience="signed"] {
	display: none;
}

body.signed-in .cbu-infobars > [data-audience="signed"] {
	display: block;
}

body.signed-in .cbu-infobars > [data-audience="guest"] {
	display: none;
}

body .cbu-infobars.is-signed-in > [data-audience="signed"] {
	display: block;
}

body .cbu-infobars.is-signed-in > [data-audience="guest"] {
	display: none;
}

body .cbu-infobars.is-signed-out > [data-audience="signed"] {
	display: none;
}

body .cbu-infobars.is-signed-out > [data-audience="guest"] {
	display: block;
}

/* ==========================================================================
   forumlar-gov.ftl — detail formuláře
   ========================================================================== */

/* === Layout === */
.form-detail .form-detail__main  { flex: 1 1 640px; max-width: 780px; }
.form-detail .form-detail__aside { flex: 1 1 280px; max-width: 360px; }

/* === Typografie === */
.gov-h3 { margin: 0 0 0.75rem 0; line-height: 1.25; }
.form-detail .gov-prose p { margin-top: 0; }
.mb-24 { margin-bottom: 24px; }

/* === Tlačítka === */
/* Zaoblení sjednocené s tlačítkem „Přihlásit se" v hlavičce (10 px místo gov
   výchozích 8 px = --corner-radius-s). gov-button čte --border-radius
   (viz gov-button.css), takže stačí předefinovat proměnnou – bez !important. */
.form-detail gov-button { --border-radius: 10px; }

/* === Dokumenty ke stažení – shodný styl s cbu.gov.cz/kariera (cbu-volnamista.css) === */
.job-docs { margin-top: 2rem; }
.job-docs h3 { font-size: 1.25rem; margin-bottom: .75rem; }
.job-doc-list {
	list-style: none !important;
	margin: .6rem 0 0;
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.job-doc-list > li { margin: 0; padding-left: 0 !important; }
/* Potlačení odrážky "●", kterou gov design system přidává na .gov-wrapper ul > li:before */
.job-doc-list > li::before,
.job-doc-list > li::marker { content: none !important; }

.job-doc {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	max-width: 100%;
	padding: 8px 12px;
	background: var(--color-primary-100, #f7fff5);
	border: 1px solid #d6ead0;
	border-radius: 10px;
	text-decoration: none;
	color: inherit;
	transition: border-color .15s, background .15s;
}
.job-doc:hover,
.job-doc:focus-visible { border-color: #b9d8ad; background: #eef7ea; }
.job-doc:focus-visible { outline: 2px solid var(--color-primary-600, #40852e); outline-offset: 2px; }

.job-doc svg { flex: 0 0 auto; width: 15px; height: 15px; fill: var(--color-primary-600, #40852e); }
.job-doc__name { min-width: 0; overflow-wrap: anywhere; }
.job-doc:hover .job-doc__name,
.job-doc:focus-visible .job-doc__name { text-decoration: underline; }

/* Ikony formátu na začátku řádku (PDF, Word, ostatní) */
.job-doc svg.job-doc__pdf { width: 26px; height: 26px; }
.job-doc svg.job-doc__doc,
.job-doc svg.job-doc__file {
	width: 26px;
	height: 26px;
	padding-left: 3px;
	padding-right: 7px; /* poměr 384:512 */
}
/* Ikona stahování na konci řádku */
.job-doc svg.job-doc__dl {
	width: 26px;
	height: 26px;
	padding-left: 3px;
	padding-right: 7px;
}
.job-doc:hover svg,
.job-doc:focus-visible svg { fill: var(--color-primary-700, #207315); }

/* Tmavý režim */
[data-theme="dark"] .job-doc { background: transparent; border-color: rgba(255,255,255,.14); }
[data-theme="dark"] .job-doc:hover,
[data-theme="dark"] .job-doc:focus-visible {
	background: rgba(255,255,255,.09);
	border-color: var(--color-primary-600, #40852e);
}
[data-theme="dark"] .job-doc__name { color: #e6e6e6; }
[data-theme="dark"] .job-doc svg { fill: #8ad57b; }

/* === Responsivita === */
@media (max-width: 992px) {
	.form-detail .form-detail__main,
	.form-detail .form-detail__aside { flex: 1 1 100%; max-width: 100%; }
}

/* ==========================================================================
   gov-grid-seznam-filtr.ftl — seznam formulářů s filtrem
   ========================================================================== */

.gov-card-grid { width: 100%; }
.js-form-card { width: 100%; }

.gov-card-grid svg {
	width: 28px;
	height: 28px;
	opacity: 0.85;
	flex: 0 0 auto;
}

#formSearchStatus { margin-top: 0.75rem; }
