/*
Theme Name: SaaSGuider
Theme URI: https://saasguider.com
Author: SaaSGuider
Description: A flat, animated software-directory and blog theme for SaaSGuider. Includes Tool and Comparison post types, a directory archive with filters, comparison tables, dark mode, and Customizer-driven brand colours. Elementor compatible.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: saasguider
Tags: blog, custom-menu, custom-colors, featured-images, translation-ready, two-columns
*/

/*
  The real design system lives in assets/css/styles.css (enqueued from functions.php).
  This file only carries the WordPress theme header plus a few WP-specific classes.
*/

/* ---- WordPress core alignment classes ---- */
.alignnone { margin: 1rem 0; }
.aligncenter { display: block; margin: 1rem auto; }
.alignleft { float: left; margin: .5rem 1.5rem 1rem 0; }
.alignright { float: right; margin: .5rem 0 1rem 1.5rem; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: .85rem; color: var(--c-muted); text-align: center; }
.screen-reader-text {
  border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
  height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; word-wrap: normal !important;
}
.screen-reader-text:focus {
  background: var(--c-surface); border-radius: 8px; box-shadow: var(--shadow);
  clip: auto; clip-path: none; color: var(--c-primary); display: block;
  font-size: .9rem; height: auto; left: 6px; padding: .8rem 1.2rem; top: 6px; width: auto; z-index: 100000;
}
.sticky { position: relative; }
.bypostauthor { display: block; }

/* ---- WP pagination ---- */
.pagination { display: flex; gap: .4rem; justify-content: center; margin-top: 2.5rem; flex-wrap: wrap; }
.pagination .page-numbers {
  display: grid; place-items: center; min-width: 40px; height: 40px; padding: 0 .7rem;
  border: 1px solid var(--c-border); border-radius: 10px; background: var(--c-surface);
  color: var(--c-body); font-family: var(--font-head); font-weight: 600; font-size: .9rem;
}
.pagination .page-numbers:hover { border-color: var(--c-primary); color: var(--c-primary); }
.pagination .page-numbers.current { background: var(--c-primary); color: #fff; border-color: transparent; }

/* ---- comments ---- */
.comment-list { list-style: none; padding: 0; }
.comment-body { background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--radius); padding: 1.2rem; margin-bottom: 1rem; }
.comment-author { font-family: var(--font-head); color: var(--c-ink); }
.comment-meta { font-size: .82rem; color: var(--c-muted); margin-bottom: .5rem; }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea {
  width: 100%; padding: .7rem 1rem; border: 1px solid var(--c-border); border-radius: 12px;
  background: var(--c-bg); color: var(--c-ink); outline: none; font-family: var(--font-body);
}