/* ============================================
   WellnessDecision — Blog CSS
   ============================================ */

/* Blog Hero */
.blog-hero{
  background:
    linear-gradient(90deg, rgba(5,60,80,.85) 0%, rgba(7,94,128,.72) 50%, rgba(13,138,181,.30) 100%),
    url('/images/wellnessdecision-hero.webp') center right / cover no-repeat;
  padding:60px 0 40px;position:relative}
.blog-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--wd-green)}
.blog-hero .section-eyebrow{color:rgba(255,255,255,.9);background:rgba(109,193,37,.15);border-color:rgba(109,193,37,.35)}

/* Filter buttons */
.blog-filter-wrap{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:28px}
.blog-filter-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.75);border-radius:40px;padding:7px 16px;font-family:'Source Sans 3',sans-serif;font-size:.82rem;font-weight:500;cursor:pointer;transition:var(--transition)}
.blog-filter-btn:hover{background:rgba(255,255,255,.18);color:#fff}
.blog-filter-btn.active{background:var(--wd-green);border-color:var(--wd-green);color:#fff}

/* Blog grid section */
.blog-grid-section{padding:56px 0 80px;background:var(--bg)}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:24px}

/* Blog post card */
.blog-post-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:var(--transition)}
.blog-post-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:rgba(13,138,181,.2)}
.blog-post-card.hidden{display:none}
.blog-post-link{display:block;color:inherit;text-decoration:none}
.bpc-img{position:relative;overflow:hidden}
.bpc-real-img{width:100%;height:180px;object-fit:cover;object-position:center top;display:block;transition:transform .4s ease}
.blog-post-card:hover .bpc-real-img{transform:scale(1.05)}
.bpc-body{padding:18px 20px 22px}
.bpc-cat{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--wd-green-dk);margin-bottom:8px}
.bpc-title{font-family:'Merriweather',serif;font-size:1rem;font-weight:700;color:var(--wd-primary-dk);line-height:1.4;margin-bottom:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.blog-post-card:hover .bpc-title{color:var(--wd-primary)}
.bpc-excerpt{font-size:.83rem;color:var(--text-light);line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:14px}
.bpc-meta{display:flex;align-items:center;gap:12px}
.bpc-date{font-size:.74rem;color:var(--text-light)}
.bpc-read{font-size:.72rem;color:var(--wd-primary);font-weight:600;background:rgba(13,138,181,.08);padding:2px 8px;border-radius:12px}

/* Individual Post Page */
.post-main{padding:40px 0 80px;background:var(--bg)}

/* Breadcrumb */
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-light);margin-bottom:32px;flex-wrap:wrap}
.breadcrumb a{color:var(--wd-primary)}
.breadcrumb a:hover{text-decoration:underline}

/* Post layout */
.post-layout{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start}

.post-content{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:36px 40px}
.post-header{margin-bottom:28px}
.post-title{font-family:'Merriweather',serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--wd-primary-dk);line-height:1.25;margin:10px 0 14px}
.post-meta-bar{display:flex;gap:8px;flex-wrap:wrap;font-size:.82rem;color:var(--text-light)}

.post-product-img{text-align:center;margin:0 0 32px;padding:24px;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border)}
.post-product-img img{max-height:220px;margin:0 auto}

.post-content h2{font-family:'Merriweather',serif;font-size:1.3rem;font-weight:700;color:var(--wd-primary-dk);margin:32px 0 12px;padding-bottom:8px;border-bottom:2px solid var(--wd-green);display:inline-block}
.post-content h3{font-family:'Merriweather',serif;font-size:1.05rem;font-weight:700;color:var(--text-dark);margin:24px 0 10px}
.post-content p{font-size:.95rem;color:var(--text-mid);line-height:1.75;margin-bottom:16px}
.post-content a{color:var(--wd-primary);transition:var(--transition)}
.post-content a:hover{color:var(--wd-primary-dk);text-decoration:underline}

.post-list{list-style:none;padding:0;margin-bottom:16px}
.post-list li{font-size:.92rem;color:var(--text-mid);line-height:1.65;padding:6px 0 6px 20px;position:relative;border-bottom:1px solid rgba(0,0,0,.04)}
.post-list li::before{content:'✓';position:absolute;left:0;color:var(--wd-green);font-weight:700}

/* CTA box */
.post-cta-box{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#e5f6fb,#d2eff7);border:1px solid rgba(13,138,181,.15);border-left:4px solid var(--wd-primary);border-radius:var(--radius);padding:18px 22px;margin:24px 0;flex-wrap:wrap}
.post-cta-box-title{font-family:'Merriweather',serif;font-size:1rem;font-weight:700;color:var(--wd-primary-dk);margin-bottom:4px}
.post-cta-box-sub{font-size:.84rem;color:var(--text-mid)}

/* Rating box */
.post-rating-box{display:flex;align-items:center;gap:20px;background:#fffbea;border:2px solid var(--star-gold);border-radius:var(--radius);padding:22px 26px;margin:28px 0}
.prb-score{font-family:'Merriweather',serif;font-size:3rem;font-weight:700;color:var(--wd-primary-dk);line-height:1}
.prb-stars{color:var(--star-gold);font-size:1.2rem;margin-bottom:4px}
.prb-label{font-size:.82rem;color:var(--text-light)}

/* Product inline card in blog post */
.inline-product-card{display:flex;align-items:center;gap:20px;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;margin:24px 0;box-shadow:var(--shadow-sm)}
.inline-product-card img{width:90px;height:90px;object-fit:contain;flex-shrink:0;border-radius:6px;background:var(--bg)}
.inline-product-card-info{}
.inline-product-card-name{font-family:'Merriweather',serif;font-size:.95rem;font-weight:700;color:var(--wd-primary-dk);margin-bottom:5px}
.inline-product-card-desc{font-size:.83rem;color:var(--text-mid);line-height:1.5;margin-bottom:10px}

/* Sidebar */
.post-sidebar{position:sticky;top:90px}
.sidebar-box{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px}
.sidebar-title{font-family:'Merriweather',serif;font-size:.95rem;font-weight:700;color:var(--wd-primary-dk);margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid var(--wd-green)}
.sidebar-links{list-style:none}
.sidebar-links li{margin-bottom:10px}
.sidebar-links li a{font-size:.85rem;color:var(--wd-primary);transition:var(--transition)}
.sidebar-links li a:hover{color:var(--wd-green);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:52px;height:52px;border-radius:50%;background:var(--wd-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}
.author-name{font-weight:700;font-size:.9rem;color:var(--text-dark)}
.author-bio{font-size:.82rem;color:var(--text-light);line-height:1.5;margin-top:3px}

/* Newsletter */
.newsletter-strip{background:#eef7fb;padding:48px 0;border-top:3px solid var(--wd-primary)}
.newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.newsletter-title{font-family:'Merriweather',serif;font-size:1.3rem;font-weight:700;color:var(--wd-primary-dk)}
.newsletter-sub{color:var(--text-mid);font-size:.9rem;margin-top:4px}
.newsletter-form{display:flex;gap:10px;flex-wrap:wrap}
.newsletter-form input{padding:11px 20px;border-radius:40px;border:1.5px solid #ccc;font-size:.9rem;min-width:240px;outline:none;font-family:'Source Sans 3',sans-serif;transition:var(--transition)}
.newsletter-form input:focus{border-color:var(--wd-primary)}
.newsletter-form button{background:var(--wd-green);color:#fff;border:none;padding:11px 26px;border-radius:40px;font-family:'Source Sans 3',sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition)}
.newsletter-form button:hover{background:var(--wd-green-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 30px}
  .blog-filter-wrap{gap:6px}
  .blog-filter-btn{font-size:.76rem;padding:6px 12px}
  .blog-grid-section{padding:36px 0 56px}
  .blog-grid{grid-template-columns:1fr;gap:16px}
  .post-main{padding:28px 0 56px}
  .post-content{padding:22px 16px}
  .post-title{font-size:1.35rem}
  .post-cta-box{flex-direction:column;align-items:flex-start}
  .post-rating-box{flex-direction:column;text-align:center;gap:10px}
  .prb-score{font-size:2.2rem}
  .inline-product-card{flex-direction:column;align-items:flex-start}
  .newsletter-strip{padding:28px 0}
  .newsletter-inner{flex-direction:column;text-align:center}
  .newsletter-form{justify-content:center}
  .newsletter-form input{width:100%;max-width:320px}
  .newsletter-form button{width:100%;max-width:320px}
}
@media(max-width:600px){.post-content{padding:22px 14px}.blog-grid{grid-template-columns:1fr}.bpc-real-img{height:150px}}
@media(min-width:600px) and (max-width:1023px){.blog-grid{grid-template-columns:repeat(2,1fr)}}