/*
 * Photography Prints footer styles.
 *
 * Print-section footer overrides live here so the base site footer can remain
 * global and branch-specific footer behavior stays easy to find.
 */

body.ibenlo-stage-theme .ibenlo-site-footer.has-subscribe .ibenlo-site-footer__expanded {
	grid-template-columns: repeat(4, minmax(9.5rem, 1fr));
	column-gap: clamp(2.5rem, 4.8vw, 5.5rem);
}

body.ibenlo-stage-theme .ibenlo-site-footer.has-subscribe .ibenlo-site-footer__subscribe {
	order: -1;
	grid-row: 1;
	grid-column: 1 / -1;
	justify-self: center;
	width: min(100%, 48rem);
	max-width: 48rem;
	margin: 0;
}

body.ibenlo-stage-theme .ibenlo-site-footer.has-subscribe .ibenlo-site-footer__column {
	grid-row: 2;
}

@media (max-width: 1380px) {
	body.ibenlo-stage-theme .ibenlo-site-footer.has-subscribe .ibenlo-site-footer__expanded {
		grid-template-columns: repeat(4, minmax(9.5rem, 1fr));
		gap: var(--ibenlo-footer-subscribe-space) clamp(2.5rem, 5vw, 5rem);
	}

	body.ibenlo-stage-theme .ibenlo-site-footer.has-subscribe .ibenlo-site-footer__subscribe {
		grid-column: 1 / -1;
		justify-self: center;
	}
}

@media (min-width: 641px) {
	body.ibenlo-stage-theme .ibenlo-site-footer.has-subscribe .ibenlo-site-footer__subscribe {
		grid-template-columns: minmax(0, 1fr) minmax(12rem, max-content);
		align-items: end;
		column-gap: clamp(0.9rem, 2vw, 1.4rem);
	}

	body.ibenlo-stage-theme .ibenlo-site-footer.has-subscribe .ibenlo-site-footer__subscribe h3 {
		grid-column: 1 / -1;
	}

	body.ibenlo-stage-theme .ibenlo-site-footer.has-subscribe .ibenlo-site-footer__subscribe label {
		grid-column: 1;
	}

	body.ibenlo-stage-theme .ibenlo-site-footer.has-subscribe .ibenlo-site-footer__subscribe button {
		grid-column: 2;
		min-width: clamp(11rem, 18vw, 16rem);
	}
}

@media (max-width: 900px) {
	body.ibenlo-stage-theme .ibenlo-site-footer.has-subscribe .ibenlo-site-footer__expanded {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.ibenlo-stage-theme .ibenlo-site-footer.has-subscribe .ibenlo-site-footer__subscribe {
		grid-column: 1 / -1 !important;
		justify-self: stretch;
		width: 100%;
		max-width: none;
	}

	body.ibenlo-stage-theme .ibenlo-site-footer.has-subscribe .ibenlo-site-footer__column {
		grid-column: auto !important;
		grid-row: auto !important;
	}
}

@media (max-width: 640px) {
	body.ibenlo-stage-theme .ibenlo-site-footer.has-subscribe .ibenlo-site-footer__subscribe {
		display: grid;
		grid-template-columns: minmax(0, 1fr) max-content;
		align-items: end;
		justify-items: stretch;
		column-gap: 0.75rem;
	}

	body.ibenlo-stage-theme .ibenlo-site-footer.has-subscribe .ibenlo-site-footer__subscribe h3 {
		grid-column: 1 / -1;
		width: 100%;
		text-align: center;
	}

	body.ibenlo-stage-theme .ibenlo-site-footer.has-subscribe .ibenlo-site-footer__subscribe label {
		grid-column: 1;
		min-width: 0;
		width: 100%;
	}

	body.ibenlo-stage-theme .ibenlo-site-footer.has-subscribe .ibenlo-site-footer__subscribe button {
		grid-column: 2;
		width: auto;
		min-width: 0;
		white-space: nowrap;
	}
}