/*
Theme Name: WW2 Visual Archive
Theme URI: https://www.youtube.com/@WW2VisualArchive
Author: WW2VisualArchive
Author URI: https://www.youtube.com/@WW2VisualArchive
Description: The official WordPress theme of the WW2 Visual Archive network (ww2visualarchive). A declassified-vault / brass-plate editorial theme built for a restored-film archive: cinematic dark palette, self-hosted fonts, zero external CSS/JS, AdSense-ready header and footer policy navigation, a hardened security layer, and full menu + sidebar + widget customisation. Signature: WW2VisualArchive.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ww2-visual-archive
Tags: dark, one-column, two-columns, right-sidebar, custom-logo, custom-menu, custom-colors, featured-images, translation-ready, blog, news, full-width-template, sticky-post, threaded-comments
*/

/* ==========================================================================
   WW2 VISUAL ARCHIVE — ww2visualarchive
   --------------------------------------------------------------------------
   This file carries the WordPress theme header only.

   The visual layer is split so the browser can fetch it in parallel and so
   the critical path stays small:

     assets/css/fonts.css          self-hosted @font-face (latin + latin-ext)
     assets/css/design-system.css  the archive's design system (palette,
                                   layout, components, atmosphere)
     assets/css/theme-extras.css   WordPress-required classes + blog,
                                   widget, menu, sidebar and AdSense styling

   All three are enqueued from inc/setup.php — never hard-code a <link> here.
   ========================================================================== */

/*
 * ---------------------------------------------------------------------------
 * WordPress core-required classes.
 * WordPress prints these in post content and widget output, so the theme must
 * style them or the markup renders unstyled.
 * ---------------------------------------------------------------------------
 */
.alignleft {
	display: inline;
	float: left;
	margin: 0.5em 1.6em 1.2em 0;
}

.alignright {
	display: inline;
	float: right;
	margin: 0.5em 0 1.2em 1.6em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0.5em auto 1.2em;
}

.alignwide {
	margin-left: -4%;
	margin-right: -4%;
	max-width: 108%;
	width: 108%;
}

.alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}

.wp-caption {
	max-width: 100%;
	margin-bottom: 1.5em;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption-text,
.wp-caption .wp-caption-text,
.gallery-caption,
figcaption {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(239, 231, 215, 0.45);
	margin-top: 10px;
	text-align: center;
}

.sticky {
	/* Pinned posts get a brass edge so they read as pinned in the archive. */
	position: relative;
}

.sticky::before {
	content: "PINNED";
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	font-family: 'Black Ops One', sans-serif;
	font-size: 9px;
	letter-spacing: 0.18em;
	padding: 5px 11px;
	color: #060504;
	background: linear-gradient(180deg, #FFE9A8, #C9962B);
	border-bottom-left-radius: 6px;
}

.bypostauthor > .comment-body .comment-author-name::after {
	content: " · Author";
	font-family: 'IBM Plex Mono', monospace;
	font-size: 9px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #C9962B;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #0E0B07;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #F2CE6B;
	display: block;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 12px;
	font-weight: 700;
	height: auto;
	left: 8px;
	line-height: normal;
	padding: 14px 22px;
	text-decoration: none;
	top: 8px;
	width: auto;
	z-index: 100000;
}

.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100000;
}

.skip-link:focus {
	left: 8px;
	top: 8px;
	position: fixed;
}