/* =======================================================
   Detail článku — Fajn Práce
   Obsah článku 1:1 z buildu (style.css z build domény),
   hlavička + patička z homepage (hvb-*).
   ======================================================= */

/* Styly článku 1:1 z původního buildu (.two-col-lay, .a-detail__*, .detail, .tag …) */
@import url('https://kodovani.fajntest.cz/projekty/fajnprace_cz/build/style.css');

/* Font Awesome (ikona sdílení) + Tippy (tooltipy tlačítek) */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/fontawesome.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/solid.min.css');
@import url('https://unpkg.com/tippy.js@6/dist/tippy.css');

/* Styly hlavičky + patičky z homepage Fajn Práce (hvb-*) */
/* Stejné prostředí hlavičky/patičky jako detail inzerátu — ten importuje
   homepage-varianty.css (= homepage-verze-b.css + normalizace obalu),
   ne jen verze-b. Importujeme tedy totéž, aby hlavička seděla 1:1. */
@import url('homepage-varianty.css');

/* Výchozí kontejnerová hlavička/patička se nepoužije — místo nich
   používáme hvb hlavičku/patičku z homepage. Vypneme je a zrušíme
   horní padding kontejneru (stejný postup jako u hledané nabídky). */
body .header,
body .footer { display: none !important; }

main.container { padding-top: 0 !important; }

/* Build style.css má obecné pravidlo `.container ul li:before`, které přidává
   modrou odrážku před KAŽDÉ <li> v .container. To je určené jen pro seznamy
   v textu článku — ale „uniká" to na <li> v hlavičce (nav) a patičce (portály,
   menu, sociální sítě). Tam odrážku vypneme; v článku ji ponecháme. */
.hvb-header li::before,
.hvb-mob li::before,
.pv-variant li::before,
.pv-d li::before {
	content: none !important;
	display: none !important;
}

/* Pozadí stránky stejné jako u detailu inzerátu — barvu dáme na body
   I .content-holder (stejně jako homepage-varianty.css), aby seděla i plocha
   za obsahem, ne jen samotný obal. */
body,
.content-holder {
	background: #f9fbff !important;
}

/* =======================================================
   IZOLACE HLAVIČKY/PATIČKY od build style.css
   Build (kvůli obsahu) přidává globály na holé elementy uvnitř .container,
   hlavně `.container ul li { margin-bottom:16px; padding-left:20px;
   font-size:1rem; line-height:1.5rem }` + `img{width:100%}` + `p{...}` +
   `h1-6{font-weight:400}`. Hlavička/patička jsou uvnitř .container, takže to
   na ně přetéká a rozbíjí navigaci, logo, claim. Detail inzerátu build
   nenačítá → čistá hlavička. Tady ty leaky v hlavičce/patičce vynulujeme
   a vrátíme přesné hodnoty z homepage-verze-b.css.
   ======================================================= */

/* --- <li> v hlavičce/mobilním menu/patičce: build mu dával margin/padding/font → nuly --- */
.hvb-header li,
.hvb-mob li,
.pv-variant li,
.pv-d li {
	margin: 0 !important;
	padding: 0 !important;
	font-size: inherit !important;
	line-height: inherit !important;
	position: static !important;
}

/* --- <ul> --- */
.hvb-header ul,
.hvb-mob ul,
.pv-variant ul,
.pv-d ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

/* --- obrázky (logo, ikony, loga portálů) --- */
.hvb-header img,
.hvb-mob img,
.pv-variant img,
.pv-d img {
	width: auto !important;
	max-width: 100% !important;
}

/* --- odstavce BEZ vlastní třídy (jen build leak na holé <p>) ---
   POZOR: cílíme jen na <p> bez class, aby tenhle reset NEPŘEBÍJEL
   vlastní třídy jako .hvb-header__logo-tagline nebo .hvb-login__sekce-nadpis
   (ty jsou taky <p> uvnitř hlavičky a obecný `.hvb-header p` by je díky
   vyšší specificitě přebil). */
.hvb-header p:not([class]),
.hvb-mob p:not([class]),
.pv-variant p:not([class]),
.pv-d p:not([class]) {
	margin: 0 !important;
	font-size: inherit !important;
	line-height: inherit !important;
}

/* --- nadpisy v patičce --- */
.hvb-header h1, .hvb-header h2, .hvb-header h3, .hvb-header h4,
.pv-variant h1, .pv-variant h2, .pv-variant h3, .pv-variant h4,
.pv-d h1, .pv-d h2, .pv-d h3, .pv-d h4 {
	font-weight: inherit !important;
}

/* =======================================================
   DOSAZENÍ PŘESNÝCH HODNOT HLAVIČKY (z homepage-verze-b.css)
   ======================================================= */

/* Flexové centrování celé hlavičky i navigace */
.hvb-header__obsah {
	display: flex !important;
	align-items: center !important;
}

.hvb-header__nav ul {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

/* Logo */
.hvb-header__logo img {
	max-width: 75px !important;
	width: auto !important;
	height: auto !important;
}
@media (min-width: 992px) {
	.hvb-header__logo img { max-width: 140px !important; }
}
@media (min-width: 1200px) {
	.hvb-header__logo img { max-width: 160px !important; }
}

/* Claim „Tady se najdete" — na PC 19px (na mobilu níže přebito na 12px) */
.hvb-header__logo-tagline {
	display: block !important;
	margin: 0 !important;
	font-size: 19px !important;
	line-height: 22px !important;
	font-weight: 600 !important;
	color: #77787b !important;
}

/* Claim na mobilu menší — 12px */
@media (max-width: 767px) {
	.hvb-header__logo-tagline {
		font-size: 12px !important;
		line-height: 14px !important;
	}
}

/* Odkazy v navigaci */
.hvb-header__nav .hvb-header__link {
	display: inline-block !important;
	padding: 4px 16px !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: normal !important;
	white-space: nowrap !important;
	color: #333 !important;
}

/* Aktivní + hover odkaz zůstává modrý (nepřebít šedou) */
.hvb-header__nav .hvb-header__link--active,
.hvb-header__nav .hvb-header__link:hover,
.hvb-header__nav .hvb-header__link:focus {
	color: #0074ff !important;
}

/* =======================================================
   Přihlašovací dropdown (login) v hlavičce — velikosti písma
   ======================================================= */
/* Nadpis sekce („Jsem uchazeč" / „Jsem firma / inzerent") */
.hvb-login__sekce-nadpis {
	font-size: 13px !important;
}

/* Texty loginů (E-mail, Gmail, Facebook, Seznam, Apple) */
.hvb-login__soc {
	font-size: 13px !important;
}

/* Tlačítko „Přihlásit do firemní administrace" */
.hvb-login__firma-btn {
	font-size: 13.5px !important;
}

/* Další text (podtitulky + „Nemáte ještě účet? Registrovat firmu") */
.hvb-login__sekce-podtitulek,
.hvb-login__firma-vse {
	font-size: 12px !important;
}