/*
Theme Name: Phoenix2026
Theme URI: https://suv.me/
Author: Chris Gordon
Author URI: https://suv.me/
Description: Phoenix2026 is a privately maintained fork of the WordPress Twenty Twenty-Five block theme, customized for full site editing, site-logo branding, lightweight SEO helpers, and owner-controlled updates.
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 7.2
Version: 1.1.1
Update URI: false
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: phoenix2026
Tags: two-columns, right-sidebar, one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * IMPORTANT: This file is only served on the frontend when `SCRIPT_DEBUG` is enabled;
 * in most instances, the `style.min.css` file will be served. It is not recommended that you
 * use the Theme File Editor to modify this stylesheet. Instead, add the necessary style
 * overrides via "Additional CSS" in the Site Editor.
 */

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

:where(.wp-site-blocks) > * {
    margin-block-start: 0;
}

a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/*
 * Prevents unnecessary scrollbars while handling long lines of preformatted text.
 * https://core.trac.wordpress.org/ticket/63875
 */
:where(pre) {
	overflow-x: auto;
}

/* Phoenix2026 header branding. */
.phoenix2026-brand {
	align-items: center;
	display: flex;
	gap: var(--wp--preset--spacing--20, 10px);
	
}

.phoenix2026-brand .wp-block-site-logo,
.phoenix2026-brand .wp-block-site-title {
	margin-block-start: 0;
}

.phoenix2026-brand .wp-block-site-logo img {
	display: block;
	height: auto;
	max-width: 100%;
}

/* Phoenix2026 front-page magazine layout. */
.phoenix2026-front-page {
	--phoenix2026-card-gap: clamp(1.35rem, 2.4vw, 2.25rem);
	--phoenix2026-card-tight-gap: clamp(0.85rem, 1.4vw, 1.25rem);
}

.phoenix2026-front-page .phoenix2026-magazine-query {
	margin-inline: auto;
	max-width: min(100%, var(--wp--style--global--wide-size, 1280px));
}

.phoenix2026-front-page .phoenix2026-magazine-post-template {
	display: grid !important;
	gap: clamp(2rem, 4vw, 4.25rem) var(--phoenix2026-card-gap);
	grid-template-columns: repeat(12, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.phoenix2026-front-page .phoenix2026-magazine-post-template > li {
	margin: 0;
	min-width: 0;
}

.phoenix2026-front-page .phoenix2026-magazine-card {
	container-type: inline-size;
}

.phoenix2026-front-page .phoenix2026-magazine-card .wp-block-post-featured-image {
	aspect-ratio: 4 / 3;
	background: color-mix(in srgb, currentColor 7%, transparent);
	display: block;
	margin-block: 0 0.68rem !important;
	overflow: hidden;
}

.phoenix2026-front-page .phoenix2026-magazine-card .wp-block-post-featured-image a,
.phoenix2026-front-page .phoenix2026-magazine-card .wp-block-post-featured-image img {
	display: block;
	height: 100%;
	width: 100%;
}

.phoenix2026-front-page .phoenix2026-magazine-card .wp-block-post-featured-image img {
	object-fit: cover;
	transition: transform 220ms ease;
}

@media (hover: hover) {
	.phoenix2026-front-page .phoenix2026-magazine-card:hover .wp-block-post-featured-image img {
		transform: scale(1.025);
	}
}

.phoenix2026-front-page .phoenix2026-magazine-card .wp-block-post-title {
	font-size: clamp(1.08rem, 1.7vw, 1.65rem);
	letter-spacing: -0.045em;
	line-height: 1.02;
	margin-block: 0 0.45rem !important;
}

.phoenix2026-front-page .phoenix2026-magazine-card .wp-block-post-title a {
	text-decoration: none;
}

.phoenix2026-front-page .phoenix2026-magazine-card .wp-block-post-title a:hover,
.phoenix2026-front-page .phoenix2026-magazine-card .wp-block-post-title a:focus {
	text-decoration: underline;
	text-decoration-thickness: 0.06em !important;
	text-underline-offset: 0.13em;
}

.phoenix2026-front-page .phoenix2026-magazine-terms {
	font-size: 0.68rem !important;
	letter-spacing: 0.06em;
	line-height: 1.2;
	margin-block: 0 !important;
}

.phoenix2026-front-page .phoenix2026-magazine-terms a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: 0.18em;
}

.phoenix2026-front-page .phoenix2026-magazine-excerpt {
	display: none;
	font-size: clamp(0.9rem, 1vw, 1rem) !important;
	line-height: 1.45;
	max-width: 62ch;
}

body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(1) {
	grid-column: 4 / span 6;
	grid-row: 1 / span 2;
}

body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(1) .wp-block-post-featured-image {
	aspect-ratio: 16 / 10;
	margin-block-end: 1rem !important;
}

body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(1) .wp-block-post-title {
	font-size: clamp(2rem, 4.1vw, 4.25rem);
	letter-spacing: -0.07em;
	line-height: 0.98;
	margin-block-end: 0.75rem !important;
}

body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(1) .phoenix2026-magazine-excerpt {
	display: block;
}

body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(2),
body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(3) {
	grid-column: 1 / span 3;
}

body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(4),
body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(5) {
	grid-column: 10 / span 3;
}

body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(2),
body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(4) {
	grid-row: 1;
}

body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(3),
body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(5) {
	grid-row: 2;
}

body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(n+2):nth-child(-n+5) .wp-block-post-title {
	font-size: clamp(0.98rem, 1.25vw, 1.24rem);
	letter-spacing: -0.035em;
}

body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(6),
body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(7) {
	grid-column: span 6;
}

body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(6) .wp-block-post-featured-image,
body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(7) .wp-block-post-featured-image {
	aspect-ratio: 16 / 10;
}

body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(n+8) {
	grid-column: span 4;
}

body.phoenix2026-front-magazine-paged .phoenix2026-front-page .phoenix2026-magazine-post-template {
	gap: clamp(1.65rem, 3vw, 3rem) var(--phoenix2026-card-tight-gap);
}

body.phoenix2026-front-magazine-paged .phoenix2026-front-page .phoenix2026-magazine-post-template > li {
	grid-column: span 4;
}

body.phoenix2026-front-magazine-paged .phoenix2026-front-page .phoenix2026-magazine-card .wp-block-post-featured-image {
	aspect-ratio: 3 / 2;
}

body.phoenix2026-front-magazine-paged .phoenix2026-front-page .phoenix2026-magazine-card .wp-block-post-title {
	font-size: clamp(1rem, 1.35vw, 1.35rem);
	letter-spacing: -0.035em;
}

.phoenix2026-front-page .phoenix2026-magazine-pagination-wrap {
	margin-block-start: clamp(3rem, 5vw, 5.5rem);
}

.phoenix2026-front-page .phoenix2026-magazine-pager {
	border-top: 1px solid color-mix(in srgb, currentColor 18%, transparent);
	font-size: clamp(0.88rem, 1.1vw, 1rem);
	gap: 1rem;
	padding-block-start: 1.25rem;
}

.phoenix2026-front-page .phoenix2026-magazine-pager .wp-block-query-pagination-numbers {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	justify-content: center;
}

.phoenix2026-front-page .phoenix2026-magazine-pager .page-numbers,
.phoenix2026-front-page .phoenix2026-magazine-pager .wp-block-query-pagination-previous,
.phoenix2026-front-page .phoenix2026-magazine-pager .wp-block-query-pagination-next {
	border-radius: 999px;
	padding: 0.32rem 0.62rem;
	text-decoration: none;
}

.phoenix2026-front-page .phoenix2026-magazine-pager .page-numbers.current {
	background: currentColor;
	color: var(--wp--preset--color--base, #fff);
}

@media (max-width: 1000px) {
	.phoenix2026-front-page .phoenix2026-magazine-post-template {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(1) {
		grid-column: 1 / -1;
		grid-row: auto;
	}

	body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(n+2):nth-child(-n+7),
	body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(n+8),
	body.phoenix2026-front-magazine-paged .phoenix2026-front-page .phoenix2026-magazine-post-template > li {
		grid-column: span 3;
		grid-row: auto;
	}
}

@media (max-width: 767px) {
	.phoenix2026-front-page {
		--phoenix2026-mobile-thumb-size: clamp(108px, 30vw, 220px);
		--phoenix2026-mobile-row-gap: clamp(0.82rem, 3vw, 1.15rem);
		padding-inline: clamp(1rem, 4vw, 1.5rem) !important;
	}

	.phoenix2026-front-page .phoenix2026-magazine-query {
		max-width: 100%;
	}

	.phoenix2026-front-page .phoenix2026-magazine-post-template {
		display: flex !important;
		flex-direction: column;
		gap: 0;
		grid-template-columns: 1fr;
	}

	body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(n),
	body.phoenix2026-front-magazine-paged .phoenix2026-front-page .phoenix2026-magazine-post-template > li {
		grid-column: 1 / -1;
		grid-row: auto;
	}

	.phoenix2026-front-page .phoenix2026-magazine-post-template > li {
		border-bottom: 1px solid color-mix(in srgb, currentColor 12%, transparent);
		padding-block: var(--phoenix2026-mobile-row-gap);
	}

	.phoenix2026-front-page .phoenix2026-magazine-post-template > li:first-child {
		padding-block-start: 0;
	}

	.phoenix2026-front-page .phoenix2026-magazine-card {
		display: grid;
		gap: 0.2rem clamp(0.88rem, 3.5vw, 1.25rem);
		grid-template-columns: var(--phoenix2026-mobile-thumb-size) minmax(0, 1fr);
		position: relative;
	}

	.phoenix2026-front-page .phoenix2026-magazine-card .wp-block-post-featured-image,
	body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(6) .wp-block-post-featured-image,
	body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(7) .wp-block-post-featured-image,
	body.phoenix2026-front-magazine-paged .phoenix2026-front-page .phoenix2026-magazine-card .wp-block-post-featured-image {
		aspect-ratio: 1 / 1;
		border-radius: 0.7rem;
		grid-column: 1;
		grid-row: 1 / span 3;
		margin: 0 !important;
		width: var(--phoenix2026-mobile-thumb-size);
	}

	.phoenix2026-front-page .phoenix2026-magazine-card .wp-block-post-title {
		font-size: clamp(1.05rem, 4.6vw, 1.55rem);
		grid-column: 2;
		letter-spacing: -0.045em;
		line-height: 1.08;
		margin: 0 !important;
	}

	.phoenix2026-front-page .phoenix2026-magazine-card .phoenix2026-magazine-terms {
		grid-column: 2;
		margin-block-start: 0.28rem !important;
		order: 3;
	}

	.phoenix2026-front-page .phoenix2026-magazine-card .phoenix2026-magazine-excerpt {
		display: none !important;
	}

	body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(1) {
		border-bottom: 0;
		margin-block-end: clamp(1.1rem, 4vw, 1.65rem);
		padding-block-end: 0;
	}

	body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(1) .phoenix2026-magazine-card {
		display: block;
		overflow: hidden;
		position: relative;
	}

	body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(1) .wp-block-post-featured-image {
		aspect-ratio: 16 / 9;
		border-radius: 1rem;
		margin: 0 !important;
		position: relative;
		width: 100%;
	}

	body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(1) .wp-block-post-featured-image::after {
		background: linear-gradient(180deg, transparent 35%, rgb(0 0 0 / 0.72) 100%);
		content: "";
		inset: 0;
		pointer-events: none;
		position: absolute;
	}

	body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(1) .wp-block-post-title {
		bottom: clamp(0.9rem, 4vw, 1.35rem);
		color: #fff;
		font-size: clamp(1.45rem, 7.2vw, 2.55rem);
		left: clamp(0.9rem, 4vw, 1.35rem);
		letter-spacing: -0.055em;
		line-height: 1.02;
		margin: 0 !important;
		max-width: calc(100% - 2rem);
		position: absolute;
		text-shadow: 0 2px 18px rgb(0 0 0 / 0.42);
		z-index: 2;
	}

	body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(1) .wp-block-post-title a {
		color: inherit;
	}

	body.phoenix2026-front-magazine-first .phoenix2026-front-page .phoenix2026-magazine-post-template > li:nth-child(1) .phoenix2026-magazine-terms {
		display: none;
	}

	body.phoenix2026-front-magazine-paged .phoenix2026-front-page .phoenix2026-magazine-post-template > li:first-child {
		border-bottom: 1px solid color-mix(in srgb, currentColor 12%, transparent);
	}

	.phoenix2026-front-page .phoenix2026-magazine-pagination-wrap {
		margin-block-start: clamp(2rem, 8vw, 3.5rem);
	}

	.phoenix2026-front-page .phoenix2026-magazine-pager {
		justify-content: center !important;
	}
}


/* Phoenix2026 Site Title image replacement. */
.phoenix2026-site-title-image {
	line-height: 1;
	margin-block-start: 0;
}

.phoenix2026-site-title-image > a {
	align-items: center;
	display: inline-flex;
	max-width: 100%;
	text-decoration: none;
}

.phoenix2026-site-title-image .phoenix2026-site-title-logo {
	display: block;
	height: 1em;
	max-width: min(70vw, 560px);
	object-fit: contain;
	width: auto;
}

/*
 * Smooth reveal for images that are already using native loading="lazy".
 * WordPress/browser LCP heuristics remain in charge of deciding what should
 * lazy-load; Phoenix2026 only enhances the visual transition.
 */
@media (prefers-reduced-motion: no-preference) {
	img.phoenix2026-lazy-fade {
		opacity: 0.08;
		transition: opacity 520ms cubic-bezier(0.22, 1, 0.36, 1);
		will-change: opacity;
	}

	img.phoenix2026-lazy-fade.phoenix2026-lazy-loaded {
		opacity: 1;
	}
}
