/*
 * Global site footer restyle.
 *
 * The footer's actual HTML content lives in a Flatsome "Block" (Customizer
 * > website-footer, a database entry - post_type "blocks"), not a theme
 * template file, so it can't be edited here. This file only restyles the
 * existing structure (spacing, typography, hover states) - the columns,
 * text, and links themselves are untouched. Loaded on every page since
 * the footer is global.
 */

#footer.footer-wrapper {
	background: #0d0f12;
}
#footer .section-content {
	padding: 32px 0 18px;
}

/* "The Right Air Conditioning Parts - First Time." top title */
#footer .footer-title {
	padding-bottom: 14px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
#footer .section-title-normal span {
	font-weight: 300;
	letter-spacing: 0.01em;
}

/* Option A layout study: logo, Sydney Office, and Quick Links all start at
   the same top line instead of drifting depending on each column's own
   content - flex-start keeps every column's first line level with the
   others regardless of column height. */
#footer .row {
	align-items: flex-start;
}

/* Column headings ("Sydney Office" / "Quick links") */
#footer h3 {
	font-size: 12.5px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	color: #fff;
	margin: 0 0 20px;
	padding-bottom: 12px;
	position: relative;
}
#footer h3::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 28px;
	height: 2px;
	background: #fff;
}

/* Sydney Office contact details, and the globe image caption */
#footer p {
	color: rgba(255, 255, 255, 0.62);
	font-size: 13.5px;
	line-height: 1.6;
}
#footer p strong {
	color: rgba(255, 255, 255, 0.85);
	font-weight: 600;
}

/* Quick links menu */
#footer .ux-menu-link {
	margin-bottom: 2px;
}
#footer .ux-menu-link__link {
	position: relative;
	display: inline-block;
	padding: 4px 0;
	color: rgba(255, 255, 255, 0.62);
	font-size: 13.5px;
	transition: color 0.15s ease, padding-left 0.15s ease;
}
#footer .ux-menu-link__link::before {
	content: "\2192";
	position: absolute;
	left: -14px;
	top: 4px;
	color: #ED1B24;
	opacity: 0;
	transition: opacity 0.15s ease, left 0.15s ease;
}
#footer .ux-menu-link__link:hover {
	color: #fff;
	padding-left: 16px;
}
#footer .ux-menu-link__link:hover::before {
	opacity: 1;
	left: 0;
}

/* Logo image */
#footer .col-inner > .img {
	margin: 0 0 10px;
}
/* The logo image wrapper carries its own top padding by default, which is
   what was throwing the logo column out of line with the heading-led
   columns beside it - zeroed so its top edge matches the others. */
#footer .col-inner > .img:first-child {
	margin-top: 0;
}

/* Globe image + its caption - was a full-width image sitting in its own
   row above the text; identified by being the column whose caption is
   wrapped in <strong> (the only such spot in the footer, so this doesn't
   depend on Flatsome's auto-generated, unstable row/column ids). Turned
   into a small badge sitting beside its caption instead of stacked above
   it - this was the single biggest source of extra footer height. */
#footer .col-inner:has(> p > strong) {
	display: flex;
	align-items: center;
	gap: 14px;
}
#footer .col-inner:has(> p > strong) > .img {
	flex: 0 0 auto;
	width: 64px;
	margin: 0;
}
#footer .col-inner:has(> p > strong) > .img img {
	width: 64px;
	height: auto;
	border-radius: 4px;
}
#footer .col-inner:has(> p > strong) > p {
	margin: 0;
	font-size: 12px;
	line-height: 1.5;
}

/* Copyright row */
#footer .text.foot-privy {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	padding-top: 14px;
	margin-top: 8px;
}
#footer .text.foot-privy p {
	color: rgba(255, 255, 255, 0.4);
	font-size: 12px;
	letter-spacing: 0.02em;
	margin-bottom: 3px !important;
}
#footer .privacy-policy-link {
	color: rgba(255, 255, 255, 0.4);
	transition: color 0.15s ease;
}
#footer .privacy-policy-link:hover {
	color: #ED1B24;
}

@media (max-width: 850px) {
	#footer .col.medium-3 {
		margin-bottom: 34px;
	}
	#footer h3::after {
		left: 0;
	}
}