/*
Purpose: Mobile-first layout corrections for Archive Magazine v2.
Last updated: 2026-04-19.
*/

@media (max-width: 1023px) {
	.admin-bar .archive-site-header {
		top: 46px;
	}

	.archive-header-desktop {
		display: none;
	}

	.archive-header-mobile {
		align-items: center;
		display: grid;
		grid-template-columns: 44px minmax(0, 1fr) auto;
		min-height: var(--archive-header-height-mobile);
	}

	.archive-mobile-logo {
		justify-self: center;
		text-decoration: none;
	}

	.archive-mobile-actions {
		align-items: center;
		display: inline-flex;
		gap: 0.35rem;
		justify-self: end;
	}

	.archive-mobile-actions .wp-block-search__button,
	.archive-header-mobile .wp-block-navigation__responsive-container-open {
		align-items: center;
		display: inline-flex;
		height: 44px;
		justify-content: center;
		min-width: 44px;
	}

	.archive-header-mobile .wp-block-navigation__responsive-container.is-menu-open {
		background: var(--wp--preset--color--background);
		color: var(--wp--preset--color--foreground);
		padding: var(--wp--preset--spacing--40) 20px;
	}

	.archive-header-mobile .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		align-items: flex-start;
		gap: var(--wp--preset--spacing--30);
	}

	.archive-header-mobile .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		font-size: var(--wp--preset--font-size--xl);
		min-height: 44px;
	}

	.archive-hero-split,
	.archive-essay-split,
	.archive-author-hero-inner,
	.archive-grid-3 > .wp-block-post-template,
	.archive-dossier-grid > .wp-block-post-template,
	.archive-authors-grid,
	.archive-footer-grid {
		grid-template-columns: 1fr;
	}

	.archive-hero-split {
		min-height: auto;
	}

	.archive-hero-media,
	.archive-hero-media .wp-block-post-featured-image,
	.archive-hero-media figure,
	.archive-hero-media img {
		aspect-ratio: 16 / 9;
		height: auto;
	}

	.archive-hero-copy {
		padding: var(--wp--preset--spacing--40) 20px;
	}

	.archive-list-item {
		gap: var(--wp--preset--spacing--20);
		grid-template-columns: 1fr;
	}

	.archive-list-thumb {
		display: none;
	}

	.archive-section-title {
		grid-template-columns: 1fr;
	}

	.archive-section-title::after {
		margin-top: 0;
	}

	.archive-newsletter-form {
		align-items: stretch !important;
		flex-direction: column;
	}

	.archive-newsletter-form input,
	.archive-newsletter-form .wp-block-button,
	.archive-newsletter-form .wp-block-button__link {
		width: 100%;
	}
}

@media (min-width: 700px) and (max-width: 1023px) {
	.archive-grid-3 > .wp-block-post-template,
	.archive-authors-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}