/*
Theme Name: RT2026 Blog
Theme URI: https://readtomato.com/
Description: ReadTomato 2026 blog theme. Wraps the WordPress blog (single posts, archives, search) in the rt2026 static-site design. The real styles live in assets/css/{style,overrides,blog}.css, enqueued from functions.php; this file carries the theme header plus the blog-template layer ported from the static rt2026 single-post design.
Author: ReadTomato
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: rt2026-blog
*/

/* WordPress core float/caption classes (the static design has no equivalent) */
.post-body img{max-width:100%;height:auto;}
.post-body .alignleft{float:left;margin:6px 28px 18px 0;}
.post-body .alignright{float:right;margin:6px 0 18px 28px;}
.post-body .aligncenter{display:block;margin-left:auto;margin-right:auto;}

/* Archive pagination */
.blog-pagination{display:flex;justify-content:center;gap:10px;margin-top:56px;flex-wrap:wrap;}
.blog-pagination a,.blog-pagination span{font-family:var(--font);font-weight:var(--fw-bold);font-size:13px;letter-spacing:0.06em;padding:10px 16px;border:1.5px solid var(--color-border);color:var(--color-navy);text-decoration:none;transition:all 0.2s;}
.blog-pagination a:hover{background:var(--color-navy);border-color:var(--color-navy);color:var(--color-white);}
.blog-pagination .current{background:var(--color-red);border-color:var(--color-red);color:var(--color-white);}

/* ========================================================================
   SINGLE-POST LAYOUT — ported verbatim from the rt2026 static single-post
   design (Marshall reference: /blog/phoenix-buyer-choice.html).
   WP adaptations: heading styles also map to h4/h5 (WP content uses h5
   section heads, the static page used h2); the lead spec also targets
   .post-body > p:first-of-type (WP's first paragraph carries no class);
   an explicit text-align:left block neutralises overrides.css line 109
   (a global body,h1..h5,p,li{text-align:center} the static site lacks).
   ======================================================================== */

.post-hero{width:100%;margin-top:68px;padding:60px 0 0;text-align:center;}
.post-hero-box{display:block;width:800px;max-width:calc(100% - 48px);aspect-ratio:1 / 1;object-fit:cover;margin:25px auto 0;}
.post-hero .container{display:flex;flex-direction:column;align-items:center;text-align:center;}
.post-eyebrow{display:inline-block;font-family:var(--font);font-weight:var(--fw-bold);font-size:12px;letter-spacing:0.18em;text-transform:uppercase;color:var(--color-red);margin-bottom:16px;}
.post-title{font-family:var(--font);font-weight:var(--fw-light);font-size:48px;line-height:1.15;color:var(--color-navy);margin:0 0 20px;max-width:22ch;text-align:center;text-wrap:balance;}
.post-meta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:center;font-family:var(--font);font-weight:var(--fw-regular);font-size:13px;letter-spacing:0.04em;color:rgba(11,31,44,0.65);}
.post-meta .dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:rgba(11,31,44,0.4);}
.post-share{margin:25px auto 0;text-align:center;}
.post-share-label{display:block;font-family:var(--font);font-weight:var(--fw-bold);font-size:14px;letter-spacing:0.04em;color:var(--color-navy);margin-bottom:8px;}
.post-share-links{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;}
.post-share-links a{font-family:var(--font);font-weight:var(--fw-bold);font-size:14px;letter-spacing:0.10em;text-transform:uppercase;color:var(--color-red);text-decoration:none;}
.post-share-links a:hover{text-decoration:underline;}

/* Body */
.post-body{max-width:760px;margin:0 auto;padding-top:50px;padding-bottom:0;text-align:left;}

/* Re-assert left alignment over the bundled global centering poison. */
.post-body p,
.post-body li,
.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body ul,
.post-body ol,
.post-lead,
.post-callout{text-align:left;}

@media (min-width:769px){
  .post-body{max-width:1080px;column-count:2;column-gap:50px;column-fill:balance;}
  .post-body > .post-cta-inline{column-span:all;-webkit-column-span:all;}
  .post-body > .post-lead,
  .post-body > .post-callout{break-inside:avoid;}
  .post-body > h2,
  .post-body > h3,
  .post-body > h4,
  .post-body > h5,
  .post-body > p,
  .post-body > ol,
  .post-body > ul{break-inside:avoid;}
  .post-body > h2,
  .post-body > h3,
  .post-body > h4,
  .post-body > h5{break-after:avoid;}
  .post-body > h2:first-child,
  .post-body > h3:first-child,
  .post-body > h4:first-child,
  .post-body > h5:first-child{margin-top:0;}
}

.post-lead{font-family:var(--font);font-weight:var(--fw-bold);font-size:24px;line-height:1.5;color:var(--color-navy);margin:0 0 40px;}
.post-body p{font-family:var(--font);font-weight:var(--fw-regular);font-size:17px;line-height:1.75;color:var(--color-text);margin:0 0 20px;}
.post-body h2,
.post-body h4,
.post-body h5{font-family:var(--font);font-weight:var(--fw-bold);font-size:21px;line-height:1.3;color:var(--color-navy);margin:40px 0 14px;}
.post-body h3{font-family:var(--font);font-weight:var(--fw-bold);font-size:19px;line-height:1.35;color:var(--color-navy);margin:28px 0 10px;}
.post-body ol,
.post-body ul{margin:0 0 24px 0;padding-left:28px;}
.post-body ol li,
.post-body ul li{font-family:var(--font);font-size:17px;line-height:1.7;color:var(--color-text);margin:0 0 12px;}
.post-body strong{color:var(--color-navy);}
.post-body a{color:var(--color-red);text-decoration:underline;text-underline-offset:2px;}
.post-body a:hover{color:var(--color-navy);}

.post-body > img,
.post-body figure > img,
.post-body figure{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;margin:24px 0;break-inside:avoid;}
.post-body figure{aspect-ratio:auto;}
.post-body figcaption{font-family:var(--font);font-weight:var(--fw-regular);font-size:13px;line-height:1.5;color:var(--color-text-muted);margin-top:8px;text-align:center;}
.post-body blockquote{border-left:3px solid var(--color-red);margin:28px 0;padding:4px 0 4px 22px;font-style:italic;color:var(--color-navy);}

/* Pull-quote callout */
.post-callout{padding:0;margin:32px 0;font-family:var(--font);font-weight:var(--fw-light);font-size:22px;line-height:1.45;color:var(--color-navy);}

/* Inline CTA strip */
.post-cta-inline{background:transparent;padding:0;margin:40px 0 0;display:flex;flex-direction:column;gap:22px;align-items:center;text-align:center;}
.post-cta-inline p{margin:0 !important;font-family:var(--font);font-weight:var(--fw-bold);font-size:24px;color:var(--color-navy);}
.post-cta-inline .btn-red,
.post-cta-inline a.btn-red{color:var(--color-white) !important;text-decoration:none !important;}

/* Author block */
.post-author{max-width:760px;margin:0 auto;padding:50px 0 64px;text-align:center;}
.post-author-photo{display:block;width:130px;height:130px;border-radius:50%;object-fit:cover;background:var(--color-cream);margin:0 auto 24px;}
.post-author h3{font-family:var(--font);font-weight:var(--fw-bold);font-size:22px;color:var(--color-navy);margin:0 0 12px;}
.post-author .post-author-role{font-family:var(--font);font-weight:var(--fw-bold);font-size:13px;letter-spacing:0.10em;text-transform:uppercase;color:var(--color-red);margin:0 auto 22px;max-width:60ch;text-align:center;}
.post-author .post-author-bio{font-family:var(--font);font-weight:var(--fw-regular);font-size:16px;line-height:1.65;color:var(--color-text);margin:0 auto;max-width:640px;text-align:center;}

/* Related posts */
.post-related{background:var(--color-cream);padding:64px 0;}
.post-related .section-label{display:block;text-align:center;color:var(--color-red);margin-bottom:8px;}
.post-related h2{text-align:center;font-family:var(--font);font-weight:var(--fw-light);font-size:30px;color:var(--color-navy);margin:0 0 36px;}

@media (max-width:768px){
  .post-title{font-size:32px;}
  .post-hero{padding:40px 0 24px;}
  .post-hero-box{margin-top:28px;}
  .post-body{padding-top:40px;padding-bottom:40px;}
  .post-lead{font-size:20px;}
  .post-body h2,
  .post-body h4,
  .post-body h5{font-size:17px;}
  .post-body h3{font-size:17px;}
}