/*
Theme Name: Roast Child
Template:   roast
Theme URI: https://1.envato.market/roast-wp
Description: Roast Child Theme - CabLinks customizations (Cablinks Establishments Ltd)
Author: AwaikenThemes; customized for Cablinks Establishments Ltd
Author URI: https://awaikenthemes.com/
Version: 1.1.0
Text Domain: roast-child
*/

/* -----------------------------------------------------------------
 * CabLinks customizations
 * Design tokens inherited from Roast (roast/assets/css/css-variable.css):
 *   dark background : #121D23
 *   accent          : #E2B31D   (brand gold from the CabLinks logo)
 *   accent light    : #E4CCB4
 *   body text       : #CECECE
 *   headings font   : "Forum", serif
 *   body font       : "Jost", sans-serif
 * ----------------------------------------------------------------- */

/* 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: keep every item on a single line. */
.elementskit-navbar-nav > li > a {
	white-space: nowrap;
}
.elementskit-navbar-nav > li {
	margin: 0 1px;
}

/* 3. Cards: equal height so grids stay aligned when content lengths differ. */
.elementor-widget-elementskit-icon-box {
	height: 100%;
}
.elementskit-infobox {
	height: 100%;
}
.elementor-widget-icon-box,
.elementor-widget-image-box {
	height: 100%;
}

/* 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);
}