/**
 * Premium one-row Porto header for Unikatni pokloni IN.
 * Desktop: brand and utility links left, search/account/cart right.
 * Tablet/mobile: one compact black utility row.
 */

:root {
	--upi-header-black: #070604;
	--upi-header-black-soft: #15110b;
	--upi-header-gold: #d5a93d;
	--upi-header-gold-light: #f5dc92;
	--upi-header-gold-dark: #9b680e;
	--upi-header-ivory: #f7f1e4;
}

/* Shared premium surface. */
#header {
	background: var(--upi-header-black);
}

#header .elementor-3391 .elementor-element-0db11fc,
#header .elementor-3391 .elementor-element-8c66c3b {
	background-color: var(--upi-header-black) !important;
	background-image:
		linear-gradient(90deg, rgba(255, 255, 255, 0.025), transparent 34%, rgba(213, 169, 61, 0.035)) !important;
}

/* Brand treatment: restrained warm-gold foil rather than flat yellow. */
#header .elementor-element-43fcd7d {
	opacity: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
	max-width: none !important;
	width: 100% !important;
}

#header .elementor-element-43fcd7d .elementor-heading-title {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(19px, 1.65vw, 26px) !important;
	font-weight: 600 !important;
	line-height: 1.08 !important;
	letter-spacing: 0.015em;
	white-space: nowrap;
}

#header .elementor-element-43fcd7d .elementor-heading-title a {
	position: relative;
	display: inline-block;
	padding: 5px 0 7px;
	color: var(--upi-header-gold-light);
	background: linear-gradient(180deg, #fff3c4 4%, #e5bc55 45%, #ad7413 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 1px 18px rgba(213, 169, 61, 0.16);
}

#header .elementor-element-43fcd7d .elementor-heading-title a::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--upi-header-gold-light) 18%, var(--upi-header-gold) 82%, transparent);
	opacity: 0.72;
}

#header .elementor-element-43fcd7d .elementor-heading-title strong {
	font-weight: 800;
	letter-spacing: 0.05em;
}

/* Clear, visible focus indicators on the dark header. */
#header a:focus-visible,
#header button:focus-visible,
#header input:focus-visible,
#header select:focus-visible {
	outline: 2px solid var(--upi-header-gold-light) !important;
	outline-offset: 3px;
}

/* Desktop: place the former white-row controls over the right half of the black row. */
@media (min-width: 992px) {
	#header {
		position: relative;
		min-height: 96px;
		border-bottom: 1px solid rgba(213, 169, 61, 0.52);
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
	}

	#header .elementor-3391 .elementor-element-0db11fc {
		min-height: 96px;
	}

	#header .elementor-element-0db11fc > .elementor-container {
		min-height: 96px;
		padding: 0 clamp(18px, 3.2vw, 58px);
	}

	/* Reserve exactly the left half for brand, mark and utility links. */
	#header .elementor-element-bf3d24f {
		flex: 0 0 26% !important;
		width: 26% !important;
		min-width: 0;
	}

	#header .elementor-element-a53d92e {
		flex: 0 0 7% !important;
		width: 7% !important;
		min-width: 72px;
	}

	#header .elementor-element-c80d128 {
		flex: 0 0 17% !important;
		width: 17% !important;
		min-width: 0;
	}

	#header .elementor-element-bf3d24f > .elementor-widget-wrap,
	#header .elementor-element-a53d92e > .elementor-widget-wrap,
	#header .elementor-element-c80d128 > .elementor-widget-wrap {
		padding: 0 !important;
	}

	#header .elementor-element-a53d92e .elementor-widget-container {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#header .elementor-element-9e90d8a {
		flex: 0 0 66px !important;
		width: 66px !important;
		max-width: 66px !important;
	}

	#header .elementor-element-a53d92e .elementor-widget-container,
	#header .elementor-element-a53d92e .elementor-widget-container > a {
		width: 66px;
		height: 66px;
		overflow: hidden;
		border-radius: 50%;
	}

	#header .elementor-element-a53d92e img {
		display: block;
		width: 66px !important;
		height: 66px !important;
		aspect-ratio: 1;
		object-fit: cover;
		border: 1px solid rgba(213, 169, 61, 0.5);
		border-radius: 50% !important;
		clip-path: circle(49.5% at 50% 50%);
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.72), 0 0 14px rgba(213, 169, 61, 0.18);
	}

	#header .elementor-element-c80d128 > .elementor-widget-wrap {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: nowrap;
		gap: 2px;
	}

	/* Account and cart are now represented by the larger controls on the right. */
	#header #nav-menu-item-5237,
	#header #nav-menu-item-5240 {
		display: none !important;
	}

	#header .elementor-element-1535f38 {
		margin: 0 !important;
		padding: 0 !important;
		width: auto !important;
	}

	#header .elementor-element-1535f38 .top-links {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
	}

	#header .elementor-element-1535f38 .top-links > li.menu-item > a {
		padding: 8px 8px !important;
		color: #d8c9ab !important;
		font-size: 10.5px !important;
		font-weight: 600 !important;
		letter-spacing: 0.075em !important;
		white-space: nowrap;
	}

	#header .elementor-element-1535f38 .top-links > li.menu-item > a:hover {
		color: var(--upi-header-gold-light) !important;
	}

	#header .elementor-element-ed0f499 {
		display: none !important;
	}

	/* This section used to form the white second row. It now occupies no flow space. */
	#header .elementor-3391 .elementor-element-8c66c3b {
		position: absolute !important;
		z-index: 6;
		top: 0;
		right: 0;
		width: 50% !important;
		height: 96px;
		min-height: 96px;
		margin: 0 !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	#header .elementor-element-8c66c3b > .elementor-container {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		width: 100%;
		max-width: none;
		min-height: 96px;
		padding: 0 clamp(18px, 3.2vw, 58px) 0 10px;
	}

	#header .elementor-element-edef196 {
		display: flex !important;
		flex: 1 1 auto !important;
		width: auto !important;
		min-width: 0;
		padding: 0 12px 0 0 !important;
	}

	#header .elementor-element-edef196 > .elementor-widget-wrap,
	#header .elementor-element-7fb4c08 > .elementor-widget-wrap {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		padding: 0 !important;
	}

	#header .elementor-element-edef196 > .elementor-widget-wrap {
		width: 100%;
	}

	#header .elementor-element-a74ad12,
	#header .elementor-element-a74ad12 .elementor-widget-container,
	#header .elementor-element-a74ad12 .searchform-popup {
		width: 100% !important;
		max-width: none !important;
	}

	#header .elementor-element-d3d6c9d {
		display: none !important;
	}

	#header .elementor-element-7fb4c08 {
		display: flex !important;
		flex: 0 0 auto !important;
		width: auto !important;
		min-width: 176px;
		padding: 0 !important;
	}

	#header .elementor-element-7fb4c08 > .elementor-widget-wrap {
		justify-content: flex-end;
		gap: 10px;
	}

	/* Search: dark glass, fine gold keyline, compact enough for the header. */
	#header .elementor-element-a74ad12 .searchform {
		width: 100% !important;
		max-width: none !important;
		height: 44px;
		margin: 0;
		overflow: hidden;
		border: 1px solid rgba(213, 169, 61, 0.72) !important;
		border-radius: 999px !important;
		background: rgba(255, 255, 255, 0.075) !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055), 0 4px 18px rgba(0, 0, 0, 0.18);
	}

	#header .elementor-element-a74ad12 .searchform-fields {
		display: flex;
		align-items: stretch;
		width: 100%;
		height: 42px;
	}

	#header .elementor-element-a74ad12 .searchform-fields .text {
		flex: 1 1 auto;
		min-width: 70px;
	}

	#header .elementor-element-a74ad12 .searchform input,
	#header .elementor-element-a74ad12 .searchform select,
	#header .elementor-element-a74ad12 .searchform .selectric,
	#header .elementor-element-a74ad12 .searchform .selectric .label,
	#header .elementor-element-a74ad12 .searchform button {
		height: 42px !important;
		line-height: 42px !important;
	}

	#header .elementor-element-a74ad12 .searchform input {
		width: 100% !important;
		max-width: none !important;
		padding: 0 15px !important;
		border: 0 !important;
		border-radius: 0 !important;
		color: var(--upi-header-ivory) !important;
		background: transparent !important;
		font-size: 13px;
	}

	#header .elementor-element-a74ad12 .searchform input::placeholder {
		color: #d5c8ad !important;
		opacity: 0.86;
	}

	#header .elementor-element-a74ad12 .selectric-cat,
	#header .elementor-element-a74ad12 .searchform select {
		flex: 0 0 38%;
		width: 38% !important;
		max-width: 170px;
		border: 0 !important;
		border-left: 1px solid rgba(213, 169, 61, 0.28) !important;
		background: transparent !important;
	}

	#header .elementor-element-a74ad12 .selectric .label,
	#header .elementor-element-a74ad12 .searchform select {
		padding: 0 25px 0 12px !important;
		color: #eadcbf !important;
		font-size: 11.5px !important;
		white-space: nowrap;
	}

	#header .elementor-element-a74ad12 .searchform select option {
		color: #17130c;
		background: #fffaf0;
	}

	#header .elementor-element-a74ad12 .searchform .button-wrap {
		flex: 0 0 44px;
	}

	#header .elementor-element-a74ad12 .searchform button {
		width: 44px !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		color: #171006 !important;
		background: linear-gradient(145deg, var(--upi-header-gold-light), var(--upi-header-gold) 55%, var(--upi-header-gold-dark)) !important;
		font-size: 18px !important;
	}

	#header .elementor-element-a74ad12 .searchform button:hover {
		filter: brightness(1.08);
	}

	/* Account and cart: warm gold/ivory with no pale divider from the old row. */
	#header .elementor-element-b017a2a {
		margin: 0 !important;
	}

	#header .elementor-element-b017a2a .my-account {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 42px;
		height: 42px;
		color: var(--upi-header-gold-light) !important;
		font-size: 24px !important;
		border: 1px solid rgba(213, 169, 61, 0.32);
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.045);
	}

	#header .elementor-element-53a5333 {
		display: none !important;
	}

	#header .elementor-element-c7f85b4 {
		margin: 0 !important;
		padding: 0 !important;
	}

	#header .elementor-element-c7f85b4 #mini-cart .cart-head {
		display: flex;
		align-items: center;
		color: var(--upi-header-ivory);
		font-size: 25px !important;
	}

	#header .elementor-element-c7f85b4 #mini-cart .cart-subtotal {
		margin: 0 7px 0 0;
		color: #d8c9ab !important;
		font-size: 10px;
		line-height: 1.2;
		text-align: right;
		text-transform: uppercase;
		letter-spacing: 0.04em;
	}

	#header .elementor-element-c7f85b4 #mini-cart .cart-price {
		display: block;
		margin-top: 2px;
		color: var(--upi-header-gold-light) !important;
		font-family: inherit !important;
		font-size: 13px !important;
	}

	#header .elementor-element-c7f85b4 #mini-cart .minicart-icon {
		color: var(--upi-header-gold-light) !important;
	}

	#header .elementor-element-c7f85b4 #mini-cart .cart-icon {
		margin-left: 0 !important;
	}

	#header .elementor-element-c7f85b4 #mini-cart .cart-items {
		background: var(--upi-header-gold) !important;
		color: #120d05 !important;
	}
}

/* Narrow desktop: keep the search useful and remove only its category dropdown. */
@media (min-width: 992px) and (max-width: 1199px) {
	#header .elementor-element-43fcd7d .elementor-heading-title {
		font-size: 19px !important;
	}

	#header .elementor-element-1535f38 {
		display: none !important;
	}

	#header .elementor-element-a74ad12 .selectric-cat,
	#header .elementor-element-a74ad12 .searchform select {
		display: none !important;
	}

	#header .elementor-element-7fb4c08 {
		min-width: 146px;
	}

	#header .elementor-element-c7f85b4 #mini-cart .cart-subtotal {
		display: none;
	}
}

/* Tablet/mobile: retain Porto's functional mobile controls, now on one black row. */
@media (max-width: 991px) {
	#header {
		min-height: 74px;
		border-bottom: 1px solid rgba(213, 169, 61, 0.48);
		box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
	}

	#header .elementor-3391 .elementor-element-0db11fc {
		display: none !important;
	}

	#header .elementor-3391 .elementor-element-8c66c3b {
		position: relative !important;
		min-height: 74px;
		margin: 0 !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	#header .elementor-element-8c66c3b > .elementor-container {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		min-height: 74px;
		padding: 0 12px;
	}

	#header .elementor-element-edef196 {
		display: none !important;
	}

	#header .elementor-element-d3d6c9d {
		flex: 1 1 auto !important;
		width: auto !important;
		min-width: 0;
	}

	#header .elementor-element-d3d6c9d > .elementor-widget-wrap {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		padding: 0 !important;
	}

	#header .elementor-element-32ca762 {
		width: 42px !important;
		max-width: 42px !important;
		margin: 0 6px 0 0 !important;
	}

	#header .elementor-element-32ca762 > .elementor-widget-container {
		margin: 0 !important;
		padding: 8px !important;
	}

	#header .mobile-toggle {
		color: var(--upi-header-gold-light) !important;
		background: transparent !important;
		font-size: 23px !important;
	}

	#header .elementor-element-a307064 {
		display: block !important;
		width: 54px;
	}

	#header .elementor-element-a307064 .logo,
	#header .elementor-element-a307064 .logo a {
		display: block;
		margin: 0;
	}

	#header .elementor-element-a307064 img {
		display: block;
		width: 50px !important;
		height: 50px !important;
		object-fit: contain;
	}

	#header .elementor-element-7fb4c08 {
		flex: 0 0 auto !important;
		width: auto !important;
		padding: 0 !important;
	}

	#header .elementor-element-7fb4c08 > .elementor-widget-wrap {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-wrap: nowrap;
		gap: 10px;
		padding: 0 !important;
	}

	#header .elementor-element-b017a2a {
		display: block !important;
		margin: 0 !important;
	}

	#header .elementor-element-b017a2a .my-account,
	#header .elementor-element-aecc701 .search-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 34px;
		height: 40px;
		color: var(--upi-header-gold-light) !important;
		font-size: 22px !important;
	}

	#header .elementor-element-aecc701 {
		display: block !important;
	}

	#header .elementor-element-aecc701 .search-toggle .search-text {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}

	#header .elementor-element-53a5333 {
		display: none !important;
	}

	#header .elementor-element-c7f85b4 {
		margin: 0 !important;
		padding: 0 !important;
	}

	#header .elementor-element-c7f85b4 #mini-cart .cart-head {
		font-size: 23px !important;
	}

	#header .elementor-element-c7f85b4 #mini-cart .minicart-icon {
		color: var(--upi-header-gold-light) !important;
	}

	#header .elementor-element-c7f85b4 #mini-cart .cart-icon {
		margin-left: 0 !important;
	}

	#header .elementor-element-c7f85b4 #mini-cart .cart-items {
		background: var(--upi-header-gold) !important;
		color: #120d05 !important;
	}

	#header .elementor-element-c7f85b4 #mini-cart .cart-subtotal {
		display: none !important;
	}
}

@media (max-width: 420px) {
	#header .elementor-element-8c66c3b > .elementor-container {
		padding: 0 8px;
	}

	#header .elementor-element-7fb4c08 > .elementor-widget-wrap {
		gap: 4px;
	}

	#header .elementor-element-a307064 {
		width: 46px;
	}

	#header .elementor-element-a307064 img {
		width: 44px !important;
		height: 44px !important;
	}

	#header .elementor-element-b017a2a .my-account,
	#header .elementor-element-aecc701 .search-toggle {
		width: 31px;
	}
}