/*
Theme Name: SoulSpark
Description: Classic theme for the SoulSpark blog. Wears the static site's shared header and footer (partials/) and its site.css; this file holds only WordPress specific rules.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: soulspark
*/

/* Tokens come from /assets/css/site.css (:root --ss-*). Fallbacks keep this readable if a name drifts. */

.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}
.screen-reader-text:focus{clip:auto;clip-path:none;height:auto;width:auto;margin:0;padding:.5em 1em;background:var(--ss-white,#fff);color:var(--ss-taupe,#4A3F35);z-index:100}

/* Single post */
.ss-wp-byline{color:var(--ss-taupe,#4A3F35);opacity:.8;margin:0 0 1.5rem}
.ss-wp-hero{margin:0}
.ss-wp-hero img{display:block;width:100%;height:auto;border-radius:6px}
.ss-wp-hero figcaption{font-size:.875rem;opacity:.8;margin-top:.5rem}

/* Post cards: titles are h2 under the page h1, sized like the card h3 site.css styles */
.card h2{font-size:1.25rem;line-height:1.3;margin:.75rem 0 .5rem}
.card h2 a{color:inherit;text-decoration:none}
.card h2 a:hover,.card h2 a:focus-visible{text-decoration:underline}
.card__media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}

/* Content from the editor */
.prose img,.prose video,.prose iframe{max-width:100%;height:auto}
.alignleft{float:left;margin:.25rem 1.5rem 1rem 0}
.alignright{float:right;margin:.25rem 0 1rem 1.5rem}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignwide,.alignfull{max-width:100%}
.wp-caption{max-width:100%}
.wp-caption-text,.wp-element-caption,.wp-block-image figcaption{font-size:.875rem;opacity:.8;margin-top:.5rem}
.wp-block-image{margin:1.5rem 0}
.wp-block-quote,.prose blockquote{margin:1.75rem 0;padding:.25rem 0 .25rem 1.25rem;border-left:3px solid var(--ss-sage,#969F8B)}
.wp-block-separator{border:0;border-top:1px solid var(--ss-sand,#D5BD99);margin:2rem 0}
.wp-block-button__link{display:inline-block}
.wp-block-embed__wrapper{position:relative}
@media (max-width:600px){.alignleft,.alignright{float:none;margin:1rem 0}}

/* Pagination (the_posts_pagination) */
.pagination{margin:2.5rem 0 0}
.pagination .nav-links{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.pagination .page-numbers{display:inline-block;min-width:2.5rem;padding:.5rem .75rem;text-align:center;border:1px solid var(--ss-sand,#D5BD99);border-radius:4px;color:var(--ss-taupe,#4A3F35);text-decoration:none;background:var(--ss-white,#fff)}
.pagination .page-numbers.current{background:var(--ss-taupe,#4A3F35);border-color:var(--ss-taupe,#4A3F35);color:var(--ss-paper,#F5F2EC)}
.pagination a.page-numbers:hover,.pagination a.page-numbers:focus-visible{background:var(--ss-blush,#E8D9D6)}
.pagination .dots{border-color:transparent;background:none}