/*
Theme Name: FamilyResource
Theme URI: https://www.familyresource.com/
Author: FamilyResource.com
Description: Blog theme for FamilyResource.com. Shares the main site's design system (/style/main.css) so /blog/ and the custom-engine pages read as one site rather than two bolted together.
Version: 1.0
Requires at least: 6.0
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: familyresource
*/

/* Everything shared lives in /style/main.css, enqueued from functions.php.
   Only blog-specific pieces belong here. */

.post-meta {
  font-size: var(--step--1);
  color: var(--ink-muted);
  padding-bottom: 1.25rem;
  margin-bottom: 1.75rem;
  border-bottom: 1px solid var(--line);
}
.post-meta a { font-weight: 600; }

.comment-list { list-style: none; margin: 0; padding: 0; }
.comment-list li {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 1.1rem 1.25rem;
  margin-bottom: 1rem;
}
.comment-list .children { list-style: none; margin: 1rem 0 0 1.25rem; padding: 0; }
.comment-author { font-weight: 700; color: var(--brown); }
.comment-date { font-size: var(--step--1); color: var(--ink-muted); }
.comment-body p { margin: .6rem 0 0; }

.comment-respond { margin-top: 2.5rem; }
.comment-form p { margin-bottom: 1rem; }
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
  width: 100%; font: inherit;
  padding: .65rem .85rem;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: var(--surface); color: var(--ink);
}
.comment-form label { display: block; font-weight: 600; margin-bottom: .3rem; font-size: var(--step--1); }
.comment-form .submit {
  display: inline-block; padding: .6rem 1.15rem; cursor: pointer;
  background: var(--accent); color: #fff; border: 0;
  border-radius: var(--radius); font-weight: 600; font-size: var(--step--1);
}
.comment-form .submit:hover { background: var(--accent-dark); }

/* WordPress core alignment/caption classes the editor can emit. */
.alignleft  { float: left;  margin: .35rem 1.25rem 1rem 0; }
.alignright { float: right; margin: .35rem 0 1rem 1.25rem; }
.aligncenter { display: block; margin-inline: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: var(--step--1); color: var(--ink-muted); text-align: center; }
.sticky, .gallery-caption, .bypostauthor { /* required by the theme check */ }