/*
 * UI dopune za AI poslovi bord.
 * Stari header logo je bio raster 120x35 (mutan na retini). Sad je vektorski znak
 * + naziv kao pravi tekst, pa mora da se slozi u istu visinu kao stari <img>.
 * Referenca iz style.css: #header-logo { float: left; margin-top: 9px; }
 */

#header-logo-link {
	display: flex;
	align-items: center;
	gap: 9px;
	text-decoration: none;
}

#header-logo-link:hover {
	text-decoration: none;
}

#header-logo-mark {
	width: 27px;
	height: 27px;
	display: block;
	flex: 0 0 27px;
}

#header-logo-text {
	font-family: 'msr7', 'museo_sans_rounded700', Arial, sans-serif;
	font-size: 19px;
	line-height: 1;
	color: #000;
	text-transform: uppercase;
	letter-spacing: -0.01em;
	white-space: nowrap;
	padding-top: 2px;
}

#header-logo-link:hover #header-logo-text {
	color: #555;
}

/*
 * KARTICE: prelivanje kod dugih naslova.
 *
 * `.listing-oglas-standard` i `.listing-oglas-premium` imaju fiksnu visinu 381px
 * (legacy.css). Naslovi tipa "Senior Cybersecurity Engineer, Identity DevOps and
 * Platform Automation" idu u 5 redova i istisnu meta podatke ISPOD bele podloge —
 * na QC-u su tagovi "PLATFORM", "SYSTEMS INTEGRATIONS DIA", "AUTONOMY DATA" visili
 * na sivoj pozadini ispod kartice.
 *
 * Dve mere: overflow:hidden kao tvrda garancija da nista ne izlazi iz kartice, i
 * clamp naslova na 3 reda da meta ostane vidljiva umesto da bude odsecena.
 */
.listing-oglas-standard,
.listing-oglas-premium {
	overflow: hidden;
}

.listing-oglas-standard-text h1,
.listing-oglas-premium-text h1 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/*
 * Zelena traka je imala tri elementa ("svi parametri" | brojac | "sortiraj poslove")
 * u `justify-content: space-between`. Posle gasenja filtera i sortiranja ostao je
 * samo brojac, pa je space-between gurao ga levo. Centriramo.
 */
.poslovi-search-info-line-wrapper {
	justify-content: center;
}

@media screen and (max-width: 480px) {
	#header-logo-mark {
		width: 24px;
		height: 24px;
		flex: 0 0 24px;
	}

	#header-logo-text {
		font-size: 16px;
	}
}