/*
Theme Name: Waves of Life Coaching
Theme URI: https://wavesoflifecoaching.com.au
Author: Waves of Life Coaching
Description: Custom block theme for Waves of Life Coaching — a calm, premium personal-coaching brand. Fully editable in the WordPress block editor.
Version: 1.0.4
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 8.0
Text Domain: waves-of-life
*/

:root{
  --ink:#22332f; --muted:#697a73; --cream:#fbfaf5; --paper:#fffdf8; --mist:#edf5f1;
  --aqua:#8ab0a2; --sea:#21483f; --line:#d8e1dc; --sand:#b9945f; --white:#fffdf8;
  --shadow:0 20px 60px rgba(34,51,47,.13); --radius:8px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0; color:var(--ink); background:var(--cream); font-family:Inter,Arial,sans-serif; line-height:1.65;}
img{max-width:100%; height:auto; display:block;}
a{color:inherit; text-decoration:none;}
h1,h2,h3,h4{font-family:"Cormorant Garamond",Georgia,serif; font-weight:500; letter-spacing:0; line-height:1.04; margin:0;}
h1{font-size:clamp(50px,7.4vw,94px); max-width:820px;}
h2{font-size:clamp(38px,5vw,64px);}
h3{font-size:28px;}
p{margin:0;}

.wol-page .wp-block-group{margin-block:0;}
.section{padding:74px 20px;}
.section-tight{padding:54px 20px;}
.band{background:var(--mist); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}

.eyebrow{display:block; margin:0 0 16px; color:var(--sand); font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; font-family:Inter,Arial,sans-serif;}
.lead{max-width:640px; margin:24px 0 0; color:var(--muted); font-family:"Cormorant Garamond",Georgia,serif; font-size:30px; line-height:1.28;}

.wp-block-button__link{display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 24px; border:1px solid var(--sea); border-radius:999px; background:var(--sea); color:var(--white); font-size:14px; font-weight:800; line-height:1; white-space:nowrap; transition:transform .2s ease, box-shadow .2s ease;}
.wp-block-button__link:hover{transform:translateY(-1px); box-shadow:0 10px 24px rgba(30,111,104,.22);}
.button-light .wp-block-button__link{background:rgba(255,255,255,.7); color:var(--sea); border-color:rgba(33,72,63,.24);}
.button-white .wp-block-button__link{background:var(--white); color:var(--sea); border-color:var(--white);}
.text-link a{color:var(--sea); font-weight:800; font-size:14px;}
.text-link a:hover{opacity:.8;}

.site-header{position:sticky; top:0; z-index:50; background:rgba(251,250,245,.92); border-bottom:1px solid rgba(34,51,47,.1); backdrop-filter:blur(18px);}
.site-header .nav{min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:24px; max-width:1140px; margin-inline:auto; padding-inline:20px;}
.brand{display:flex; align-items:center; gap:12px;}
.brand .wp-block-site-logo img{width:52px; height:52px; border-radius:50%;}
.brand .wp-block-site-title{font-family:"Cormorant Garamond",Georgia,serif; font-size:23px; font-weight:600; line-height:1; color:var(--ink);}
.nav-right{display:flex; align-items:center; gap:24px;}
.nav-links a, .nav-links .wp-block-navigation-item__content{color:var(--muted); font-size:14px; font-weight:700;}
.nav-links a:hover, .nav-links .current-menu-item a{color:var(--sea);}

.hero{padding:70px 20px 64px;}
.hero-grid{display:grid; grid-template-columns:1.04fr .76fr; gap:58px; align-items:center;}
.hero-actions{display:flex; flex-wrap:wrap; gap:12px; margin-top:32px;}
.proof-row{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:36px; max-width:720px;}
.proof{border-top:1px solid var(--line); padding-top:16px; color:var(--muted); font-size:14px;}
.proof strong{display:block; color:var(--ink); font-size:15px; margin-bottom:2px;}

.portrait{position:relative; padding:13px; background:var(--paper); border:1px solid rgba(34,51,47,.12); border-radius:var(--radius); box-shadow:var(--shadow);}
.portrait img{width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:6px;}
.portrait .caption{padding:15px 4px 2px; color:var(--muted); font-size:13px; display:flex; justify-content:space-between; gap:20px;}
.portrait .caption p{font-size:13px;}

.section-head{max-width:790px; margin-bottom:38px;}
.section-head p{margin:18px 0 0; color:var(--muted); font-size:17px;}
.section-head-split{display:grid; grid-template-columns:.9fr 1fr; gap:42px; align-items:start; margin-bottom:42px;}
.section-head-split p{margin:10px 0 0; color:var(--muted); font-size:18px;}

.pathways{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px;}
.pathway{min-height:300px; padding:30px; display:flex; flex-direction:column; justify-content:space-between; background:var(--paper); border:1px solid rgba(34,51,47,.11); border-radius:var(--radius); transition:transform .2s, border-color .2s, box-shadow .2s;}
.pathway:hover{transform:translateY(-3px); border-color:rgba(33,72,63,.3); box-shadow:var(--shadow);}
.pathway h3{font-size:26px;}
.pathway p{margin:18px 0 0; color:var(--muted);}
.pathway .text-link{margin-top:28px;}

.about-grid{display:grid; grid-template-columns:.85fr 1.15fr; gap:58px; align-items:center;}
.about-copy p{color:var(--muted); font-size:18px; margin-top:16px;}
.about-copy .quote{margin-top:30px; padding-left:22px; border-left:3px solid var(--sand); color:var(--sea); font-family:"Cormorant Garamond",Georgia,serif; font-size:29px; line-height:1.25;}

.process{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;}
.process-step{background:var(--cream); padding:28px; min-height:220px;}
.process-step .num{color:var(--sand); font-size:13px; font-weight:800;}
.process-step h3{margin-top:18px; font-size:24px;}
.process-step p{margin:14px 0 0; color:var(--muted); font-size:15px;}

.duo-grid{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
.duo{padding:30px; background:var(--paper); border:1px solid rgba(34,51,47,.12); border-radius:var(--radius);}
.duo p{margin:0; color:var(--ink); font-family:"Cormorant Garamond",Georgia,serif; font-size:27px; line-height:1.35;}
.duo strong{display:block; margin-top:18px; color:var(--muted); font-size:14px; font-family:Inter,sans-serif; font-weight:700;}

.cta-split{padding:70px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:34px; background:var(--sea); color:var(--white); border-radius:var(--radius);}
.cta-split .eyebrow{color:rgba(255,253,248,.72);}
.cta-split h2{color:var(--white);}
.cta-split p{max-width:650px; margin:18px 0 0; color:rgba(255,253,248,.78); font-size:18px;}

.page-hero{padding:78px 20px 56px;}
.page-hero h1{font-size:clamp(44px,6vw,78px); max-width:920px;}
.page-hero .lead{margin-top:22px;}

.values{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.value{padding:28px; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius);}
.value .glyph{width:38px; height:38px; border-radius:50%; background:rgba(138,176,162,.18); border:1px solid rgba(138,176,162,.55); margin-bottom:18px; display:grid; place-items:center; color:var(--sea);}
.value h3{font-size:24px; margin-bottom:6px;}
.value p{margin:6px 0 0; color:var(--muted);}

.essence{display:grid; grid-template-columns:.78fr 1.22fr; gap:34px; align-items:center; padding:32px; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius);}
.essence .mark{min-height:180px; display:grid; place-items:center; border-radius:var(--radius); background:linear-gradient(180deg,rgba(237,245,241,.9),rgba(255,250,241,.96)); border:1px solid rgba(138,176,162,.3); color:var(--sea); font-family:"Cormorant Garamond",Georgia,serif; font-size:32px; line-height:1.05; text-align:center; padding:24px;}
.essence .mark p{font-family:"Cormorant Garamond",Georgia,serif; font-size:32px; color:var(--sea);}
.essence p{color:var(--muted); font-size:18px;}
.essence .note{font-size:14px; margin-top:14px;}

.journey{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px;}
.jstep{background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); padding:26px;}
.jstep .dot{width:30px; height:30px; border-radius:50%; background:var(--cream); border:2px solid var(--aqua); margin:0 0 18px; display:grid; place-items:center; color:var(--sea); font-family:"Cormorant Garamond",serif; font-weight:700; font-size:14px;}
.jstep .dot p{font-size:14px; color:var(--sea);}
.jstep h3{font-size:22px; margin-bottom:8px;}
.jstep p{margin:0; color:var(--muted);}

.services{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
.service{padding:30px; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); display:flex; flex-direction:column; gap:14px;}
.service .tag{align-self:flex-start; padding:4px 12px; background:rgba(138,176,162,.16); color:var(--sea); border-radius:999px; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;}
.service .price{color:var(--sand); font-family:"Cormorant Garamond",Georgia,serif; font-size:22px;}
.service h3{font-size:26px;}
.service p{color:var(--muted);}
.service ul{list-style:none; padding:0; margin:0; display:grid; gap:8px; color:var(--muted);}
.service ul li{padding-left:22px; position:relative;}
.service ul li::before{content:""; position:absolute; left:0; top:.65em; width:12px; height:6px; border-radius:6px; background:var(--aqua);}

.tlong{padding:36px; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); margin-bottom:18px;}
.tlong .body{font-family:"Cormorant Garamond",Georgia,serif; font-size:26px; line-height:1.36; color:var(--ink); margin:0 0 18px;}
.tlong .by{display:flex; align-items:center; gap:14px; color:var(--muted); font-size:14px;}
.tlong .avatar{width:44px; height:44px; border-radius:50%; background:linear-gradient(135deg,rgba(138,176,162,.4),rgba(185,148,95,.4)); border:1px solid var(--line); display:grid; place-items:center; color:var(--sea); font-family:"Cormorant Garamond",serif; font-weight:700; font-size:18px;}
.tlong .avatar p{font-size:18px; color:var(--sea); font-family:"Cormorant Garamond",serif;}
.short-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:14px;}
.short{padding:22px; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius);}
.short p{margin:0 0 10px; font-family:"Cormorant Garamond",Georgia,serif; font-size:20px; line-height:1.32; color:var(--ink);}
.short strong{color:var(--muted); font-size:13px; font-weight:700;}
.note-band{padding:36px; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius);}
.note-band p{color:var(--muted); margin-top:10px;}

.categories{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:26px;}
.blog-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px;}
.blog-grid.wp-block-post-template{list-style:none; padding:0; margin:0;}
.blog-grid .wp-block-post-title{font-size:25px; margin:0 0 8px;}
.blog-grid .wp-block-post-title a{color:var(--ink);}
.blog-grid li{padding:28px; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius);}
.blog-grid .meta a{color:var(--sand); font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;}

.post-hero{padding:70px 20px 22px;}
.post-hero .meta a{color:var(--sand); font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase;}
.post-body{font-size:18px; line-height:1.78; color:#354842;}
.post-body p{margin:0 0 22px;}
.post-body h2{font-size:36px; margin:44px 0 14px;}
.post-body blockquote{margin:28px 0; padding:24px 28px; border-left:3px solid var(--aqua); background:rgba(237,245,241,.55); border-radius:0 var(--radius) var(--radius) 0; font-family:"Cormorant Garamond",Georgia,serif; font-size:26px; line-height:1.34; color:var(--ink);}
.post-body ul{margin:0 0 22px; padding-left:18px;}
.post-body ul li{margin-bottom:8px;}

.contact-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:44px; align-items:start;}
.form-card{padding:36px; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius);}
.contact-info{padding:36px; border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(135deg,rgba(237,245,241,.96),rgba(255,253,248,.96)); display:grid; gap:18px; margin-bottom:16px;}
.info-row{display:grid; gap:2px;}
.info-row strong{display:block; color:var(--ink); font-size:14px;}
.info-row span{color:var(--muted); font-size:14px;}
.crisis-box{padding:28px; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius);}
.crisis-box p{color:var(--muted); margin-top:8px;}

.faq .wp-block-details{background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); padding:18px 22px; margin-bottom:10px;}
.faq .wp-block-details[open]{border-color:rgba(138,176,162,.55);}
.faq summary{cursor:pointer; font-family:"Cormorant Garamond",Georgia,serif; font-size:22px; color:var(--ink);}
.faq .wp-block-details p{margin:12px 0 0; color:var(--muted);}

.final-cta{padding:62px 28px; text-align:center; background:var(--sea); color:var(--white); border-radius:var(--radius);}
.final-cta h2{color:var(--white);}
.final-cta p{max-width:640px; margin:18px auto 28px; color:rgba(255,255,255,.78); font-size:17px;}

.site-footer{padding:44px 0 38px; color:var(--muted); font-size:14px; border-top:1px solid var(--line); background:var(--mist);}
.foot{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:36px; align-items:start; max-width:1140px; margin-inline:auto; padding-inline:20px;}
.foot h4{margin:0 0 14px; color:var(--ink); font-family:"Cormorant Garamond",Georgia,serif; font-weight:600; font-size:18px;}
.foot p{color:var(--muted); margin-top:10px;}
.foot ul{list-style:none; margin:0; padding:0; display:grid; gap:8px;}
.foot a:hover{color:var(--sea);}
.foot-bottom{max-width:1140px; margin:30px auto 0; padding:22px 20px 0; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; font-size:13px;}

@media (max-width:920px){
  .hero-grid,.about-grid,.contact-grid,.essence{grid-template-columns:1fr;}
  .section-head-split,.cta-split{grid-template-columns:1fr;}
  .pathways,.process,.duo-grid,.proof-row,.values,.services,.journey,.short-grid,.blog-grid{grid-template-columns:1fr 1fr;}
  .foot{grid-template-columns:1fr 1fr;}
  .site-header .nav-links{display:none;}
}
@media (max-width:620px){
  .section,.hero,.page-hero{padding:54px 18px;}
  .section-head-split{gap:14px; margin-bottom:28px;}
  .pathways,.process,.duo-grid,.proof-row,.values,.services,.journey,.short-grid,.blog-grid,.foot{grid-template-columns:1fr;}
  .cta-split,.essence,.form-card,.contact-info{padding:26px;}
  .cta-split{padding:42px 26px;}
}


/* ---------- Fluent Forms — brand styling ---------- */
.ff-form-card{max-width:760px; margin:0 auto;}
.fluentform .ff-el-input--label label,
.fluentform label{color:var(--muted) !important; font-family:Inter,Arial,sans-serif; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase;}
.fluentform .ff-el-group{margin-bottom:18px;}
.fluentform input[type=text],
.fluentform input[type=email],
.fluentform input[type=tel],
.fluentform input[type=url],
.fluentform input[type=number],
.fluentform input[type=date],
.fluentform select,
.fluentform textarea,
.fluentform .ff-el-form-control{
  width:100%; padding:14px 16px; font:inherit; color:var(--ink);
  background:var(--white); border:1px solid var(--line); border-radius:6px;
  transition:border-color .2s, box-shadow .2s; box-shadow:none;
}
.fluentform input:focus,
.fluentform select:focus,
.fluentform textarea:focus,
.fluentform .ff-el-form-control:focus{
  outline:none; border-color:var(--aqua); box-shadow:0 0 0 4px rgba(138,176,162,.18);
}
.fluentform textarea{min-height:130px; resize:vertical;}
.fluentform input::placeholder,
.fluentform textarea::placeholder{color:#9aa8a1;}
.fluentform .ff-el-input--content .ff-el-form-check-label{text-transform:none; letter-spacing:0; font-weight:400; color:var(--muted);}
.fluentform .ff-btn-submit,
.fluentform button[type=submit],
.fluentform .ff_submit_btn_wrapper button{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:46px; padding:0 26px; border:1px solid var(--sea); border-radius:999px;
  background:var(--sea) !important; color:var(--white) !important; font-family:Inter,Arial,sans-serif;
  font-size:14px; font-weight:800; line-height:1; box-shadow:none; transition:transform .2s, box-shadow .2s;
}
.fluentform .ff-btn-submit:hover,
.fluentform button[type=submit]:hover{transform:translateY(-1px); box-shadow:0 10px 24px rgba(30,111,104,.22);}
.fluentform .ff-message-success{
  background:rgba(237,245,241,.7); border:1px solid var(--line); border-radius:var(--radius);
  padding:18px 20px; color:var(--sea); font-family:"Cormorant Garamond",Georgia,serif; font-size:20px;
}
.fluentform .error,
.fluentform .text-danger,
.fluentform .ff-el-is-error .text-danger{color:#b5524a; font-size:13px; letter-spacing:0; text-transform:none; font-weight:600;}


/* ---------- Fluent Forms — brand styling (stronger overrides) ---------- */
.wol-page .fluentform .ff-el-input--label label,
.wol-page .fluentform .ff-el-group > label,
.wol-page .fluentform label{
  color:var(--muted) !important; font-family:Inter,Arial,sans-serif !important;
  font-size:12px !important; font-weight:800 !important; letter-spacing:.12em !important;
  text-transform:uppercase !important; margin-bottom:6px !important;
}
.wol-page .fluentform .ff-el-is-required-asterisk,
.wol-page .fluentform .ff-el-input--label label .text-danger{color:var(--sand) !important;}
.wol-page .fluentform input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]),
.wol-page .fluentform select,
.wol-page .fluentform textarea{
  width:100% !important; padding:14px 16px !important; font:inherit !important; color:var(--ink) !important;
  background:var(--white) !important; border:1px solid var(--line) !important; border-radius:6px !important;
  box-shadow:none !important;
}
.wol-page .fluentform input:focus,
.wol-page .fluentform select:focus,
.wol-page .fluentform textarea:focus{
  border-color:var(--aqua) !important; box-shadow:0 0 0 4px rgba(138,176,162,.18) !important; outline:none !important;
}
.wol-page .fluentform .ff-btn-submit,
.wol-page .fluentform button[type=submit]{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  min-height:46px !important; padding:0 26px !important; border:1px solid var(--sea) !important;
  border-radius:999px !important; background:var(--sea) !important; color:var(--white) !important;
  font-family:Inter,Arial,sans-serif !important; font-size:14px !important; font-weight:800 !important;
  line-height:1 !important; box-shadow:none !important; transition:transform .2s, box-shadow .2s !important;
}
.wol-page .fluentform .ff-btn-submit:hover,
.wol-page .fluentform button[type=submit]:hover{transform:translateY(-1px) !important; box-shadow:0 10px 24px rgba(30,111,104,.22) !important;}


/* ============ Blog / Journal — warm redesign ============ */
.blog-hero{padding-bottom:8px;}
.blog-section{padding-top:40px;}

/* shared meta row: chips + date */
.blog-meta{align-items:center;gap:10px !important;margin-bottom:14px;}
.blog-meta .meta-cat,.blog-meta .meta-cat a{color:var(--sand) !important;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}
.blog-meta .meta-date{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.04em;}
.chip{display:inline-block;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;}
.chip-featured{background:var(--sea);color:var(--white) !important;margin:0;}

/* Featured post */
.blog-featured-query{margin-bottom:22px;}
.blog-featured-tpl{list-style:none;margin:0;padding:0;}
.blog-featured{padding:46px;border-radius:var(--radius);border:1px solid rgba(138,176,162,.45);
  background:linear-gradient(135deg,rgba(237,245,241,.9),rgba(255,250,241,.9));
  box-shadow:var(--shadow);transition:transform .25s, box-shadow .25s;}
.blog-featured:hover{transform:translateY(-3px);}
.blog-featured-body{max-width:760px;}
.blog-featured .wp-block-post-title{font-size:clamp(30px,3.6vw,46px);line-height:1.08;margin:0 0 14px;}
.blog-featured .wp-block-post-title a{color:var(--ink);transition:color .2s;}
.blog-featured .wp-block-post-title a:hover{color:var(--sea);}
.blog-featured .wp-block-post-excerpt{color:var(--muted);font-size:18px;line-height:1.6;}
.blog-featured .wp-block-post-excerpt__more-link{display:inline-block;margin-top:12px;color:var(--sea);font-weight:800;font-size:14px;}

/* Grid of remaining posts — equal height cards */
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0;}
.blog-grid > li{margin:0;}
.blog-grid .post-card{height:100%;display:flex;flex-direction:column;align-items:flex-start;
  padding:30px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  transition:transform .22s, border-color .22s, box-shadow .22s;}
.blog-grid .post-card:hover{transform:translateY(-4px);border-color:rgba(138,176,162,.6);box-shadow:var(--shadow);}
.blog-grid .wp-block-post-title{font-size:23px;line-height:1.14;margin:0 0 12px;}
.blog-grid .wp-block-post-title a{color:var(--ink);transition:color .2s;}
.blog-grid .wp-block-post-title a:hover{color:var(--sea);}
.blog-grid .wp-block-post-excerpt{color:var(--muted);font-size:15px;line-height:1.6;margin:0;}
.blog-grid .wp-block-post-excerpt p{margin:0;}
.blog-grid .wp-block-post-excerpt__more-link{display:inline-block;margin-top:14px;color:var(--sea);font-weight:800;font-size:13px;letter-spacing:.02em;}
/* push the "read more" to the bottom so every card aligns */
.blog-grid .post-card .wp-block-post-excerpt{margin-top:auto;}

/* Pagination */
.blog-pagination{margin-top:34px;gap:8px;color:var(--muted);font-weight:700;}
.blog-pagination a,.blog-pagination .wp-block-query-pagination-numbers .page-numbers{
  color:var(--sea);padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--paper);transition:background .2s,color .2s;}
.blog-pagination a:hover{background:var(--sea);color:var(--white);border-color:var(--sea);}
.blog-pagination .page-numbers.current{background:var(--sea);color:var(--white);border:1px solid var(--sea);padding:8px 14px;border-radius:999px;}

/* Newsletter / CTA band */
.blog-cta{text-align:center;}
.blog-newsletter{max-width:620px;margin:0 auto;}
.blog-newsletter h2{margin:6px 0 0;}
.blog-newsletter p{color:var(--muted);font-size:17px;margin:16px 0 26px;}

@media (max-width:920px){
  .blog-grid{grid-template-columns:1fr 1fr;}
  .blog-featured{padding:34px;}
}
@media (max-width:620px){
  .blog-grid{grid-template-columns:1fr;}
  .blog-featured{padding:26px;}
}


/* ==== BLOG-REFINE-V2 warm overrides ==== */
.wol-page .blog-featured-tpl{list-style:none !important;margin:0 !important;padding:0 !important;}
.wol-page .blog-featured-tpl > li{list-style:none !important;margin:0 !important;}
.wol-page .blog-featured{padding:46px !important;border-radius:8px !important;border:1px solid rgba(138,176,162,.5) !important;background:linear-gradient(135deg,rgba(237,245,241,.92),rgba(255,250,241,.92)) !important;box-shadow:0 20px 60px rgba(34,51,47,.10) !important;}
.wol-page .blog-meta{align-items:center !important;gap:10px !important;margin-bottom:14px !important;}
.wol-page .blog-meta .meta-cat{margin:0 !important;}
.wol-page .blog-meta .meta-cat a{display:inline-block;background:rgba(185,148,95,.12);color:#a9763e !important;padding:4px 11px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:background .2s,color .2s;}
.wol-page .blog-meta .meta-cat a:hover{background:#b9945f;color:#fffdf8 !important;}
.wol-page .blog-meta .meta-date{color:#697a73 !important;font-size:12px;font-weight:600;letter-spacing:.04em;}
.wol-page .chip-featured{background:#21483f !important;color:#fffdf8 !important;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:0 !important;}
.wol-page .blog-featured .wp-block-post-title{font-size:clamp(30px,3.6vw,46px) !important;line-height:1.08 !important;margin:0 0 14px !important;}
.wol-page .blog-featured .wp-block-post-title a{color:#22332f !important;}
.wol-page .blog-featured .wp-block-post-title a:hover{color:#21483f !important;}
.wol-page .blog-featured .wp-block-post-excerpt{color:#697a73 !important;font-size:18px !important;line-height:1.6 !important;}
.wol-page .blog-featured .wp-block-post-excerpt__more-link{color:#21483f !important;font-weight:800 !important;margin-top:12px;display:inline-block;}
.wol-page .blog-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px !important;list-style:none !important;margin:0 !important;padding:0 !important;}
.wol-page .blog-grid > li{list-style:none !important;margin:0 !important;display:flex !important;}
.wol-page .blog-grid .post-card{height:100% !important;width:100% !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;padding:30px !important;background:#fffdf8 !important;border:1px solid #d8e1dc !important;border-radius:8px !important;}
.wol-page .blog-grid .post-card:hover{transform:translateY(-4px);border-color:rgba(138,176,162,.6) !important;box-shadow:0 20px 60px rgba(34,51,47,.10) !important;}
.wol-page .blog-grid .wp-block-post-excerpt__more-link{color:#21483f !important;font-weight:800 !important;margin-top:14px;display:inline-block;font-size:13px;}
@media (max-width:920px){ .wol-page .blog-grid{grid-template-columns:1fr 1fr !important;} }
@media (max-width:620px){ .wol-page .blog-grid{grid-template-columns:1fr !important;} }


/* ==== BLOG-IMAGES-V3 ==== */
/* Single post: heading sizing + breathing room */
.wol-page .post-hero{padding:64px 20px 10px !important;text-align:center;}
.wol-page .post-hero .post-meta-line{justify-content:center;align-items:center;gap:10px;margin-bottom:18px;}
.wol-page .post-hero .post-meta-line .meta-cat a{display:inline-block;background:rgba(185,148,95,.12);color:#a9763e !important;padding:4px 11px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;}
.wol-page .post-hero .post-meta-line .meta-date{color:#697a73 !important;font-size:12px;font-weight:600;letter-spacing:.04em;}
.wol-page .post-hero .wp-block-post-title{font-size:clamp(32px,4.4vw,56px) !important;line-height:1.12 !important;max-width:760px;margin:0 auto !important;letter-spacing:-.01em;}

/* Featured image hero on single post */
.wol-page .post-featured{margin:36px auto 8px !important;max-width:980px;}
.wol-page .post-featured img{width:100%;height:auto;max-height:460px;object-fit:cover;border-radius:12px;box-shadow:0 20px 60px rgba(34,51,47,.14);}
.wol-page .post-body-wrap{padding-top:40px !important;}

/* Post-end CTA band on single */
.wol-page .post-cta{text-align:center;}
.wol-page .post-cta-inner{max-width:600px;margin:0 auto;}
.wol-page .post-cta-inner h2{margin:6px 0 0;}
.wol-page .post-cta-inner p{color:#697a73;font-size:17px;margin:14px 0 24px;}

/* Featured blog card image */
.wol-page .blog-featured{padding:0 !important;overflow:hidden;}
.wol-page .blog-featured-img{margin:0 !important;}
.wol-page .blog-featured-img img{width:100%;height:300px;object-fit:cover;display:block;}
.wol-page .blog-featured-body{padding:38px 46px 42px !important;max-width:none !important;}
@media(max-width:620px){ .wol-page .blog-featured-img img{height:200px;} .wol-page .blog-featured-body{padding:28px !important;} }

/* Grid card images */
.wol-page .blog-grid .post-card{padding:0 !important;overflow:hidden;}
.wol-page .post-card-img{margin:0 !important;display:block;}
.wol-page .post-card-img img{width:100%;height:180px;object-fit:cover;display:block;}
.wol-page .post-card-body{display:flex;flex-direction:column;align-items:flex-start;height:100%;padding:26px 26px 28px !important;}
.wol-page .blog-grid .post-card-body .wp-block-post-excerpt{margin-top:auto;}
/* placeholder tint when a post has no image yet */
.wol-page .post-card .post-card-img:empty,.wol-page .blog-featured .blog-featured-img:empty{display:none;}


/* ==== BLOG-CARD-IMG-FIX-V4 ==== */
/* Make grid card featured images sit flush to the card edges (no inset) */
.wol-page .blog-grid .post-card{padding:0 !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;}
.wol-page .blog-grid .post-card > .post-card-img,
.wol-page .blog-grid figure.post-card-img.wp-block-post-featured-image{
  margin:0 !important;width:100% !important;max-width:none !important;border-radius:0 !important;display:block !important;
}
.wol-page .blog-grid .post-card-img a{display:block !important;line-height:0;}
.wol-page .blog-grid .post-card-img img{width:100% !important;height:190px !important;object-fit:cover !important;display:block !important;border-radius:0 !important;}
.wol-page .blog-grid .post-card-body{width:100% !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;flex:1 1 auto !important;padding:24px 26px 28px !important;}
.wol-page .blog-grid .post-card-body .wp-block-post-excerpt{margin-top:auto;}

/* Featured panel image flush too (belt and braces) */
.wol-page .blog-featured > .blog-featured-img,
.wol-page figure.blog-featured-img.wp-block-post-featured-image{margin:0 !important;width:100% !important;max-width:none !important;border-radius:0 !important;}
.wol-page .blog-featured-img a{display:block !important;line-height:0;}
.wol-page .blog-featured-img img{width:100% !important;height:300px !important;object-fit:cover !important;display:block !important;border-radius:0 !important;}
@media(max-width:620px){
  .wol-page .blog-featured-img img{height:200px !important;}
  .wol-page .blog-grid .post-card-img img{height:170px !important;}
}