/*
Theme Name: JLR Reviews
Description: Minimal block theme for reviews.johnlacroix.com, in the media kit's design system (Outfit, navy + green, hard shadows).
Author: John LaCroix
Version: 1.1
Requires at least: 6.5
License: GPL-2.0-or-later
Text Domain: jlr-reviews
*/

/* Keep this file small: theme.json carries the tokens. Only what theme.json can't express lives here. */
:where(body) { -webkit-font-smoothing: antialiased; }

/* Highlight word in navy blocks: green with the media kit's hard black shadow */
.jlr-hi { color: #58F528; font-style: normal; text-shadow: 4px 4px 0 #000; }

/* Section title on navy: green with a 3px hard shadow */
.jlr-navy-title { color: #58F528; text-shadow: 3px 3px 0 #000; }

/* Small uppercase label */
.jlr-tag { font-size: .8rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #5A554C; }
.has-navy-background-color .jlr-tag, .has-navy-deep-background-color .jlr-tag { color: #DCDBE8; }

/* Review cards in the post grid */
.jlr-card { background: #F3F3F8; border: 1px solid #DCDBE8; border-radius: 6px; overflow: hidden; height: 100%; transition: transform .15s; }
.jlr-card:hover { transform: translateY(-3px); }
.jlr-card .wp-block-post-featured-image { margin: 0; }
.jlr-card .wp-block-post-featured-image img { aspect-ratio: 16/9; object-fit: cover; }
.jlr-card .wp-block-post-title a { color: #111; text-decoration: none; }
.jlr-card .wp-block-post-excerpt { color: #5A554C; }
.jlr-card .wp-block-post-terms a { color: #5A554C; text-decoration: none; }

/* Single post: framed video like the media kit's photo frame */
.single .wp-block-embed.is-type-video .wp-block-embed__wrapper { border: 3px solid #58F528; box-shadow: 10px 10px 0 #000; }

/* Header nav */
.jlr-header .wp-block-navigation { color: #DCDBE8; } /* nav items inherit color from the nav block */
.jlr-header a { color: #DCDBE8; text-decoration: none; font-weight: 600; }
.jlr-header .wp-block-navigation a:hover, .jlr-header .wp-block-navigation a:focus-visible { color: #58F528; }
.jlr-header .wp-block-site-title a { color: #fff; font-weight: 900; text-transform: uppercase; letter-spacing: .02em; }

/* Focus ring from the media kit: navy outline + green halo */
:where(a, button, input, textarea):focus-visible { outline: 3px solid #161446; box-shadow: 0 0 0 7px #58F528; }

/* No white strip between the header and the first section */
main.wp-block-group { margin-block-start: 0; }
.jlr-hero .jlr-tag { color: #DCDBE8; }

@media (prefers-reduced-motion: reduce) { .jlr-card { transition: none; } .jlr-card:hover { transform: none; } .jlr-hero video { display: none; } }