/*
Theme Name: USS Hunt DD-674
Description: Child theme of Twenty Twenty-Five for the USS Hunt DD-674 historical site. Navy and brass colors, Barlow Condensed headings, large readable body text, and ready-made patterns for the home, reunions, In Memoriam and contact pages.
Author: USS Hunt DD-674
Template: twentytwentyfive
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 7.4
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: usshunt
*/

/* "674" hull-number badge in the header */
.usshunt-badge {
	border: 2px solid var(--wp--preset--color--accent-2);
	padding: 0 0.4em;
	line-height: 1.25;
}

/* Small uppercase label above section headings */
.usshunt-eyebrow {
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

/* Cards: whole card lifts slightly on hover */
.usshunt-card {
	height: 100%;
}
.usshunt-card img {
	aspect-ratio: 16 / 10;
	object-fit: cover;
	width: 100%;
}

/* In Memoriam roll: a list block with the "Memorial roll" style flows into columns */
.wp-block-list.is-style-usshunt-roll {
	columns: 16rem auto;
	column-gap: 2rem;
	list-style: none;
	padding-left: 0;
}
.wp-block-list.is-style-usshunt-roll li {
	display: block;
	margin: 0;
	break-inside: avoid;
	padding: 0.75rem 0;
	border-bottom: 1px solid var(--wp--preset--color--accent-6);
	font-size: var(--wp--preset--font-size--large);
}

/* Link lists with dividers (history sub-pages, links page) */
.wp-block-list.is-style-usshunt-divided {
	list-style: none;
	padding-left: 0;
	border-top: 1px solid var(--wp--preset--color--accent-6);
}
.wp-block-list.is-style-usshunt-divided li {
	padding: 0.85rem 0;
	border-bottom: 1px solid var(--wp--preset--color--accent-6);
}
.wp-block-list.is-style-usshunt-divided a {
	font-weight: 700;
}

/* Wide crew panorama scrolls sideways on phones instead of shrinking to nothing */
.usshunt-panorama {
	overflow-x: auto;
}
.usshunt-panorama img {
	min-width: 900px;
}

/* Header and footer navigation on dark backgrounds */
.usshunt-header a,
.usshunt-footer a {
	text-decoration: none;
}
.usshunt-header .wp-block-navigation-item a:hover,
.usshunt-footer a:hover {
	text-decoration: underline;
}
.usshunt-header .current-menu-item > a {
	color: var(--wp--preset--color--accent-2);
}

/* Captions stay readable on navy backgrounds */
.has-accent-1-background-color .wp-element-caption,
.has-accent-3-background-color .wp-element-caption {
	color: var(--wp--preset--color--accent-6);
}

/* Keyboard focus stays visible on navy backgrounds */
.has-accent-1-background-color a:focus-visible,
.has-accent-3-background-color a:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent-2);
	outline-offset: 3px;
}