/*
Theme Name: 1agent4life Blog
Template: twentytwentyfive
Description: Child theme of Twenty Twenty-Five styled to match 1agent4life.com (navy, gold, paper; Fraunces and Inter).
Author: Christopher M. Anderson
Version: 1.0.1
Requires at least: 6.7
Text Domain: 1agent4life-blog
*/

:root{
  --a4l-paper:#FAF7F2; --a4l-ink:#1E2B3C; --a4l-gold:#B8842E; --a4l-gold-bright:#F0B429;
  --a4l-gold-dark:#8C641F; --a4l-text-secondary:#5C5850; --a4l-text-muted:#8A8578;
  --a4l-card:#FFFFFF; --a4l-border:#E7E0D3;
}
:focus-visible{outline:2px solid var(--a4l-gold-bright); outline-offset:2px;}
.a4l-wrap{max-width:1080px; margin:0 auto; padding:0 24px; box-sizing:border-box;}

/* ---------- header (matches the main site) ---------- */
.wp-site-blocks > :first-child:has(.a4l-header){position:sticky; top:var(--wp-admin--admin-bar--height, 0px); z-index:50;}
.wp-site-blocks > *:has(.a4l-header){margin-block-start:0;}
.wp-site-blocks > *:has(.a4l-footer){margin-block-start:56px;}
.a4l-header{background:var(--a4l-ink); box-shadow:0 2px 14px rgba(30,43,60,.25); font-family:'Inter',-apple-system,sans-serif;}
.a4l-header a{text-decoration:none;}
.a4l-header-inner{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 24px;}
.a4l-brand{display:flex; align-items:center; gap:10px;}
.a4l-brand svg{width:30px; height:30px; display:block; flex-shrink:0;}
.a4l-wordmark{font-family:'Fraunces',serif; font-weight:600; font-size:20px; letter-spacing:-0.01em; color:var(--a4l-gold-bright);}
.a4l-header-right{display:flex; align-items:center; gap:18px;}
.a4l-menu{display:flex; gap:16px; font-size:15px; font-weight:500;}
.a4l-menu a{color:#E8C88A; padding-bottom:2px; border-bottom:2px solid transparent; transition:color .2s;}
.a4l-menu a:hover{color:#fff;}
.a4l-menu a.a4l-on{color:#fff; border-bottom-color:var(--a4l-gold-bright);}
.a4l-phone{font-size:15px; font-weight:500; white-space:nowrap; color:#E8C88A; display:inline-flex; align-items:center; gap:8px; transition:color .2s;}
.a4l-phone:hover{color:#fff;}
.a4l-cta{background:var(--a4l-gold); color:#fff !important; font-size:14px; font-weight:500; padding:10px 18px; border-radius:6px; white-space:nowrap; transition:background .2s; text-decoration:none !important; display:inline-block;}
.a4l-cta:hover{background:var(--a4l-gold-dark);}

/* ---------- blog home hero ---------- */
.a4l-hero{padding:56px 0 28px;}
.a4l-eyebrow{font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--a4l-gold-dark); font-weight:600; margin:0 0 8px;}
.a4l-hero h1{font-size:40px; line-height:1.15; margin:0 0 10px;}
.a4l-hero p.a4l-sub{color:var(--a4l-text-secondary); max-width:620px; margin:0; font-size:17px;}

/* ---------- post cards ---------- */
.a4l-posts{max-width:1080px; margin:0 auto; padding:12px 24px 24px; box-sizing:border-box;}
.wp-block-post-template.a4l-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:24px; list-style:none; margin:0; padding:0;}
.a4l-grid > li{margin:0;}
.a4l-card{background:var(--a4l-card); border:1px solid var(--a4l-border); border-radius:12px; overflow:hidden; display:flex; flex-direction:column; height:100%; margin:0 !important;}
.a4l-card > *{margin-block-start:0 !important;}
.a4l-thumb{aspect-ratio:16/9; background:var(--a4l-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M100 14 L168 38 V96 Q168 152 100 186 Q32 152 32 96 V38 Z' fill='%231E2B3C' stroke='%23F0B429' stroke-width='5' stroke-linejoin='round'/%3E%3Ccircle cx='76' cy='78' r='12' fill='%23F0B429'/%3E%3Cpath d='M76 92 q-17 0 -17 19 v27 h34 v-27 q0 -19 -17 -19z' fill='%23FAF7F2'/%3E%3Ccircle cx='124' cy='78' r='12' fill='%23F0B429'/%3E%3Cpath d='M124 92 q-17 0 -17 19 v27 h34 v-27 q0 -19 -17 -19z' fill='%23FAF7F2'/%3E%3Ccircle cx='100' cy='104' r='9' fill='%23F0B429'/%3E%3Cpath d='M100 115 q-12 0 -12 13 v18 h24 v-18 q0 -13 -12 -13z' fill='%23F0B429'/%3E%3C/svg%3E") center/70px no-repeat; overflow:hidden;}
.a4l-thumb .wp-block-post-featured-image{margin:0; height:100%;}
.a4l-thumb .wp-block-post-featured-image a, .a4l-thumb .wp-block-post-featured-image img{display:block; width:100%; height:100%; object-fit:cover;}
.a4l-card-body{padding:20px 22px 22px; display:flex; flex-direction:column; flex:1;}
.a4l-card-body > *{margin:0;}
.a4l-meta{font-size:12px; color:var(--a4l-text-muted); margin:0 0 6px !important;}
.a4l-card-title{font-size:22px !important; line-height:1.25; margin:0 0 10px !important;}
.a4l-card-title a{text-decoration:none; color:var(--a4l-ink);}
.a4l-card-title a:hover{color:var(--a4l-gold-dark);}
.a4l-excerpt{font-size:15px; color:var(--a4l-text-secondary); flex:1; display:flex; flex-direction:column;}
.a4l-excerpt .wp-block-post-excerpt__excerpt{margin:0 0 14px; flex:1;}
.a4l-excerpt .wp-block-post-excerpt__more-text{margin:0;}
.a4l-excerpt .wp-block-post-excerpt__more-link{font-size:14px; font-weight:600; color:var(--a4l-gold-dark); text-decoration:none;}
.a4l-excerpt .wp-block-post-excerpt__more-link:hover{text-decoration:underline;}
.a4l-posts .wp-block-query-pagination{margin-top:32px;}

/* ---------- call-to-action band ---------- */
.a4l-cta-band{max-width:1080px; margin:32px auto 0; padding:0 24px; box-sizing:border-box;}
.a4l-cta-band-inner{background:var(--a4l-ink); border-radius:12px; padding:32px; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;}
.a4l-cta-band h3{color:#fff; font-size:24px; margin:0 0 4px;}
.a4l-cta-band p{color:#C9D1DC; font-size:15px; margin:0;}

/* ---------- single post ---------- */
.a4l-post-meta{font-size:14px; color:var(--a4l-text-muted);}
.a4l-back{font-size:14px; font-weight:600;}
.a4l-back a{color:var(--a4l-gold-dark); text-decoration:none;}
.a4l-back a:hover{text-decoration:underline;}
.single .wp-block-post-featured-image img{border-radius:12px;}
.wp-block-post-content a{color:var(--a4l-gold-dark);}
.post-navigation-link-previous, .post-navigation-link-next{font-size:15px; font-weight:500;}
.post-navigation-link-previous a, .post-navigation-link-next a{color:var(--a4l-gold-dark); text-decoration:none;}
.post-navigation-link-previous a:hover, .post-navigation-link-next a:hover{text-decoration:underline;}

/* ---------- footer (matches the main site) ---------- */
.a4l-footer{padding:40px 0 60px; text-align:center; border-top:1px solid var(--a4l-border); font-family:'Inter',-apple-system,sans-serif;}
.a4l-footer p{font-size:11px; color:var(--a4l-text-muted); max-width:620px; margin:0 auto 10px; line-height:1.7;}
.a4l-footer .a4l-footer-links{font-size:12px; margin-bottom:14px;}
.a4l-footer .a4l-footer-links a{color:var(--a4l-gold-dark); margin:0 8px; text-decoration:underline;}

/* ---------- phone ---------- */
@media (max-width:760px){
  .a4l-header .a4l-cta, .a4l-phone-text{display:none;}
  .a4l-header-inner{padding:10px 16px;}
  .a4l-wordmark{font-size:18px;}
  .a4l-header-right{gap:12px;}
  .a4l-hero{padding:40px 0 20px;}
  .a4l-hero h1{font-size:30px;}
  .a4l-wrap, .a4l-posts, .a4l-cta-band{padding-left:16px; padding-right:16px;}
  .wp-block-post-template.a4l-grid{grid-template-columns:1fr;}
}