/*
Theme Name: Outside the Context Window
Theme URI: https://outsidethecontextwindow.com
Template: ollie
Author: Ken Dietz
Author URI: https://outsidethecontextwindow.com
Description: Child theme of Ollie for Outside the Context Window. Design is managed in code (theme.json, templates, parts, patterns, styles) rather than the Site Editor, so changes survive parent-theme updates and stay version-controllable.
Version: 0.2.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ocw
*/

/*
  Prefer theme.json for design tokens (colors, fonts, spacing, layout widths).
  Use this file ONLY for CSS that theme.json can't express.
  NOTE: In block themes, style.css is NOT auto-loaded on the front end — it is
  enqueued by functions.php in this child theme. Keep that enqueue in place if
  you put any rules here.
*/

/*
  theme.json applies a global underlined accent to ALL links (elements.link),
  which is right for body/essay text but wrong for structural links (site title,
  navigation, post-title links). theme.json can't target those specific blocks,
  so we scope the exceptions here. Everything else stays in theme.json.
*/

/* Site title: read as ink, never underlined. */
.wp-block-site-title a {
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}
.wp-block-site-title a:hover {
	color: var(--wp--preset--color--accent);
}

/* Navigation (header + footer): ink links, accent on hover, no underline. */
.wp-block-navigation a:where(:not(.wp-element-button)) {
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}
.wp-block-navigation a:where(:not(.wp-element-button)):hover {
	color: var(--wp--preset--color--accent);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

/* Post-title links (listings + "isLink" titles): ink, accent on hover. */
.wp-block-post-title a {
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}
.wp-block-post-title a:hover {
	color: var(--wp--preset--color--accent);
}

/* Give body/content links a little breathing room under the underline. */
.wp-block-post-content a,
.entry-content a {
	text-underline-offset: 0.15em;
}

/* Visible keyboard focus for accessibility (matches accent palette). */
:where(a, button, input, .wp-element-button):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}

/* Featured images: fill their slot without distortion or layout shift. */
.wp-block-post-featured-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*
  Section band — drop the "ocw-band" class on any full-width group to give it the
  section.webp backdrop (a light, on-brand wash). The image URL comes from the
  --ocw-img-section custom property set in functions.php, so it stays correct on
  any domain. The surface color remains as a fallback while the image loads and
  keeps text readable if the image ever 404s.
*/
.ocw-band {
	background-image: var(--ocw-img-section);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/*
  Homepage hero (.ocw-hero): its styling now lives entirely inside the pattern
  file (patterns/hero-intro.php) in a scoped <style> block, so the hero is
  self-contained and can't desync with this stylesheet. Edit the hero there.
*/