/**
 * MaxX Custom Footer Styles
 *
 * Three-section footer: CTA bar, 4-column grid, copyright bar.
 *
 * All colors are driven by MaxX brand CSS custom properties injected
 * by maxx_custom_footer_enqueue_styles() in functions.php.
 *
 * Brand palette (MaxX Capitals):
 *   --maxx-primary       #0B6230   Dark green    (CTA + main footer BG)
 *   --maxx-primary-hover #095126                   (bottom bar BG)
 *   --maxx-accent        #D4A017   Gold           (hover, bullets, accents)
 *   --maxx-accent-hover  #B8860B
 *   --maxx-text-light    #FFFFFF
 *   --maxx-text-dark     #1A1A1A
 *   --maxx-border        #DDE5DD
 *   --maxx-cta-bg        #0B6230                  (pre-footer CTA BG)
 *   --maxx-main-bg       #0B6230                  (main footer BG)
 *   --maxx-bottom-bg     #095126                  (copyright bar BG)
 *
 * @package Houzez Child
 */

/* ==========================================================================
   1. Section: Pre-Footer CTA
   ========================================================================== */
.maxx-footer-cta {
	background-color: var(--maxx-cta-bg, #0B6230);
	padding: 42px 0;
}

.maxx-footer-cta__inner {
	text-align: center;
}

.maxx-footer-cta__heading {
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: 22px;
	font-weight: 700;
	color: var(--maxx-text-light, #FFFFFF);
	margin: 0 0 22px;
	line-height: 1.35;
}

.maxx-footer-cta__fields {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	align-items: center;
}

.maxx-footer-cta__input {
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: var(--maxx-text-dark, #1A1A1A);
	background-color: #FFFFFF;
	border: 2px solid var(--maxx-border, #DDE5DD);
	border-radius: 4px;
	padding: 12px 18px;
	min-width: 220px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.maxx-footer-cta__input:focus {
	outline: none;
	border-color: var(--maxx-accent, #D4A017);
	box-shadow: 0 0 0 3px rgba(212, 160, 23, 0.25);
}

.maxx-footer-cta__input::placeholder {
	color: #7a8d7a;
}

.maxx-footer-cta__btn {
	font-family: "Plus Jakarta Sans", sans-serif;
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	font-size: 15px;
	font-weight: 600;
	color: var(--maxx-text-dark, #1A1A1A);
	background-color: var(--maxx-accent, #D4A017);
	border: 2px solid var(--maxx-accent, #D4A017);
	border-radius: 4px;
	padding: 12px 32px;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
	white-space: nowrap;
}

.maxx-footer-cta__btn:hover {
	background-color: var(--maxx-accent-hover, #B8860B);
	border-color: var(--maxx-accent-hover, #B8860B);
	color: #FFFFFF;
}

.maxx-footer-cta__btn:focus-visible {
	outline: 3px solid var(--maxx-text-light, #FFFFFF);
	outline-offset: 2px;
}

/* Button inline SVG icon */
.maxx-footer-cta__whatsapp-icon {
	flex-shrink: 0;
}

/* Subtitle below CTA button */
.maxx-footer-cta__sub {
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.65);
	margin: 14px 0 0;
	line-height: 1.4;
}

@media (max-width: 575.98px) {
	.maxx-footer-cta__btn {
		width: 100%;
		justify-content: center;
	}
}

/* Mobile: stack CTA fields */
@media (max-width: 767.98px) {
	.maxx-footer-cta {
		padding: 32px 16px;
	}

	.maxx-footer-cta__heading {
		font-size: 19px;
		margin-bottom: 18px;
	}

	.maxx-footer-cta__fields {
		flex-direction: column;
		gap: 10px;
	}

	.maxx-footer-cta__input {
		width: 100%;
		min-width: 0;
	}

	.maxx-footer-cta__btn {
		width: 100%;
	}
}


/* ==========================================================================
   1.5 Section: Featured Searches Bar (weekly-rotating topic clusters)
   ========================================================================== */
.maxx-footer-featured {
	background-color: var(--maxx-primary-hover, #095126);
	padding: 28px 0;
}

.maxx-footer-featured__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px 28px;
}

.maxx-footer-featured__heading {
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: var(--maxx-accent, #D4A017);
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0;
	flex-shrink: 0;
	white-space: nowrap;
}

.maxx-footer-featured__items {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.maxx-footer-featured__link {
	display: inline-block;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: 13px;
	font-weight: 500;
	color: var(--maxx-text-light, #FFFFFF);
	background-color: rgba(255, 255, 255, 0.08);
	border: 1px solid var(--maxx-accent, #D4A017);
	border-radius: 20px;
	padding: 6px 16px;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.maxx-footer-featured__link:hover,
.maxx-footer-featured__link:focus-visible {
	background-color: var(--maxx-accent, #D4A017);
	color: var(--maxx-text-dark, #1A1A1A);
	border-color: var(--maxx-accent, #D4A017);
}

.maxx-footer-featured__link:focus-visible {
	outline: 3px solid var(--maxx-accent, #D4A017);
	outline-offset: 2px;
}

@media (max-width: 767.98px) {
	.maxx-footer-featured {
		padding: 22px 0;
	}

	.maxx-footer-featured__inner {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.maxx-footer-featured__items {
		gap: 6px;
	}

	.maxx-footer-featured__link {
		font-size: 12px;
		padding: 5px 14px;
	}
}


/* ==========================================================================
   2. Section: 4-Column Main Footer
   ========================================================================== */
.maxx-footer-main {
	background-color: var(--maxx-main-bg, #0B6230);
	padding: 60px 0 40px;
	color: var(--maxx-text-light, #FFFFFF);
}

.maxx-footer-col__title {
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: var(--maxx-accent, #D4A017);
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 18px;
	padding-bottom: 10px;
	border-bottom: 2px solid rgba(212, 160, 23, 0.25);
}

.maxx-footer-about {
	font-size: 14px;
	line-height: 1.7;
	color: var(--maxx-text-light, #FFFFFF);
	opacity: 0.85;
	margin: 0;
}

.maxx-footer-logo img {
	max-width: 100%;
	height: auto;
}

.maxx-footer-col__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.maxx-footer-col__list li {
	font-size: 14px;
	line-height: 1.8;
	color: var(--maxx-text-light, #FFFFFF);
	opacity: 0.85;
	padding: 2px 0;
	position: relative;
	padding-left: 16px;
}

.maxx-footer-col__link {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease, opacity 0.2s ease;
}

.maxx-footer-col__link:hover {
	color: var(--maxx-accent, #D4A017);
	opacity: 1;
}

.maxx-footer-col__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 11px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: var(--maxx-accent, #D4A017);
}

.maxx-footer-address {
	font-size: 14px;
	font-style: normal;
	line-height: 1.7;
	color: var(--maxx-text-light, #FFFFFF);
	opacity: 0.85;
	margin: 0 0 8px;
}

.maxx-footer-address__link {
	color: inherit;
	text-decoration: none;
	transition: text-decoration 0.2s ease;
}

.maxx-footer-address__link:hover {
	text-decoration: underline;
}

.maxx-footer-phone {
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	color: var(--maxx-text-light, #FFFFFF);
	opacity: 0.85;
	text-decoration: none;
	transition: color 0.2s ease, opacity 0.2s ease;
	margin-top: 6px;
}

.maxx-footer-phone:hover {
	color: var(--maxx-accent, #D4A017);
	opacity: 1;
	text-decoration: underline;
}

/* Mobile: main footer adjustments */
@media (max-width: 767.98px) {
	.maxx-footer-main {
		padding: 40px 0 20px;
	}

	.maxx-footer-col {
		margin-bottom: 24px;
	}
}


/* ==========================================================================
   3. Section: Copyright Bottom Bar
   ========================================================================== */
.maxx-footer-bottom {
	background-color: var(--maxx-bottom-bg, #095126);
	padding: 18px 0;
	color: var(--maxx-text-light, #FFFFFF);
	font-size: 13px;
}

.maxx-footer-bottom__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 16px;
}

.maxx-footer-bottom__copyright {
	flex: 0 0 auto;
	color: var(--maxx-text-light, #FFFFFF);
	opacity: 0.8;
}

.maxx-footer-bottom__links {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 0 0 auto;
	margin: 0 auto;
}

.maxx-footer-bottom__link {
	color: var(--maxx-text-light, #FFFFFF);
	opacity: 0.8;
	text-decoration: none;
	transition: color 0.2s ease, opacity 0.2s ease;
}

.maxx-footer-bottom__link:hover {
	color: var(--maxx-accent, #D4A017);
	opacity: 1;
}

.maxx-footer-bottom__link:focus-visible {
	outline: 2px solid var(--maxx-accent, #D4A017);
	outline-offset: 2px;
}

.maxx-footer-bottom__social {
	display: flex;
	gap: 10px;
	align-items: center;
}

.maxx-footer-social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background-color: rgba(212, 160, 23, 0.15);
	color: var(--maxx-accent, #D4A017);
	font-size: 16px;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.maxx-footer-social-link:hover {
	background-color: var(--maxx-accent, #D4A017);
	color: var(--maxx-text-dark, #1A1A1A);
}

.maxx-footer-social-link:focus-visible {
	outline: 3px solid var(--maxx-accent, #D4A017);
	outline-offset: 2px;
}

/* Mobile: bottom bar stacks vertically */
@media (max-width: 767.98px) {
	.maxx-footer-bottom__inner {
		flex-direction: column;
		text-align: center;
		gap: 10px;
	}

	.maxx-footer-bottom__links {
		margin: 0;
	}

	.maxx-footer-bottom__social {
		justify-content: center;
	}
}


/* ==========================================================================
   Utility: screen-reader-only labels
   ========================================================================== */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}