/* Travel Business Core - [tbc_topbar] contact row.
   Loaded only on pages where the shortcode is used.
   Made for a dark bar: text is Light, links are White, hover is Secondary.
   Colours and fonts come from Elementor Global Colors / Fonts (hex values are var() fallbacks).
   The selectors start with "body" so they beat the theme's link colours. */

.tbc-topbar {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: nowrap;
	gap: 28px;
	margin: 0;
	padding: 0;
	font-family: var(--e-global-typography-text-font-family), 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
	color: var(--e-global-color-accent, #F7F4EE);
}

body .tbc-topbar a.tbc-topbar__item,
body .tbc-topbar a.tbc-topbar__item:visited {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--e-global-color-ttwhite, #FFFFFF);
	text-decoration: none;
	white-space: nowrap;
	transition: color 0.2s ease;
}

body .tbc-topbar a.tbc-topbar__item span {
	color: inherit;
}

body .tbc-topbar a.tbc-topbar__item:hover,
body .tbc-topbar a.tbc-topbar__item:focus-visible {
	color: var(--e-global-color-secondary, #F28C28);
	text-decoration: none;
}

.tbc-topbar__icon {
	display: block;
	width: 15px;
	height: 15px;
	flex: 0 0 15px;
	fill: currentColor;
}

/* Small tablets: tighten the spacing so the row never wraps. */
@media (max-width: 1024px) {
	.tbc-topbar {
		gap: 18px;
		font-size: 12px;
	}
}