/*
Theme Name: Columbia Heights
Theme URI: https://columbia-heights.org
Description: Child theme of Twenty Twenty-Five for Darrell Duane's blog on columbia-heights.org. Warm paper palette, Literata type, and the "Darrell Duane" wordmark of the original Drupal site.
Author: Darrell Duane
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: columbia-heights
*/

/* ---- Wordmark: "Darrell" in ink, "Duane" in the accent, as on the old site */
.ch-wordmark {
	margin: 0;
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.1;
}
.ch-wordmark a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}
.ch-wordmark span {
	color: var(--wp--preset--color--accent-1);
}
.ch-tagline {
	margin: 0.2em 0 0;
	font-style: italic;
	color: var(--wp--preset--color--accent-4);
}

/* ---- Post list ---------------------------------------------------------- */
.ch-post-list > li {
	padding-block: var(--wp--preset--spacing--40);
	border-bottom: 1px solid var(--wp--preset--color--accent-6);
}
.ch-post-list > li:last-child {
	border-bottom: 0;
}
.ch-post-list .wp-block-post-title a {
	text-decoration: none;
}
.ch-post-list .wp-block-post-title a:hover {
	text-decoration: underline;
}

/* ---- Code: the Drupal posts are mostly code; let long lines scroll ---- */
.wp-block-code {
	overflow-x: auto;
	font-size: 0.85em;
	line-height: 1.5;
	background: var(--wp--preset--color--accent-5);
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: 6px;
	padding: 1em 1.2em;
}
.wp-block-code code {
	white-space: pre;
}

/* ---- "From the archive" note ------------------------------------------- */
.ch-note {
	background: var(--wp--preset--color--accent-5);
	border-left: 4px solid var(--wp--preset--color--accent-1);
	padding: 0.2em 1.2em;
	border-radius: 0 6px 6px 0;
}

/* ---- Long URLs and inline code must wrap on phones --------------------- */
.wp-block-post-content a,
.wp-block-post-content p code {
	overflow-wrap: anywhere;
}