/* Keep Kadence's existing header rows usable below the desktop navigation width. */
@media screen and (min-width: 900px) and (max-width: 1024px) {
	#main-header {
		display: block !important;
	}

	#mobile-header {
		display: none !important;
	}

	#masthead .site-main-header-inner-wrap {
		grid-template-columns: minmax(0, auto) minmax(0, 1fr);
		column-gap: 12px;
	}

	#masthead .site-branding .custom-logo {
		width: 124px;
		max-width: 124px;
		max-height: 48px;
		object-fit: contain;
	}

	#masthead .site-branding .site-title {
		font-size: 18px;
		line-height: 1.1;
		white-space: nowrap;
	}

	#masthead .primary-menu-container > ul {
		gap: 0;
	}

	#masthead .primary-menu-container .menu > li > a {
		padding-right: 5px;
		padding-left: 5px;
		font-size: 13px;
		white-space: nowrap;
	}

	#masthead [data-section="kadence_customizer_header_search"] {
		margin-left: 0;
	}

	#masthead .search-toggle-open {
		width: 34px;
		height: 34px;
	}

	#masthead [data-section="kadence_customizer_header_button"] {
		margin-left: 4px;
	}

	#masthead .header-button {
		min-height: 40px;
		padding: 8px 11px;
		font-size: 12px;
		white-space: nowrap;
	}
}

@media screen and (max-width: 899px) {
	#main-header {
		display: none !important;
	}

	#mobile-header {
		display: block !important;
		width: 100%;
		max-width: 100%;
	}

	#mobile-header .site-container {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		padding-right: clamp(12px, 4vw, 24px);
		padding-left: clamp(12px, 4vw, 24px);
	}

	#mobile-header .site-main-header-inner-wrap {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		column-gap: 8px;
		width: 100%;
		min-width: 0;
	}

	#mobile-header .site-header-main-section-left,
	#mobile-header .site-header-main-section-left .site-header-item,
	#mobile-header .site-branding {
		min-width: 0;
		max-width: 100%;
	}

	#mobile-header .site-header-main-section-right {
		min-width: 0;
		margin: 0;
		justify-content: flex-end;
		gap: 0;
	}

	#mobile-header [data-section="kadence_customizer_header_search"] {
		display: none !important;
	}

	#mobile-header .site-branding .brand {
		display: flex;
		align-items: center;
		gap: 8px;
		min-width: 0;
		max-width: 100%;
		white-space: nowrap;
	}

	#mobile-header .site-branding .custom-logo {
		display: block;
		width: clamp(116px, 34vw, 160px);
		max-width: calc(100vw - 80px);
		max-height: 48px;
		height: auto;
		object-fit: contain;
	}

	#mobile-header .site-title-wrap {
		min-width: 0;
	}

	#mobile-header .site-title {
		margin: 0;
		font-size: clamp(14px, 4vw, 18px);
		line-height: 1.1;
		white-space: nowrap;
	}

	#mobile-header .menu-toggle-open {
		display: grid;
		width: 40px;
		height: 40px;
		padding: 8px;
		place-items: center;
	}

	#mobile-header .site-header-main-section-right .site-header-item {
		margin-right: 0;
		margin-left: 0;
	}
}

@media screen and (max-width: 359px) {
	#mobile-header .site-title-wrap {
		display: none;
	}
}

/* Top bar text set in Kadence's header HTML element: space the contact items apart. */
.gshun-topbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 24px; color: #fff; font-size: 13px; line-height: 1.5; }
.gshun-topbar-contact { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 22px; }
.gshun-topbar-phone { font-weight: 500; }
.gshun-topbar a { color: #fff; text-decoration: none; }
.gshun-topbar a:hover { text-decoration: underline; }
.gshun-topbar-whatsapp { padding: 2px 10px; border-radius: 12px; background: #25d366; font-weight: 600; }
.gshun-topbar-whatsapp:hover { text-decoration: none !important; background: #1fbf5b; }
.gshun-topbar-contact > span[aria-hidden="true"] { display: none; }