/* ==========================================================
   LAYOUT — спільні стилі топ-бару контактів
   ========================================================== */

.header-top {
	background-color: var(--color-black);
	color: var(--color-white);
	font-size: var(--fs-small);
}

.header-top__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-block: var(--space-2);
}

.header-top__phone {
	font-weight: 600;
	transition: color var(--transition-base);
}
.header-top__phone:hover { color: var(--color-accent); }

.header-top__social {
	display: flex;
	gap: var(--space-4);
}
.header-top__social a {
	display: flex;
	color: var(--color-white);
	transition: color var(--transition-base);
}
.header-top__social a:hover { color: var(--color-accent); }