/* ================================================================
   BNS Healthcare — Blog Page Styles
   Page-specific CSS only. Requires global.css
   ================================================================ */

.page-hero{padding:140px 70px 80px;background:radial-gradient(circle at top,rgba(212,146,126,.18),transparent 42%),linear-gradient(180deg,var(--ivory) 0%,#fff8f4 100%);text-align:center;position:relative;overflow:hidden;}

/* FEATURED ARTICLE */
.featured-sec{padding:60px 70px;background:var(--white);}

.featured-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center;}

.feat-thumb{height:400px;background:linear-gradient(160deg,var(--rose-pale) 0%,var(--ivory3) 50%,var(--rose-ultra) 100%);border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:80px;position:relative;overflow:hidden;}

.feat-thumb::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(58,46,40,.15));}

.feat-cat{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--rose);background:var(--rose-ultra);padding:6px 14px;border-radius:20px;border:1px solid rgba(184,112,90,.15);margin-bottom:18px;}

.feat-title{font-family:'Playfair Display',serif;font-size:clamp(24px,2.8vw,34px);font-weight:500;color:var(--text);line-height:1.2;margin-bottom:16px;}

.feat-excerpt{font-size:14px;color:var(--text-mid);line-height:1.85;font-weight:300;margin-bottom:24px;}

.feat-meta{display:flex;align-items:center;gap:16px;margin-bottom:28px;}

.feat-av{width:38px;height:38px;border-radius:50%;background:var(--rose-pale);display:flex;align-items:center;justify-content:center;font-family:'Dancing Script',cursive;font-size:18px;font-weight:700;color:var(--rose);}

.feat-author{font-size:13px;font-weight:500;color:var(--text);}

.feat-date{font-size:12px;color:var(--text-light);margin-top:1px;}

.feat-sep{width:1px;height:30px;background:var(--border);}

.feat-read{font-size:12px;color:var(--text-light);}

.read-more{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--rose);text-decoration:none;transition:gap .2s;}

.read-more:hover{gap:16px;color:var(--brown);}

/* CATEGORY TABS */
.cat-bar{background:#f8eee8;padding:24px 70px;border-top:1px solid rgba(184,112,90,.12);border-bottom:1px solid rgba(184,112,90,.12);}

.cat-inner{display:flex;gap:10px;flex-wrap:wrap;max-width:1200px;margin:0 auto;}

.ctag{padding:9px 20px;border-radius:30px;border:1.5px solid var(--border);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-mid);cursor:pointer;background:var(--white);transition:all .25s;}

.ctag.on,.ctag:hover{background:var(--rose);color:var(--white);border-color:var(--rose);}

/* BLOG GRID */
.blog-sec{padding:80px 70px;background:linear-gradient(180deg,#fcf6f2 0%,var(--ivory2) 100%);}

.blog-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:start;}

.blog-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;}

.blog-card{background:var(--white);border-radius:20px;overflow:hidden;border:1px solid rgba(184,112,90,.12);transition:all .35s;display:none;box-shadow:0 12px 30px rgba(111,76,61,.05);}

.blog-card.show{display:flex;flex-direction:column;}

.blog-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(90,50,35,.1);}

.bc-thumb{height:180px;display:flex;align-items:center;justify-content:center;font-size:44px;position:relative;overflow:hidden;}

.bc-thumb-1{background:linear-gradient(135deg,var(--rose-pale),var(--ivory3));}

.bc-thumb-2{background:linear-gradient(135deg,var(--ivory3),var(--rose-ultra));}

.bc-thumb-3{background:linear-gradient(135deg,var(--rose-ultra),var(--rose-pale));}

.bc-thumb-4{background:linear-gradient(135deg,var(--ivory2),var(--ivory3));}

.bc-badge{position:absolute;top:12px;left:12px;background:var(--rose);color:var(--white);font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:5px 12px;border-radius:20px;}

.bc-body{padding:22px 22px 26px;display:flex;flex-direction:column;flex:1;}

.bc-cat{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--rose);margin-bottom:8px;}

.bc-title{font-family:'Playfair Display',serif;font-size:16px;font-weight:500;color:var(--text);line-height:1.3;margin-bottom:10px;flex:1;}

.bc-excerpt{font-size:12px;color:var(--text-mid);line-height:1.7;font-weight:300;margin-bottom:16px;}

.bc-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border);}

.bc-meta{font-size:11px;color:var(--text-light);}

.bc-link{font-size:11px;font-weight:600;letter-spacing:1px;color:var(--rose);text-decoration:none;transition:color .2s;}

.bc-link:hover{color:var(--brown);}

/* SIDEBAR */
.blog-sidebar{display:flex;flex-direction:column;gap:28px;position:sticky;top:100px;}

.sidebar-widget{background:var(--white);border-radius:20px;padding:28px 24px;border:1px solid rgba(184,112,90,.12);box-shadow:0 14px 36px rgba(111,76,61,.05);}

.sw-title{font-family:'Dancing Script',cursive;font-size:26px;font-weight:600;color:var(--rose);margin-bottom:16px;}

.sw-rule{width:40px;height:1.5px;background:var(--rose-light);margin-bottom:18px;opacity:.5;}

.popular-list{display:flex;flex-direction:column;gap:16px;}

.pop-item{display:flex;gap:14px;align-items:flex-start;cursor:pointer;transition:all .2s;text-decoration:none;color:inherit;}

.pop-item:hover .pop-title{color:var(--rose);}

.pop-num{font-family:'Playfair Display',serif;font-size:22px;font-weight:400;font-style:italic;color:var(--rose-pale);flex-shrink:0;line-height:1;min-width:22px;}

.pop-title{font-size:13px;font-weight:500;color:var(--text);line-height:1.5;transition:color .2s;}

.pop-cat{font-size:11px;color:var(--text-light);margin-top:2px;}

.cat-list{display:flex;flex-direction:column;gap:10px;}

.cat-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:color .2s;}

.cat-row:last-child{border-bottom:none;}

.cat-row:hover{color:var(--rose);}

.cat-row span{font-size:13px;font-weight:400;}

.cat-count{font-size:11px;color:var(--text-light);background:var(--ivory2);padding:3px 10px;border-radius:20px;}

/* NEWSLETTER */
.newsletter-sec{padding:80px 70px;background:linear-gradient(135deg,var(--rose) 0%,#a85f4a 100%);}

.newsletter-inner{max-width:700px;margin:0 auto;text-align:center;}

.nl-script{font-family:'Dancing Script',cursive;font-size:48px;font-weight:600;color:rgba(255,255,255,.9);margin-bottom:8px;}

.nl-title{font-family:'Playfair Display',serif;font-size:clamp(22px,2.5vw,30px);font-weight:400;color:var(--white);margin-bottom:14px;}

.nl-desc{font-size:14px;color:rgba(255,255,255,.75);line-height:1.8;font-weight:300;margin-bottom:36px;}

.nl-form{display:flex;gap:12px;max-width:480px;margin:0 auto;}

.nl-input{flex:1;border:none;border-radius:50px;padding:15px 22px;font-family:'Raleway',sans-serif;font-size:14px;color:var(--text);outline:none;background:var(--white);}

.nl-btn{background:var(--brown);color:var(--white);border:none;border-radius:50px;padding:14px 28px;font-family:'Raleway',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s;flex-shrink:0;white-space:nowrap;}

.nl-btn:hover{background:var(--text);}

.nl-note{font-size:11px;color:rgba(255,255,255,.5);margin-top:14px;}

@media(max-width:1100px){
  nav,footer,.page-hero,.featured-sec,.cat-bar,.blog-sec,.newsletter-sec{padding-left:30px;padding-right:30px;}
  .featured-inner{grid-template-columns:1fr;}
  .feat-thumb{height:280px;}
  .blog-layout{grid-template-columns:1fr;}
  .blog-sidebar{position:static;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}

@media(max-width:680px){
  .blog-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .nav-links{display:none;}
  .hamburger{display:flex;}
  .nl-form{flex-direction:column;}
  .footer-bot{flex-direction:column;gap:10px;}
}

/* Blog article images */
.blog-img-1{background:url('https://images.unsplash.com/photo-1522337360788-8b13dee7a37e?w=600&q=80') center/cover!important;}

.blog-img-2{background:url('https://images.unsplash.com/photo-1487412947147-5cebf100ffc2?w=600&q=80') center/cover!important;}

.blog-img-3{background:url('https://images.unsplash.com/photo-1560066984-138daaa7a44b?w=600&q=80') center/cover!important;}

/* Sidebar category filter buttons */
.cat-list { display: flex; flex-direction: column; gap: 2px; }
.cat-list .cat-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 12px; border-radius: 10px; cursor: pointer;
  background: none; border: none; width: 100%;
  font-family: 'Raleway', sans-serif; font-size: 13px;
  color: var(--text-mid); transition: all .2s; text-align: left;
}
.cat-list .cat-row:hover,
.cat-list .cat-row.on {
  background: var(--rose-ultra); color: var(--rose);
}
.cat-list .cat-row.on .cat-count { background: var(--rose); color: var(--white); }

.bc-read-link {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 11px; font-weight: 700; letter-spacing: 1.5px;
  text-transform: uppercase; color: var(--rose); text-decoration: none;
  margin-bottom: 12px; transition: gap .2s;
}
.bc-read-link:hover { gap: 10px; color: var(--brown); }

.consult-widget{background:linear-gradient(180deg,var(--rose-ultra) 0%,#fff3ec 100%);border-color:rgba(184,112,90,.22);}
.consult-copy{font-size:13px;color:var(--text-mid);line-height:1.75;font-weight:300;margin-bottom:18px;}
.consult-link{display:block;text-align:center;background:var(--rose);color:var(--white);border-radius:30px;padding:13px 20px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:background .3s;}
.consult-link:hover{background:var(--brown);}