/*
Theme Name: Pressure
Theme URI: https://pressure.mobi
Author: Pressure / Point Source Marketing
Description: Blog theme matching the pressure.mobi static site. Loads the shared pressure.css design system from the site root so both halves of the site stay in visual parity from one stylesheet.
Version: 1.0
Requires PHP: 7.4
Text Domain: pressure
*/

/* All real styling lives in /assets/css/pressure.css at the site root,
   enqueued by functions.php. This file exists for the theme header and for
   the handful of WordPress-specific rules below. */

/* Post listing cards */
.post-grid { display: grid; gap: var(--gap); grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.post-card h3 { margin-bottom: .5rem; }
.post-card .post-meta { font-size: var(--fs-micro); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--hydro-deep); margin-bottom: .75rem; }
.post-card p { color: var(--muted); font-size: .9875rem; }

/* Single post */
.entry-meta { font-size: var(--fs-small); color: var(--muted); margin-bottom: var(--gap); }
.entry-meta a { color: var(--hydro-deep); text-decoration: none; font-weight: 600; }

/* WordPress core alignment/caption classes */
.alignleft { float: left; margin: 0 var(--gap) var(--gap-sm) 0; }
.alignright { float: right; margin: 0 0 var(--gap-sm) var(--gap); }
.aligncenter { display: block; margin-inline: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: var(--fs-small); color: var(--muted); margin-top: .5rem; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* Pagination */
.pagination { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: var(--gap-lg); }
.pagination .page-numbers { padding: .5rem .9rem; border: 1px solid var(--line); border-radius: var(--radius); text-decoration: none; font-weight: 600; font-size: var(--fs-small); color: var(--ink-2); }
.pagination .page-numbers.current { background: var(--ink); color: #fff; border-color: var(--ink); }
.pagination .page-numbers:hover { border-color: var(--hydro); }