/**
 * Footer Styles
 *
 * Desktop: 4-column layout (brand + 3 nav sections)
 * Mobile: Stacked layout with accordion nav sections
 *
 * @package Sierra_At_Tahoe
 */

/* ========================================
   Subscribe Button — prevent text wrapping
   ======================================== */

.sierra-footer-subscribe .wp-block-button__link {
	white-space: nowrap !important;
}

/* ========================================
   Footer Navigation Links
   ======================================== */

.sierra-footer-nav-links {
	list-style: none;
	padding-left: 0 !important;
	margin: 0 !important;
}

.sierra-footer-nav-links a {
	color: #ffffff !important;
	text-decoration: none;
	opacity: 0.85;
	transition: opacity 0.2s ease;
}

.sierra-footer-nav-links a:hover {
	opacity: 1;
	text-decoration: underline;
}

/* Footer divider */
.sierra-footer-divider {
	border-color: var(--wp--preset--color--last-light) !important;
	opacity: 1 !important;
}

/* Footer bottom: muted text */
.sierra-footer-copyright {
	opacity: 0.5;
}

.sierra-footer-legal a {
	opacity: 0.5;
	transition: opacity 0.2s ease;
}

.sierra-footer-legal a:hover {
	opacity: 1;
}

/* ========================================
   Mobile Footer — Accordion + Reorder
   ======================================== */

@media (max-width: 782px) {
	/* Stack the main footer layout vertically */
	.sierra-footer-main {
		flex-direction: column !important;
		gap: var(--wp--preset--spacing--x-large) !important;
	}

	/* Move social icons below newsletter (already in correct order in markup) */
	.sierra-footer-social {
		margin-top: var(--wp--preset--spacing--medium);
	}

	/* Newsletter subscribe: full width input */
	.sierra-footer-subscribe {
		flex-wrap: wrap !important;
		width: 100%;
	}

	.sierra-footer-subscribe .sierra-subscribe-input,
	.sierra-footer-subscribe input[type="email"] {
		width: 100% !important;
		min-width: 100% !important;
	}

	/* Nav sections: accordion style */
	.sierra-footer-nav-section {
		border-top: 1px solid rgba(134, 142, 226, 0.3);
		padding-top: var(--wp--preset--spacing--large) !important;
	}

	/* Heading becomes accordion trigger */
	.sierra-footer-nav-heading {
		cursor: pointer;
		display: flex !important;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 0 !important;
	}

	/* Chevron icon via pseudo-element */
	.sierra-footer-nav-heading::after {
		content: "";
		display: inline-block;
		width: 12px;
		height: 12px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: rotate(45deg);
		transition: transform 0.3s ease;
		flex-shrink: 0;
		margin-left: 16px;
	}

	/* Hide nav links by default on mobile */
	.sierra-footer-nav-section .sierra-footer-nav-links,
	.sierra-footer-nav-section .wp-block-navigation {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease, margin 0.3s ease;
		margin-top: 0 !important;
	}

	/* Expanded state (toggled via JS) */
	.sierra-footer-nav-section.is-open .sierra-footer-nav-links,
	.sierra-footer-nav-section.is-open .wp-block-navigation {
		max-height: 300px;
		margin-top: var(--wp--preset--spacing--medium) !important;
	}

	.sierra-footer-nav-section.is-open .sierra-footer-nav-heading::after {
		transform: rotate(-135deg);
	}

	/* Sponsors: 3 per row on mobile */
	.sierra-footer-sponsors {
		justify-content: center !important;
		gap: var(--wp--preset--spacing--large) !important;
	}

	/* Move sponsors below nav sections on mobile */
	.sierra-footer-sponsors {
		order: 3;
		margin-bottom: 0 !important;
		margin-top: var(--wp--preset--spacing--x-large);
	}

	.sierra-footer-main {
		order: 1;
	}

	.sierra-footer-divider {
		order: 4;
	}

	.sierra-footer-bottom {
		order: 5;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: var(--wp--preset--spacing--medium) !important;
	}

	/* Make the footer wrapper use flex column for reordering */
	.has-deep-alpine-background-color.alignfull > .wp-block-group:first-child {
		order: 2;
	}
}