/* -----------------------------------------------------------------
 * CabLinks customizations (loaded via roast-child/functions.php)
 * Design tokens: dark #121D23, accent gold #E2B31D, text #CECECE
 * Fonts: Forum (headings), Jost (body)
 * ----------------------------------------------------------------- */

/* 1. Logo sizing: header and footer logos stay compact like the demo. */
.ata-site-logo img,
header .custom-logo {
	max-height: 52px !important;
	width: auto !important;
}
.elementor-widget-roast-site-logo {
	flex: 0 0 auto !important;
	width: auto !important;
}
.ekit-template-content-footer .elementor-widget-image img {
	max-height: 84px !important;
	width: auto !important;
}

/* 2. Menu: one line, tighter, flexible width. */
.elementskit-navbar-nav {
	flex-wrap: nowrap !important;
}
.elementor-widget-ekit-nav-menu {
	flex: 1 1 auto !important;
	width: auto !important;
}
.elementor-widget-ekit-nav-menu .elementskit-navbar-nav > li > a {
	font-size: 16px !important;
	white-space: nowrap;
}
.elementskit-navbar-nav > li {
	margin: 0 1px;
}

/* 3. Cards: Elementor containers default child widgets to height:100% which
   stretches each wrapped row to the full container height and makes card grids
   overflow into the next section. Keep card widgets at their natural height. */
.e-con > .elementor-widget-elementskit-icon-box,
.e-con > .elementor-widget-icon-box {
	height: auto !important;
	align-self: flex-start !important;
}

/* 4. Business hours / fact rows: label left, value right, never overlapping. */
.ekit-business-hours-inner > * {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 14px;
}
.ekit-business-day {
	padding-right: 8px;
}
.ekit-business-time {
	text-align: right;
	white-space: nowrap;
}

/* 5. Interactive link cards: keep captions legible over images. */
.ekit-interactive-link .ekit-interactive-link-title,
.ekit-interactive-link span {
	text-shadow: 0 1px 12px rgba(0, 0, 0, 0.45);
}