/* CaresDigest — Blog CSS */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Lora:wght@400;600;700&display=swap');

/* Blog Hero */
.blog-hero{
  background:linear-gradient(100deg,rgba(14,27,66,.93) 0%,rgba(30,55,105,.86) 45%,rgba(41,188,212,.3) 100%),
  url('/images/caresdigest-hero.webp') center right/cover no-repeat;
  padding:64px 0 44px;position:relative;
}
.blog-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--cd-coral),var(--cd-cyan))}
.blog-hero .section-label{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}
.blog-hero h1{font-family:'Lora',serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:#fff;margin:10px 0;text-align:center}
.blog-hero p{color:rgba(255,255,255,.68);text-align:center;font-size:.95rem;max-width:540px;margin:0 auto 28px}

/* Filter buttons */
.filter-wrap{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.filter-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.72);border-radius:40px;padding:7px 16px;font-family:'Plus Jakarta Sans',sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;transition:var(--transition)}
.filter-btn:hover{background:rgba(255,255,255,.2);color:#fff}
.filter-btn.active{background:var(--cd-coral);border-color:var(--cd-coral);color:#fff}

/* Blog listing grid */
.blog-listing{padding:60px 0 80px;background:var(--bg)}
.listing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}
.post-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:var(--transition)}
.post-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px);border-color:rgba(41,188,212,.25)}
.post-card.hidden{display:none}
.post-card-link{display:block;color:inherit;text-decoration:none}
.post-card-img{overflow:hidden;height:190px;background:#e0eff5}
.post-card-real-img{width:100%;height:190px;object-fit:cover;transition:transform .4s ease}
.post-card:hover .post-card-real-img{transform:scale(1.05)}
.post-card-body{padding:20px 22px 22px}
.post-cat{font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--cd-coral);display:block;margin-bottom:8px}
.post-title{font-family:'Lora',serif;font-size:1rem;font-weight:700;color:var(--cd-navy);line-height:1.42;margin-bottom:9px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.post-card:hover .post-title{color:var(--cd-cyan)}
.post-excerpt{font-size:.82rem;color:var(--text-light);line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:14px}
.post-meta{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:var(--text-light)}
.post-readtime{color:var(--cd-cyan);font-weight:700}

/* Individual post page */
.post-main{padding:44px 0 80px;background:var(--bg)}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-light);margin-bottom:32px;flex-wrap:wrap}
.breadcrumb a{color:var(--cd-cyan)}.breadcrumb a:hover{text-decoration:underline}
.post-layout{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start}
.post-content{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:38px 42px}
.post-cat-label{font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--cd-coral);display:block;margin-bottom:10px}
.post-title{font-family:'Lora',serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--cd-navy);line-height:1.25;margin-bottom:14px}
.post-meta-bar{display:flex;gap:8px;flex-wrap:wrap;font-size:.8rem;color:var(--text-light);margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.post-content h2{font-family:'Lora',serif;font-size:1.3rem;font-weight:700;color:var(--cd-navy);margin:32px 0 12px;display:flex;align-items:center;gap:10px}
.post-content h2::before{content:'';display:block;width:4px;height:22px;background:var(--cd-coral);border-radius:2px;flex-shrink:0}
.post-content h3{font-family:'Lora',serif;font-size:1.05rem;font-weight:700;color:var(--text-dark);margin:22px 0 9px}
.post-content p{font-size:.93rem;color:var(--text-mid);line-height:1.8;margin-bottom:16px}
.post-content a{color:var(--cd-cyan);transition:var(--transition)}
.post-content a:hover{text-decoration:underline}
.check-list{list-style:none;padding:0;margin-bottom:16px}
.check-list li{font-size:.9rem;color:var(--text-mid);line-height:1.65;padding:6px 0 6px 24px;position:relative;border-bottom:1px solid rgba(0,0,0,.04)}
.check-list li::before{content:'✓';position:absolute;left:0;color:var(--cd-cyan);font-weight:700}

/* Inline product card */
.inline-card{display:flex;align-items:center;gap:18px;background:#f5f9fc;border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;margin:22px 0;border-left:4px solid var(--cd-cyan)}
.inline-card img{width:85px;height:85px;object-fit:contain;flex-shrink:0;border-radius:8px;background:#fff}
.inline-card-name{font-family:'Lora',serif;font-size:.95rem;font-weight:700;color:var(--cd-navy);margin-bottom:5px}
.inline-card-desc{font-size:.82rem;color:var(--text-mid);line-height:1.55;margin-bottom:10px}

/* CTA box */
.post-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#e8f4f9,#d8eef7);border:1px solid rgba(41,188,212,.2);border-left:4px solid var(--cd-cyan);border-radius:var(--radius);padding:18px 22px;margin:24px 0;flex-wrap:wrap}
.post-cta-title{font-family:'Lora',serif;font-size:.97rem;font-weight:700;color:var(--cd-navy);margin-bottom:4px}
.post-cta-sub{font-size:.83rem;color:var(--text-mid)}

/* Rating box */
.rating-box{display:flex;align-items:center;gap:20px;background:#fff8ec;border:2px solid var(--star-gold);border-radius:var(--radius);padding:20px 26px;margin:26px 0}
.rb-score{font-family:'Lora',serif;font-size:2.8rem;font-weight:700;color:var(--cd-navy);line-height:1}
.rb-stars{color:var(--star-gold);font-size:1.15rem;margin-bottom:4px}

/* Sidebar */
.post-sidebar{position:sticky;top:90px}
.sidebar-box{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:18px}
.sb-title{font-family:'Lora',serif;font-size:.93rem;font-weight:700;color:var(--cd-navy);margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid var(--cd-coral)}
.sb-links{list-style:none}
.sb-links li{margin-bottom:9px}
.sb-links li a{font-size:.84rem;color:var(--cd-cyan);transition:var(--transition)}
.sb-links li a:hover{color:var(--cd-coral);text-decoration:underline}

/* Author box */
.author-box{display:flex;align-items:flex-start;gap:14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-top:32px}
.author-avatar{width:48px;height:48px;border-radius:50%;background:var(--cd-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}
.author-name{font-weight:700;font-size:.88rem;color:var(--text-dark)}
.author-bio{font-size:.8rem;color:var(--text-light);line-height:1.55;margin-top:3px}

/* Newsletter strip */
.newsletter-strip{background:linear-gradient(135deg,var(--cd-navy),var(--cd-navy-lt));padding:48px 0}
.newsletter-strip .newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.newsletter-strip .newsletter-title{font-family:'Lora',serif;font-size:1.3rem;font-weight:700;color:#fff}
.newsletter-strip .newsletter-sub{color:rgba(255,255,255,.6);font-size:.88rem;margin-top:4px}
.newsletter-strip .newsletter-form{display:flex;gap:10px;flex-wrap:wrap}
.newsletter-strip .newsletter-form input{padding:11px 20px;border-radius:40px;border:1.5px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;font-size:.9rem;min-width:230px;outline:none;font-family:'Plus Jakarta Sans',sans-serif;transition:var(--transition)}
.newsletter-strip .newsletter-form input::placeholder{color:rgba(255,255,255,.45)}
.newsletter-strip .newsletter-form input:focus{border-color:var(--cd-cyan);background:rgba(255,255,255,.15)}
.newsletter-strip .newsletter-form button{background:var(--cd-coral);color:#fff;border:none;padding:11px 26px;border-radius:40px;font-family:'Plus Jakarta Sans',sans-serif;font-size:.9rem;font-weight:700;cursor:pointer;transition:var(--transition)}
.newsletter-strip .newsletter-form button:hover{background:var(--cd-coral-dk)}

/* Responsive */
@media(max-width:900px){.post-layout{grid-template-columns:1fr}.post-sidebar{position:static}}
@media(max-width:768px){
  .blog-hero{padding:44px 0 32px}
  .blog-listing{padding:40px 0 56px}
  .listing-grid{grid-template-columns:1fr;gap:16px}
  .post-content{padding:24px 18px}
  .post-title{font-size:1.4rem}
  .post-cta{flex-direction:column;align-items:flex-start}
  .inline-card{flex-direction:column;align-items:flex-start}
  .newsletter-strip .newsletter-inner{flex-direction:column;text-align:center}
  .newsletter-strip .newsletter-form{justify-content:center}
  .newsletter-strip .newsletter-form input{width:100%;max-width:320px;min-width:0}
  .newsletter-strip .newsletter-form button{width:100%;max-width:320px}
}
@media(max-width:600px){.post-content{padding:20px 14px}.listing-grid{grid-template-columns:1fr}}
@media(min-width:600px) and (max-width:1023px){.listing-grid{grid-template-columns:repeat(2,1fr)}}