/*
Theme Name: Maki
Theme URI: https://podocarpusbonsai.com/
Author: Podocarpus Bonsai
Description: A lightweight block theme for an international Podocarpus bonsai care and styling website.
Version: 0.2.1
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: maki
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, education, block-patterns, full-site-editing, translation-ready
*/

:root {
  --pbs-shadow: 0 18px 50px rgba(24, 50, 38, 0.10);
}

html { scroll-behavior: smooth; }
body { text-rendering: optimizeLegibility; }
a { text-underline-offset: 0.18em; }
.wp-site-blocks { overflow: clip; }

.pbs-card {
  border: 1px solid var(--wp--preset--color--mist);
  border-radius: 18px;
  box-shadow: 0 10px 35px rgba(24, 50, 38, 0.06);
  transition: transform 180ms ease, box-shadow 180ms ease;
}
.pbs-card:hover {
  box-shadow: var(--pbs-shadow);
  transform: translateY(-3px);
}
.pbs-eyebrow {
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.pbs-soft-panel {
  background: linear-gradient(145deg, #f4f7f0 0%, #eef4ea 100%);
  border: 1px solid #dce7d8;
  border-radius: 22px;
}
.pbs-hero {
  background:
    radial-gradient(circle at 82% 18%, rgba(179, 197, 151, .45), transparent 28%),
    radial-gradient(circle at 12% 82%, rgba(215, 228, 201, .5), transparent 32%),
    linear-gradient(135deg, #f7f8f2 0%, #edf3e8 100%);
}
.pbs-hero-mark {
  align-items: center;
  background: #214f3b;
  border-radius: 999px;
  color: white;
  display: inline-flex;
  font-size: .78rem;
  font-weight: 700;
  gap: .45rem;
  letter-spacing: .04em;
  padding: .5rem .8rem;
}
.pbs-hero-mark::before { content: "●"; color: #bdd19f; }
.pbs-article-meta { color: #607064; font-size: .9rem; }
.pbs-callout {
  border-left: 4px solid var(--wp--preset--color--moss);
  border-radius: 0 14px 14px 0;
}
.pbs-footer a { color: inherit; }

@media (max-width: 781px) {
  .pbs-hero { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; }
  .pbs-mobile-stack { gap: 1rem !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .pbs-card { transition: none; }
}

/* Brand and reading system — no remote fonts or scripts. */
body { margin:0; }
:where(a,button,input,summary):focus-visible { outline:3px solid #b86f4b; outline-offset:5px; }
:where(h1,h2,h3,p,a) { overflow-wrap:break-word; }
.wp-block-site-title a,.wp-block-post-title a { text-decoration:none; }
.wp-block-post-title a:hover { text-decoration:underline; }
.pbs-hero { background: #f3f1e8; }
.pbs-hero h1 { letter-spacing:-.045em; }
.pbs-card { border-radius:8px; box-shadow:none; }
.pbs-soft-panel { border-radius:8px; background:#edf1e8; }
.pbs-eyebrow { color:#536943; }
.pbs-art { width:100%; height:auto; display:block; }
.pbs-art-caption { text-align:center; font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; color:#52644e; }
.pbs-topic { padding:24px; border-top:1px solid #b8c5b2; }
.pbs-topic a { font-weight:600; }
.pbs-article-meta { gap:.7rem; }
.wp-block-post-content h2 { margin-top:2.5em; scroll-margin-top:2rem; }
.wp-block-post-content img { max-width:100%; height:auto; }
.wp-block-post-content table { border-collapse:collapse; width:100%; }
.wp-block-post-content td,.wp-block-post-content th { border:1px solid #dce7d8; padding:.8rem; text-align:left; }
.wp-block-post-content pre { overflow:auto; padding:1rem; background:#f3f1e8; }
.wp-block-query-pagination { margin-block:2rem; gap:1rem; }
.wp-block-search__input { min-width:0; padding:.8rem; border:1px solid #9cac98; border-radius:4px; }
.wp-block-search__button { border:0; padding:.8rem 1.1rem; background:#214f3b; color:white; border-radius:4px; }
.wp-block-details { padding:1rem 0; border-bottom:1px solid #dce7d8; }
.wp-block-details summary { cursor:pointer; font-weight:600; }
@media (max-width:1000px) {
 header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container:not(.is-menu-open) { gap:.8rem; }
}
@media (max-width:781px) {
 .wp-block-post-template.is-layout-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .pbs-hero .wp-block-columns { gap:24px!important; }
 .pbs-hero h1 { font-size:clamp(2.5rem,10vw,4rem)!important; }
}
@media (max-width:600px) {
 .wp-block-post-template.is-layout-grid { grid-template-columns:minmax(0,1fr); }
 .wp-block-site-title { max-width:220px; }
}