/*
Theme Name: FSP Sprout
Theme URI: https://financiallysavvyparent.com/
Author: FinanciallySavvy Parent LLC
Author URI: https://financiallysavvyparent.com/
Description: A friendly, editorial WordPress theme for family-and-classroom financial education. Green-first design system with honey-gold accents, Newsreader serif display + Hanken Grotesk body, original SVG illustrations, mobile-first responsive layout, sticky header with mobile drawer, sidebar widget areas, related posts, page templates for Resources, Courses (Thinkific-ready), Campaign Landing, and Contact. Built for FinanciallySavvyParent.com.
Version: 1.4.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fsp-sprout
Domain Path: /languages
Tags: blog, education, two-columns, right-sidebar, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready, sticky-post, theme-options, block-styles, wide-blocks, accessibility-ready
*/

/* -----------------------------------------------------------------------------
   FSP Sprout — root stylesheet
   This file exists primarily to declare the theme to WordPress. All visual
   styles live in assets/css/main.css and assets/css/responsive.css and are
   enqueued from functions.php. A handful of WP-specific overrides (admin bar
   offset, alignment helpers, gallery defaults, screen-reader text) are kept
   here so they ship even if main.css fails to load.
   ----------------------------------------------------------------------------- */

/* WordPress required core classes */
.alignleft   { float: left;  margin: 6px 24px 12px 0; }
.alignright  { float: right; margin: 6px 0 12px 24px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignwide   { max-width: 1100px; margin-left: auto; margin-right: auto; }
.alignfull   { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }

.wp-caption          { max-width: 100%; margin: 0 0 24px; }
.wp-caption img      { display: block; margin: 0 auto; }
.wp-caption-text     { font-size: 13.5px; color: #7C8C83; text-align: center; padding-top: 8px; }

.gallery             { display: grid; gap: 12px; margin: 24px 0; }
.gallery-columns-2   { grid-template-columns: repeat(2, 1fr); }
.gallery-columns-3   { grid-template-columns: repeat(3, 1fr); }
.gallery-columns-4   { grid-template-columns: repeat(4, 1fr); }
.gallery-columns-5   { grid-template-columns: repeat(5, 1fr); }
.gallery-columns-6   { grid-template-columns: repeat(6, 1fr); }
.gallery-item img    { border-radius: 12px; }

.sticky              { /* sticky post marker — visual treatment lives in main.css */ }
.bypostauthor        { /* hook for theme reviewers */ }

.screen-reader-text {
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.screen-reader-text:focus {
    position: absolute;
    top: 8px; left: 8px;
    width: auto; height: auto;
    padding: 12px 18px;
    background: #fff;
    color: #2E7D32;
    border-radius: 999px;
    box-shadow: 0 24px 60px rgba(20, 70, 40, .14);
    z-index: 100000;
    text-decoration: none;
    font-family: 'Hanken Grotesk', system-ui, -apple-system, sans-serif;
    font-weight: 700;
    clip: auto;
    white-space: normal;
}

/* Admin bar offset so the sticky header doesn't overlap the WP admin bar */
.admin-bar .site-header { top: 32px; }
@media screen and (max-width: 782px) {
    .admin-bar .site-header { top: 46px; }
}

/* Comments threading defaults (used only if comments are enabled on a page/post) */
.comment-list, .comment-list ol { list-style: none; padding-left: 0; }
.comment-list .children          { padding-left: 24px; }
.comment-body                    { padding: 16px 0; border-top: 1px solid #E4EDE6; }

/* Default block alignments — kept minimal to avoid clobbering Gutenberg defaults
   on the rare classic-block usage. Editor styles are handled inside main.css.
*/
.wp-block-image figcaption { font-size: 13.5px; color: #7C8C83; text-align: center; }
.wp-block-quote            { border-left: 4px solid #F4B740; padding-left: 24px; margin: 30px 0; font-style: normal; }
.wp-block-pullquote        { border: 0; padding: 0; margin: 30px 0; }
.wp-block-separator        { border: 0; height: 1px; background: #E4EDE6; }