/* Mobile media rules */

/* This handles ALL style tweaks across mobile */

@media (max-width: 921px) {

	/* Primary content area stacks naturally */

	#primary {
		width: 100%;
		margin-bottom: 0;
		padding-right: 0 !important;
		border-right: none !important;
	}

	/* Sidebar moves BELOW content */

	#secondary,
	.ast-container #secondary {
		width: 100%;
		margin-top: 3.2rem;
		padding-left: 0 !important;
		border-top: 3px solid var(--dso-cool-gray-80) !important;
		padding-top: 1.6rem;
	}
	
	/* Top menu icons */

	.ast-button-wrap {
		padding-right: 0 !important;
	}
	.site-header-focus-item {
		padding: 0 !important;
	}

	/* Article layout (stacked cards) */
	
	article.type-post .ast-article-inner {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		align-items: stretch;
	}

	/* Image becomes top block */

	article.type-post .post-thumb {
		width: 100%;
		flex: none;
		position: relative;
		aspect-ratio: 2 / 1;
		overflow: hidden;
		border-radius: 0.8rem;
	}

	article.type-post .post-thumb img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		border-radius: inherit;
	}


	/* Content block below image */
	article.type-post .dso-article-wrapper {
		display: flex;
		flex-direction: column;
	}

	/* Typography scaling */

	h1 {
		font-size: calc(var(--hs1) * 0.9) !important;
		line-height: calc(var(--ls1) * 0.9) !important;
	}

	h2 {
		font-size: calc(var(--hs2) * 0.8) !important;
		line-height: calc(var(--ls2) * 0.8) !important;
	}

	h3 {
		font-size: calc(var(--hs3) * 0.9) !important;
		line-height: calc(var(--ls3) * 0.9) !important;
	}

	/* Header/nav safety */

	.site-header-primary-section-right {
		display: inline-flex;
		justify-content: center;
		flex-direction: column;
		max-width: max-content;
		margin-left: auto;
		gap: 1.2rem;
	}

	.ast-builder-layout-element,
	.site-header-primary-section-right {
		padding-right: 1.6rem;
	}

	button.main-header-menu-toggle,
	.ast-header-search {
		margin: 0 !important;
		padding: 0 !important;
	}

	.ast-dropdown-active .search-form {
		right: -0.8rem !important;
	}

	.ast-dropdown-active .search-field {
		padding: 0.2rem 0.8rem;
	}
	
	/* Featured Post looks like any post now */

	.featured-article__ratio {
		margin-bottom: 1.6rem;
		border-bottom: 1px solid var(--dso-cool-gray-80-25p);
	}

	.featured-article__ratio article {
		aspect-ratio: auto !important;
		position: relative;
		overflow: visible;
	}

	.featured-article__ratio article .post-thumb {
		position: relative;
		inset: auto;
		z-index: auto;
	}
	
	.featured-article__ratio article .post-thumb::after {
		display: none;
		visibility: hidden;
	}

	.featured-article__ratio article .dso-article-wrapper {
		padding: 0 !important;
		height: auto !important;
		justify-content: flex-start !important;
	}

	/* Title becomes normal archive size */

	.featured-article__ratio article h2.entry-title a {
		font-size: inherit !important;
		line-height: inherit !important;
		color: var(--dso-cool-gray-80) !important;

		text-shadow: none !important;

		transform: none !important;
	}
	
	.featured-article__ratio article h2.entry-title a:hover {
		color: var(--dso-orange-50) !important;
	}

	/* Meta + excerpt revert to standard styling */

	.featured-article__ratio article .dso-post-meta .dso-meta-text,
	.featured-article__ratio article .dso-post-meta .dso-meta-text a,
	.featured-article__ratio article .ast-excerpt-container,
	.featured-article__ratio article .ast-excerpt-container a {
		color: var(--dso-cool-gray-80) !important;
		text-shadow: none !important;
	}

	/* First-line “caps style” behavior stays consistent */

	.featured-article__ratio article .ast-excerpt-container::first-line {
		color: var(--dso-cool-gray-80) !important;
	}

	/* Small component fixes (logic unchanged) */

	.navigation.post-navigation .nav-links {
		padding: 0;
	}

	.inline-gallery {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		width: 100%;
	}

	.inline-gallery figure {
		flex: 0 0 100%;
		scroll-snap-align: start;
	}

	.dso-youtube-link-wrap {
		flex: 100%;
		min-width: 100%;
	}

	/* Single header */

	article.type-post .single-layout-1 .entry-header h1.entry-title {
		--mult: 0.7;
		font-size: calc(var(--hs1) * var(--mult)) !important;
		line-height: calc(var(--hs1) * calc(var(--mult) * 1.25)) !important;
	}
	
	/* Inline galleries */

	.gallery-container::before {
		content: '⬅️ Swipe for additional images ➡️';
		display: flex;
		justify-content: center;
		margin-bottom: 0.4rem;
		font-family: var(--dso-meta-font);
		font-size: 0.8rem;
		text-transform: uppercase;
		color: var(--dso-cool-gray-80);
	}

	.inline-gallery {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		width: 100%;
	}

	.inline-gallery figure {
		flex: 0 0 100%;
		scroll-snap-align: start;
	}

	.inline-gallery img {
		display: block;
		width: 100%;
		height: auto;
	}

	.main-navigation li.current-menu-item a {
		color: var(--dso-cool-gray-90-33p) !important;
	}

	.ast-primary-header .ast-site-identity {
		padding-left: 0.8rem;
	}

	.site-header-section .ast-button-wrap {
		padding-right: 0.8rem;
	}

	.site-header-section button.menu-toggle svg {
		fill: var(--dso-warm-gray-10) !important;
	}

	.main-navigation li a {
		background-color: var(--dso-cool-gray-80-25p) !important;
	}

	/* Post thumbnail rounded corners */

	article .post-thumb {
		border-radius: var(--br1);
	}

	article.type-post .post-content {
		padding: 0 !important;
	}

	.ast-pagination {
		margin-top: 0;
	}

	#secondary aside.widget {
		margin-bottom: 1.6rem;
	}

	#content .ast-container #secondary {
		padding-inline-start: 0 !important;
	}

	/* YouTube CTA */
	
	.dso-youtube-cta {
		text-align: center;
	}

	.dso-youtube-link-wrap {
		flex: 100%;
		min-width: 100%;
	}
}