/* ATB Bazaar blog skin.
   Only pieces missing from site.css: category tag, pagination, post navigation,
   WordPress core helpers and the_content() output inside .prose.
   Loaded by home.php and single.php. Uses site.css tokens. */

/* WordPress core helper (nav headings, assistive labels) */
.screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- Blog index additions ---------- */
.post-card .cat-tag{align-self:flex-start;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.post-card .cat-tag:hover{color:var(--madder)}
.post-card h3 a{color:inherit}
.post-card h3 a:hover{color:var(--madder)}

.blog-empty{padding-block:clamp(28px,4vw,48px) clamp(56px,8vw,100px);color:var(--ink-2)}

/* Numbered pagination (the_posts_pagination markup) */
.blog-grid:has(+ .navigation.pagination){padding-block-end:0}
.navigation.pagination{padding-block:34px clamp(56px,8vw,100px)}
.navigation.pagination .nav-links{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}
.navigation.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 18px;border:1.5px solid var(--line);border-radius:50px;font-size:14px;font-weight:600;color:var(--ink);transition:border-color .18s,background .18s,color .18s}
.navigation.pagination a.page-numbers:hover{border-color:var(--ink)}
.navigation.pagination .page-numbers.current{background:var(--teal);border-color:var(--teal);color:var(--on-teal)}
.navigation.pagination .page-numbers.dots{border-color:transparent;color:var(--ink-2)}

/* ---------- Article additions ---------- */
/* .prose is a two-column layout on the about page; inside an article it reads
   as a single editorial column (the drop cap from site.css is kept). */
.article .prose{columns:1;column-gap:0}
.article .back-to-blog{margin-top:38px}

/* the_content() output inside .prose */
.prose h2{font-size:clamp(1.4rem,2.6vw,1.9rem);color:var(--ink);margin:34px 0 12px}
.prose h3{font-size:1.15rem;color:var(--ink);margin:28px 0 10px}
.prose ul,.prose ol{color:var(--ink-2);padding-left:22px;margin-bottom:16px;line-height:1.7}
.prose li{margin-bottom:6px}
.prose li::marker{color:var(--brass)}
.prose a{color:var(--teal);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.prose a:hover{color:var(--madder)}
.prose img{max-width:100%;height:auto;border-radius:var(--r);margin:10px 0}
.prose figure{margin:26px 0}
.prose figure img{margin:0}
.prose figcaption,.prose .wp-caption-text{font-size:13px;color:var(--ink-2);margin-top:9px}
.prose .wp-caption{max-width:100%}
.prose blockquote{border-left:3px solid var(--brass);padding:6px 0 6px 22px;margin:26px 0;font-family:'Frank Ruhl Libre',serif;font-size:1.2rem;font-style:italic;color:var(--ink)}
.prose blockquote p{margin-bottom:8px;font-size:inherit;color:inherit}
.prose blockquote cite{display:block;font-family:'Hanken Grotesk',sans-serif;font-style:normal;font-size:13.5px;color:var(--ink-2);margin-top:4px}
.prose hr{border:0;border-top:1px solid var(--line);margin:30px 0}
.prose strong{color:var(--ink)}
.prose .page-links{margin-top:22px;font-size:14px;color:var(--ink-2)}
.prose .page-links a{text-decoration:none}

/* Classic editor alignment classes */
.prose .alignleft{float:left;margin:6px 26px 16px 0;max-width:50%}
.prose .alignright{float:right;margin:6px 0 16px 26px;max-width:50%}
.prose .aligncenter{display:block;margin-left:auto;margin-right:auto}
@media(max-width:640px){
  .prose .alignleft,.prose .alignright{float:none;max-width:100%;margin:16px 0}
}

/* Previous / next post links (the_post_navigation markup) */
.post-navigation{max-width:72ch;margin-inline:auto;padding-bottom:clamp(56px,8vw,100px)}
.post-navigation .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid var(--line);padding-top:26px}
.post-navigation .nav-previous{grid-column:1}
.post-navigation .nav-next{grid-column:2;text-align:right}
.post-navigation a{display:flex;flex-direction:column;gap:5px}
.post-navigation .lbl{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.post-navigation .ttl{font-family:'Frank Ruhl Libre',serif;font-size:1.15rem;font-weight:600;color:var(--ink);line-height:1.3}
.post-navigation a:hover .ttl{color:var(--madder)}
@media(max-width:640px){
  .post-navigation .nav-links{grid-template-columns:1fr}
  .post-navigation .nav-next{grid-column:1;text-align:left}
}