/**
 * Bloom Footer Mobile Compact — mobile-only collapsible footer + homepage SEO blocks.
 * Content is never removed from the DOM; collapsed sections use max-height only.
 */

@media (max-width: 782px) {
	/*
	 * Mobile payment column (d-lg-none) — Porto hides badges in Stay Connected on small screens.
	 * Keep this column visible and centred; do not accordion it.
	 */
	.footer-wrapper .vc_row.footer > .bloom-fmc-payment-column {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
		text-align: center;
		padding-top: 0.5rem;
		padding-bottom: 0.15rem;
		margin-bottom: 0 !important;
	}

	.footer-wrapper .vc_row.footer > .bloom-fmc-payment-column .vc_custom_heading,
	.footer-wrapper .vc_row.footer > .bloom-fmc-payment-column .wpb_single_image,
	.footer-wrapper .vc_row.footer > .bloom-fmc-payment-column .vc_single_image-wrapper {
		text-align: center !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.footer-wrapper .vc_row.footer > .bloom-fmc-payment-column .wpb_single_image {
		display: block !important;
		margin-bottom: 0 !important;
	}

	.footer-wrapper .vc_row.footer > .bloom-fmc-payment-column img {
		display: inline-block !important;
		max-width: min(100%, 320px);
		height: auto;
		margin: 0 auto 0.15rem !important;
	}

	/* Pull copyright row closer to payment badges. */
	.footer-wrapper .vc_row.footer {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		row-gap: 0.3rem;
		column-gap: 0.4rem;
		margin-bottom: 0 !important;
		padding-left: 1rem;
		padding-right: 1rem;
		box-sizing: border-box;
	}

	.footer-wrapper .vc_row.footer + .vc_row,
	.footer-wrapper .vc_row.footer > .bloom-fmc-payment-column + .vc_column_container,
	.footer-wrapper .vc_row.vc_custom_1759813871299 {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

	/* Two pill titles per row — pill stays in place when open. */
	.footer-wrapper .vc_row.footer > .vc_column_container.col-lg-2,
	.footer-wrapper .vc_row.footer > .vc_column_container.follow-us,
	.footer-wrapper .vc_row.footer > .vc_column_container.col-lg-3,
	.footer-wrapper .vc_row.footer > .vc_column_container.col-lg-4 {
		flex: 0 0 calc(50% - 0.2rem) !important;
		max-width: calc(50% - 0.2rem) !important;
		width: calc(50% - 0.2rem) !important;
		padding: 0 !important;
	}

	.bloom-fmc-section,
	.bloom-fmc-home-section {
		margin-bottom: 0.15rem;
	}

	/* Option A — pill button rows (no chevron). */
	.footer-wrapper .bloom-fmc-trigger {
		text-align: left;
		padding: 0.55rem 0.55rem 0.55rem 1rem !important;
	}

	.bloom-fmc-trigger {
		display: block;
		width: 100%;
		box-sizing: border-box;
		cursor: pointer;
		user-select: none;
		-webkit-tap-highlight-color: transparent;
		position: relative;
		padding: 0.55rem 0.45rem !important;
		margin-bottom: 0 !important;
		border: 1.5px solid #c28840;
		border-radius: 999px;
		background-color: transparent;
		transition: background-color 0.2s ease, box-shadow 0.2s ease;
	}

	.bloom-fmc-trigger:active {
		background-color: rgba(194, 136, 64, 0.08);
	}

	.bloom-fmc-section.is-open > .bloom-fmc-trigger,
	.bloom-fmc-home-section.is-open > .bloom-fmc-trigger {
		background-color: rgba(194, 136, 64, 0.14);
		box-shadow: inset 0 0 0 1px rgba(194, 136, 64, 0.22);
	}

	.bloom-fmc-trigger::after {
		display: none !important;
		content: none !important;
	}

	/* Unified footer section titles on mobile. */
	.footer-wrapper .bloom-fmc-trigger,
	.footer-wrapper .bloom-fmc-trigger .bloom-fmc-trigger-label,
	.bloom-fmc-home-section .bloom-fmc-trigger,
	.footer-wrapper .bloom-fmc-payment-column h2 {
		font-family: inherit !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		font-style: normal !important;
		line-height: 1.25 !important;
		color: #c28840 !important;
		text-transform: none !important;
		letter-spacing: normal !important;
	}

	.footer-wrapper .bloom-fmc-payment-column h2 {
		font-size: 15px !important;
	}

	.bloom-fmc-logo-row {
		display: flex;
		align-items: center;
		gap: 0.75rem;
		margin-bottom: 0.85rem;
	}

	.bloom-fmc-logo-row .wpb_single_image {
		flex: 0 0 auto;
		max-width: 42%;
		margin: 0 !important;
	}

	.bloom-fmc-logo-row .wpb_single_image img {
		max-width: 100%;
		height: auto;
	}

	.bloom-fmc-logo-row .bloom-fmc-tagline {
		flex: 1 1 auto;
		margin: 0;
		text-align: left;
		font-family: inherit !important;
		font-size: 15px !important;
		font-weight: 600 !important;
		font-style: normal !important;
		line-height: 1.35 !important;
		color: #c28840 !important;
	}

	/* About Bloom expanded copy — force Porto gold on every nested node. */
	.footer-wrapper .vc_row.footer > .vc_column_container.col-lg-3 .bloom-fmc-body-inner,
	.footer-wrapper .vc_row.footer > .vc_column_container.col-lg-3 .bloom-fmc-body-inner * {
		color: #c28840 !important;
	}

	.bloom-fmc-body {
		overflow: hidden;
		max-height: 0;
		padding: 0;
		margin: 0;
		width: 100%;
		transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	}

	/*
	 * Expanded content spans the full footer pill row (both columns).
	 * Pill stays in its half; content aligns to the row’s left padding edge.
	 */
	.footer-wrapper .vc_row.footer > .vc_column_container.col-lg-3 .bloom-fmc-section.is-open > .bloom-fmc-body,
	.footer-wrapper .vc_row.footer > .vc_column_container.col-lg-2 .bloom-fmc-section.is-open > .bloom-fmc-body {
		width: calc(200% + 0.4rem);
		max-width: calc(200% + 0.4rem);
		margin-left: 0;
		position: relative;
		z-index: 2;
	}

	.footer-wrapper .vc_row.footer > .vc_column_container.col-lg-4 .bloom-fmc-section.is-open > .bloom-fmc-body,
	.footer-wrapper .vc_row.footer > .vc_column_container.follow-us .bloom-fmc-section.is-open > .bloom-fmc-body {
		width: calc(200% + 0.4rem);
		max-width: calc(200% + 0.4rem);
		margin-left: calc(-100% - 0.4rem);
		position: relative;
		z-index: 2;
	}

	.footer-wrapper .bloom-fmc-body-inner {
		padding: 0.65rem 0.85rem 0.35rem 0.65rem;
		box-sizing: border-box;
	}

	.bloom-fmc-home-section .bloom-fmc-body-inner {
		padding: 0.65rem 0.85rem 0.2rem 1rem;
		box-sizing: border-box;
	}

	/* Collapsed only after JS marks the page ready (crawlers without JS still see full content). */
	html.bloom-fmc-ready .bloom-fmc-section:not(.is-open) > .bloom-fmc-body,
	html.bloom-fmc-ready .bloom-fmc-home-section:not(.is-open) > .bloom-fmc-body {
		max-height: 0 !important;
	}

	html.bloom-fmc-ready .bloom-fmc-section.is-open > .bloom-fmc-body,
	html.bloom-fmc-ready .bloom-fmc-home-section.is-open > .bloom-fmc-body {
		max-height: var(--bloom-fmc-body-h, 3000px);
	}

	.footer-wrapper .vc_row.footer .widget_nav_menu ul li {
		padding-top: 0.15rem;
		padding-bottom: 0.15rem;
	}

	/* Homepage SEO — full-width pills, slightly more spacing. */
	.bloom-fmc-home-section {
		margin-bottom: 0.35rem;
		max-width: 100%;
	}

	.bloom-fmc-home-section .bloom-fmc-trigger {
		text-align: center;
		padding: 0.6rem 1rem !important;
		font-size: 15px !important;
		line-height: 1.35 !important;
	}
}