/*
Theme Name: TEST
Theme URI: https://developer.wordpress.org/themes/
Author: Developer
Author URI: https://developer.wordpress.org/
Description: A theme converted from React/JSX
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: test
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, block-styles, wide-blocks
*/

/* ---------- Base Reset & Defaults ---------- */

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  line-height: 1.6;
  color: #333;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }

/* ---------- Responsive Menu ---------- */
.menu-toggle { display: none; background: none; border: none; cursor: pointer; padding: 8px; }
.hamburger-line { display: block; width: 24px; height: 2px; background: #333; margin: 5px 0; transition: all 0.3s; }
@media (max-width: 768px) {
  .menu-toggle { display: block; }
  .primary-menu { display: none; flex-direction: column; width: 100%; }
  .primary-menu.toggled { display: flex; }
}

/* ---------- WordPress Core ---------- */
.alignwide { max-width: 1200px; margin-left: auto; margin-right: auto; }
.alignfull { max-width: 100vw; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }
.aligncenter { text-align: center; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.875em; color: #666; }
.gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); }

/* ---------- Sticky Post ---------- */
.sticky .entry-title::before { content: "Featured: "; font-weight: bold; }

/* ---------- Comments ---------- */
.comment-list { list-style: none; padding: 0; }
.comment-body { padding: 1rem; margin-bottom: 1rem; border: 1px solid #eee; border-radius: 8px; }
.comment-author img { border-radius: 50%; margin-right: 8px; vertical-align: middle; }