/*
Theme Name: IKT Memorial
Theme URI: https://israelkilledthem.com
Description: A respectful memorial child theme for Israel Killed Them (a Twenty Twenty-Five child). Somber, paper-toned, and focused on the people.
Author: IKT
Template: twentytwentyfive
Version: 1.1.0
Text Domain: ikt-memorial
Requires at least: 6.6
*/

/* Most of the design lives in theme.json. These are small refinements. */
.wp-site-blocks {
	min-height: 100vh;
}

.ikt-hero__statement {
	max-width: 44rem;
	margin-inline: auto;
}

/* Homepage listing: modest thumbnails, hairline dividers, no rounded corners. */
.ikt-list-item {
	border-bottom: 1px solid var(--wp--preset--color--line, #ded5c3);
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	margin: 0;
}
.ikt-list-item:last-child {
	border-bottom: 0;
}
.ikt-list-item .wp-block-post-featured-image {
	margin: 0;
}
.wp-block-post-featured-image img {
	border-radius: 0;
}

/* Video: render full width but cap the height so portrait clips are not absurdly
   tall, and keep the native browser controls visible. */
.wp-block-video video,
.wp-block-post-content video {
	display: block;
	width: 100%;
	height: auto;
	max-height: 80vh;
	object-fit: contain;
	background: #000;
	border-radius: 0;
}

/* "More stories" (latest-posts) rendered as a dignified list. */
.wp-block-latest-posts {
	list-style: none;
	padding-left: 0;
	margin-top: 1.5rem;
}
.wp-block-latest-posts li {
	margin: 0;
	padding: 1.25rem 0;
	border-bottom: 1px solid var(--wp--preset--color--line, #ded5c3);
}
.wp-block-latest-posts li:last-child {
	border-bottom: 0;
}
.wp-block-latest-posts__post-title {
	font-size: 1.15rem;
	line-height: 1.4;
	font-weight: 500;
}
.wp-block-latest-posts__post-title a {
	color: var(--wp--preset--color--ink, #1a1712);
	text-decoration: none;
}
.wp-block-latest-posts__post-title a:hover {
	text-decoration: underline;
}
.wp-block-latest-posts__post-date {
	display: block;
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.75rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--stone, #6e655a);
	margin-bottom: 0.3rem;
}

/* Graphic content warning gate (JS-driven; content stays in the page HTML so
   search engines still index it). */
html.ikt-gate-open,
html.ikt-gate-open body {
	overflow: hidden;
}
.ikt-gate {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: clamp(1.5rem, 4vw, 3rem);
	background: #14120f;
	color: #f3eee3;
	text-align: center;
	overflow-y: auto;
}
.ikt-gate__inner {
	max-width: 42rem;
}
.ikt-gate__kicker {
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.72rem;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: #a89f8d;
	margin: 0 0 1rem;
}
.ikt-gate__title {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.6rem, 4vw, 2.4rem);
	font-weight: 500;
	line-height: 1.2;
	margin: 0 0 1.25rem;
	color: #f3eee3;
}
.ikt-gate__text {
	font-size: 1.05rem;
	line-height: 1.7;
	color: #cfc7b8;
	margin: 0 0 1rem;
}
.ikt-gate__actions {
	margin-top: 2rem;
	display: flex;
	gap: 1rem;
	justify-content: center;
	flex-wrap: wrap;
}
.ikt-gate__enter {
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.9rem;
	letter-spacing: 0.08em;
	padding: 0.9rem 1.6rem;
	background: #4c5a3d;
	color: #ffffff;
	border: 0;
	border-radius: 0;
	cursor: pointer;
}
.ikt-gate__enter:hover {
	background: #39432d;
}
.ikt-gate__leave {
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.9rem;
	letter-spacing: 0.08em;
	padding: 0.9rem 1.6rem;
	color: #cfc7b8;
	text-decoration: none;
	border: 1px solid #6b6459;
}
.ikt-gate__leave:hover {
	color: #f3eee3;
	border-color: #f3eee3;
}