/**
 * Intetra — hide header search (magnifier) on desktop custom layouts.
 * Default header: markup removed in templates/header-navi.php.
 * Mobile header (.top_panel_mobile) is not under .top_panel, so search there stays unless you hide it in Theme Options.
 */
.top_panel .sc_layouts_search {
	display: none !important;
}

/* Fallback: search_wrap from trx_addons_action_search / layouts */
.top_panel_navi .search_wrap,
.top_panel_custom .search_wrap {
	display: none !important;
}

/* Phone & email from Contacts page — bar above logo / menu row */
.intetra-header-contact-bar {
	font-size: 0.875rem;
	line-height: 1.3;
	padding: 0.35em 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* Sticky/fixed: ThemeREX JS adds .sc_layouts_row_fixed_on; keep bar opaque over page content */
.intetra-header-contact-bar.sc_layouts_row_fixed_on {
	background-color: #fff;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}

.top_panel_mobile_navi > .intetra-header-contact-bar {
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.intetra-header-contact-bar__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.65rem 1.25rem;
}

.top_panel_navi .intetra-header-contact-bar__inner {
	padding-right: 0;
}

.intetra-header-contact-bar__link {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	text-decoration: none;
	white-space: nowrap;
}

.intetra-header-contact-bar__link:hover {
	text-decoration: underline;
}

.intetra-header-contact-bar__link:hover .intetra-header-contact-bar__icon {
	opacity: 1;
}

.intetra-header-contact-bar__icon {
	display: inline-block;
	font-size: 1.05em;
	line-height: 1;
	opacity: 0.88;
}

.intetra-header-contact-bar__icon:before {
	margin: 0;
	width: auto;
}

.intetra-header-contact-bar__sep {
	display: inline-block;
	width: 1px;
	height: 0.9em;
	background: currentColor;
	opacity: 0.25;
	vertical-align: middle;
}

/* Mobile header (.top_panel is hidden on small viewports; bar is included in header-mobile.php too) */
.top_panel_mobile .intetra-header-contact-bar__inner {
	justify-content: center;
}

@media (max-width: 600px) {
	.intetra-header-contact-bar {
		font-size: 0.8125rem;
	}

	.intetra-header-contact-bar__inner {
		justify-content: center;
		gap: 0.5rem 0.85rem;
	}

	.intetra-header-contact-bar__link {
		white-space: normal;
	}
}

/*
 * Tablet & mobile only: center logo + header icons (login, hamburger) in the nav row.
 */
@media (max-width: 1023px) {
	.top_panel_mobile_navi .columns_wrap.columns_fluid {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		row-gap: 0.5rem;
		column-gap: 1.25rem;
	}

	.top_panel_mobile_navi .columns_wrap.columns_fluid > .sc_layouts_column {
		width: auto !important;
	}

	.top_panel_mobile_navi .columns_wrap.columns_fluid > .column-1_3,
	.top_panel_mobile_navi .columns_wrap.columns_fluid > .column-2_3 {
		flex: 0 0 auto;
		text-align: center !important;
	}

	.top_panel_mobile_navi .columns_wrap.columns_fluid > .column-2_3 {
		margin-left: 0;
		padding-right: 0;
	}
}