/**
 * Stella Design — шапка: телефон + Viber/Telegram + UA/RU
 * Акцентний колір: #00364a
 */

/* Header row: трохи нижче за демо */
[data-header*="type-1"] .ct-header [data-row*="middle"] {
	--height: 80px;
}

/* Shortcode всередині .entry-content — прозорий як шапка */
#header .ct-header-text,
#header .ct-header-text .entry-content,
#header .stelladesign-hc,
.ct-header .ct-header-text,
.ct-header .ct-header-text .entry-content {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
}

.stelladesign-hc {
	--stelladesign-accent: #00364a;
	--stelladesign-lang: #00364a;
	display: inline-flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.75rem 1rem;
	white-space: nowrap;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 500;
	color: var(--stelladesign-accent);
	transition: color 0.2s ease;
}

/*
 * Transparent header at top of page → light contacts (over dark hero).
 * Sticky scrolled state ([data-sticky*="yes"]) → brand dark #00364a.
 */
#header [data-transparent] [data-sticky]:not([data-sticky*="yes"]) .stelladesign-hc {
	--stelladesign-accent: #ffffff;
	--stelladesign-lang: #ffffff;
	color: #ffffff;
}

#header [data-transparent] [data-sticky]:not([data-sticky*="yes"]) .stelladesign-hc__langs {
	border-left-color: rgba(255, 255, 255, 0.35);
}

#header [data-sticky*="yes"] .stelladesign-hc {
	--stelladesign-accent: #00364a;
	--stelladesign-lang: #00364a;
	color: #00364a;
}

#header [data-sticky*="yes"] .stelladesign-hc__langs {
	border-left-color: rgba(0, 54, 74, 0.25);
}

.stelladesign-hc a {
	text-decoration: none;
	color: inherit;
}

.stelladesign-hc a:hover .stelladesign-hc__num,
.stelladesign-hc a:hover.stelladesign-hc__lang {
	opacity: 0.75;
}

.stelladesign-hc__phone {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}

.stelladesign-hc__icon-wrap,
.stelladesign-hc__msg,
.stelladesign-hc a.stelladesign-hc__msg {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--stelladesign-accent) !important;
}

.stelladesign-hc__icon,
.stelladesign-hc__icon-wrap svg,
.stelladesign-hc__msg svg,
.stelladesign-hc__msg i,
.stelladesign-hc__msg .fa,
.stelladesign-hc__msg .fab {
	display: block;
	flex: 0 0 auto;
	color: var(--stelladesign-accent) !important;
	fill: var(--stelladesign-accent) !important;
}

.stelladesign-hc__icon-wrap svg path,
.stelladesign-hc__msg svg path {
	fill: var(--stelladesign-accent) !important;
}

.stelladesign-hc__messengers {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem 0.45rem;
}

.stelladesign-hc__langs {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin-left: 0.15rem;
	padding-left: 0.85rem;
	border-left: 1px solid rgba(0, 54, 74, 0.25);
	color: var(--stelladesign-lang);
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.stelladesign-hc__lang {
	color: var(--stelladesign-lang) !important;
}

.stelladesign-hc__lang.is-current {
	text-decoration: underline;
	text-underline-offset: 2px;
}

.stelladesign-hc__lang-sep {
	color: var(--stelladesign-lang);
	opacity: 0.45;
}

/* Tablet + mobile: один горизонтальний рядок */
@media (max-width: 1024px) {
	.stelladesign-hc {
		display: inline-flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-end;
		gap: 0.45rem 0.65rem;
		white-space: nowrap;
	}

	.stelladesign-hc__phone,
	.stelladesign-hc__messengers,
	.stelladesign-hc__langs {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: auto;
		margin-left: 0;
		padding-left: 0;
		border-left: none;
		padding-top: 0;
	}

	.stelladesign-hc__langs {
		padding-left: 0.55rem;
		border-left: 1px solid rgba(0, 54, 74, 0.25);
	}

	#header [data-transparent] [data-sticky]:not([data-sticky*="yes"]) .stelladesign-hc__langs {
		border-left-color: rgba(255, 255, 255, 0.35);
	}

	#header [data-sticky*="yes"] .stelladesign-hc__langs {
		border-left-color: rgba(0, 54, 74, 0.25);
	}
}

@media (max-width: 575px) {
	.stelladesign-hc {
		font-size: 12px;
		gap: 0.35rem 0.45rem;
	}

	.stelladesign-hc__num {
		letter-spacing: -0.01em;
	}

	.stelladesign-hc__icon {
		width: 14px;
		height: 14px;
	}

	.stelladesign-hc__langs {
		padding-left: 0.4rem;
		font-size: 11px;
	}
}