@charset "utf-8";
/**
 * Memorijal — site-specific overrides (FE_CHILD_CSS).
 * Nav layout: v8.5 loads search.css (7th table-cell column); main.css has nowrap commented out.
 * searchli is taken out of the table flow so nav items stay on one row with search visible.
 */

@media (min-width: 992px) {
	#navigation nav.nav02 ul li a,
	header nav.nav02 ul li a {
		white-space: nowrap;
	}

	/* Reserve space for magnifier; ul is already position:relative in main.css */
	#navigation nav.nav02 ul {
		padding-right: 40px;
	}

	/* Show search icon without adding a 7th equal-width table column */
	#navigation nav.nav02 ul li.searchli {
		display: block;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: auto;
		margin: 0;
	}

	#navigation nav.nav02 ul li.searchli a {
		display: block;
		padding: 10px 8px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#navigation nav.nav02 ul li a,
	header nav.nav02 ul li a {
		padding: 7px 5px;
	}

	#navigation nav.nav02 ul li.searchli a {
		padding: 7px 8px;
	}
}

/* Site accent — matches main.css headings (h1–h6): #ffa200 */
:root {
	--memorijal-accent: #ffa200;
	--memorijal-accent-dark: #cc8200;
	--memorijal-accent-light: #fff3d6;
}

/* Nav menu separators — main.css: content "//", color #fc0202 */
nav.nav02 ul li a:after,
#navigation nav.nav02 ul li a:after,
header nav.nav02 ul li a:after {
	color: var(--memorijal-accent) !important;
}

/*
 * Search theme — memorijal.css loads before search.css (java_parser order).
 * Use !important only where search.css sets the same property (often with !important on inputs).
 */

/* Magnifier icon (search.css #159fde) */
#opensmallsearch.icon.search::before {
	border-color: var(--memorijal-accent) !important;
}

#opensmallsearch.icon.search::after {
	background: var(--memorijal-accent) !important;
}

/* Small search dropdown panel + caret */
.smallsearch {
	background: var(--memorijal-accent) !important;
}

.smallsearch:before {
	border-color: transparent transparent var(--memorijal-accent) transparent !important;
}

/* Input border + focus (search.css #036590 + !important) */
.searchli input.tt-input,
.searchli .smallsearch input[type="text"],
#navigation nav.nav02 .smallsearch input[type="text"] {
	border-color: var(--memorijal-accent-dark) !important;
}

.searchli input.tt-input:focus,
.searchli .smallsearch input[type="text"]:focus,
#navigation nav.nav02 .smallsearch input[type="text"]:focus {
	border-color: var(--memorijal-accent-dark) !important;
}

/* Pretraga button — dark on yellow panel (readable, matches cookie buttons) */
.searchli .btnsmallsearch {
	background-color: #333333 !important;
	color: #ffffff !important;
	border-color: #333333 !important;
}

.searchli .btnsmallsearch:hover {
	background-color: #1a1a1a !important;
	color: #ffffff !important;
}

/* Typeahead dropdown accents */
.searchli .tt-dropdown-menu,
.smallsearch .tt-dropdown-menu {
	border-color: var(--memorijal-accent-dark) !important;
}

.searchli .tt-suggestion.tt-cursor,
.smallsearch .tt-suggestion.tt-cursor {
	background-color: var(--memorijal-accent-light) !important;
	color: #333333 !important;
}

/* Cookie consent — yellow popup, dark text/buttons for contrast on #ffa200 */
.cc-window.cc-floating {
	background-color: var(--memorijal-accent) !important;
	color: #333333 !important;
}

.cc-window .cc-message,
.cc-window .cc-message a,
.cc-window .cc-link {
	color: #1a1a1a !important;
}

.cc-change-label {
	color: #333333 !important;
}

.cc-status {
	color: #555555 !important;
}

.cc-compliance .cc-btn {
	background-color: #333333 !important;
	color: #ffffff !important;
	border-color: #333333 !important;
}