/*
Theme Name: Kalium - Child Theme
Theme URI: https://laborator.co/themes/kalium/
Author: Laborator
Author URI: https://laborator.co/
Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: <a href="https://themeforest.net/user/laborator">Envato</a> &bull; <a href="https://twitter.com/thelaborator">Twitter</a> &bull; <a href="https://www.facebook.com/laboratorcreative">Facebook</a> &bull; <a href="https://www.instagram.com/laboratorcreative/">Instagram</a>
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: kalium
Text Domain: kalium
*/

/* ==========================================================================
   Elite Heat — child theme refinements
   Added 2026-08-27. Palette:
     #cc6f2a copper (primary)   #b57a2e bronze     #f7f2ea cream
     #112536 navy               #4c7d9c slate      #2b2b2b body text

   Several rules below need !important or extra specificity: Kalium lays the
   footer out with display:table and styles header descendants broadly, so
   plain child-theme rules lose the cascade.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Service cards — pin buttons to the bottom.
   Cards stretch to equal height but content is unevenly long, leaving roughly
   120px of dead white space beneath the button on three of the four.
   -------------------------------------------------------------------------- */
.vc_row-o-equal-height .wpb_column > .vc_column-inner > .wpb_wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.vc_row-o-equal-height .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_btn3-container:last-child {
	margin-top: auto;
	margin-bottom: 0;
}

/* --------------------------------------------------------------------------
   Testimonials — replace the off-palette muddy grey (#b0a9a0) with a warm sand
   derived from the site cream, so the white quote card still reads clearly.
   The generated .vc_custom_* class carries the original inline background;
   the :has() rule is a fallback if WPBakery regenerates that class name.
   -------------------------------------------------------------------------- */
.vc_row.vc_custom_1759513879672,
.vc_row.vc_row-has-fill:has(> .wpb_column.testimonials) {
	background-color: #e9dfd0 !important;
}

.wpb_column.testimonials {
	background-color: transparent !important;
}

/* --------------------------------------------------------------------------
   Footer — spread the contact block across the width instead of stacking it
   against the right edge with a void in the middle. Kalium uses display:table
   here, hence the !important overrides.
   -------------------------------------------------------------------------- */
@media (min-width: 768px) {
	.footer-bottom .footer-bottom-content {
		display: flex !important;
		flex-wrap: wrap;
		gap: 1.5rem 3rem;
		align-items: flex-start;
		justify-content: space-between;
	}

	.footer-bottom .footer-content-right {
		display: flex !important;
		flex-wrap: wrap;
		gap: 1.5rem 4rem;
		flex: 1 1 auto;
		text-align: left;
	}

	.footer-bottom .footer-content-left {
		display: block !important;
		flex: 0 0 auto;
	}

	.footer-bottom .footer-col {
		flex: 0 1 auto;
		min-width: 11rem;
	}
}

/* Restore the light-on-dark treatment the original inline styles provided.
   Handled in CSS rather than inline style attributes so it stays editable. */
.footer-bottom .footer-col,
.footer-bottom .footer-col span,
.footer-bottom .footer-col a {
	color: #ffffff;
}

.footer-bottom .footer-col a {
	text-decoration: none;
}

.footer-bottom .footer-col a:hover,
.footer-bottom .footer-col a:focus {
	color: #ffffff;
	text-decoration: underline;
}

/* Legal block reads as secondary information, not a contact route. */
.footer-bottom .footer-col--legal,
.footer-bottom .footer-col--legal span {
	color: rgba(255, 255, 255, 0.7);
	font-size: 0.9em;
}

/* --------------------------------------------------------------------------
   Mobile header — the logo block consumed roughly a third of the viewport
   before any content. Tightened, with a tap-to-call button alongside.
   -------------------------------------------------------------------------- */
.header-block .eliteheat-mobile-call,
.eliteheat-mobile-call {
	display: none !important;
}

@media (max-width: 991px) {
	.site-header .logo-image img,
	.header-block__logo img,
	.header-block__logo .main-logo {
		max-width: 150px !important;
		height: auto !important;
	}

	.header-block,
	.site-header--static-header-type {
		padding-top: 12px !important;
		padding-bottom: 12px !important;
	}

	.header-block .eliteheat-mobile-call,
	.eliteheat-mobile-call {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		gap: 0.45em;
		margin-top: 0.5rem;
		padding: 0.6em 0.95em;
		min-height: 44px; /* accessible tap target */
		box-sizing: border-box;
		border-radius: 4px;
		background-color: #cc6f2a;
		color: #ffffff;
		font-size: 0.95rem;
		font-weight: 600;
		line-height: 1;
		text-decoration: none;
		white-space: nowrap;
	}

	.eliteheat-mobile-call:hover,
	.eliteheat-mobile-call:focus {
		background-color: #a25821;
		color: #ffffff;
		text-decoration: none;
	}
}

/* Headings inside the testimonials band were white, set against the old dark
   grey. On the lighter sand they need the navy treatment to stay legible. */
.vc_row.vc_custom_1759513879672 h1,
.vc_row.vc_custom_1759513879672 h2,
.vc_row.vc_custom_1759513879672 h3,
.vc_row.vc_custom_1759513879672 .vc_custom_heading,
.vc_row.vc_row-has-fill:has(> .wpb_column.testimonials) h2,
.vc_row.vc_row-has-fill:has(> .wpb_column.testimonials) .vc_custom_heading {
	color: #112536 !important;
}

/* Footer columns inherit right-alignment from the theme's single right-hand
   cell; once they are laid out as columns they should read left-aligned. */
@media (min-width: 768px) {
	.footer-bottom .footer-content-right,
	.footer-bottom .footer-col,
	.footer-bottom .footer-col span,
	.footer-bottom .footer-col p {
		text-align: left !important;
	}
}