/* HCMC Dental — Hub Pages System | inc/hub-pages.css */
:root{--hub-green:#16a34a;--hub-green-dark:#14532d;--hub-orange:#f29221;--hub-navy:#1e293b;--hub-slate:#0f172a;--hub-muted:#475569;--hub-border:#e2e8f0;--hub-light:#f8fafc;--hub-green-tint:#f0fdf4;--hub-white:#fff;--hub-radius:16px;--hub-max-w:1200px;--hub-font-head:var(--hcmc-font-heading,'Plus Jakarta Sans','Inter',system-ui,sans-serif);--hub-font-body:var(--hcmc-font-body,'Inter',system-ui,-apple-system,sans-serif)}
.hcmc-hub-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ── Full-width breakout (stays inside Astra DOM, expands visually) ── */

/* ── Archive/Category Hero ── */
.hcmc-hub-hero{background:linear-gradient(180deg,#f0fdf4 0%,#fff 70%);padding:clamp(24px,4vw,40px) 0;border-bottom:1px solid var(--hub-border);margin-bottom:clamp(20px,3vw,28px);text-align:center}
.hcmc-hub-hero--search{background:linear-gradient(135deg,var(--hub-navy) 0%,var(--hub-slate) 100%);border-bottom:none}
.hcmc-hub-hero--author{background:linear-gradient(135deg,var(--hub-navy) 0%,#0f172a 100%);padding:clamp(48px,7vw,88px) 0;border-bottom:none}
.hcmc-hub-hero--404{background:var(--hub-light);padding:clamp(48px,7vw,96px) 0;text-align:center;border-bottom:1px solid var(--hub-border)}
.hcmc-hub-hero__inner{max-width:720px;margin:0 auto;padding:0 20px}
.hcmc-hub-hero__label{display:inline-block;font-family:var(--hub-font-body);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--hub-green);margin-bottom:12px}
.hcmc-hub-hero--search .hcmc-hub-hero__label,.hcmc-hub-hero--author .hcmc-hub-hero__label{color:#86efac}
.hcmc-hub-hero__title{font-family:var(--hub-font-head);font-size:clamp(1.875rem,4vw,2.75rem);font-weight:800;color:var(--hub-slate);line-height:1.15;letter-spacing:-.025em;margin:0 0 8px}
.hcmc-hub-hero--search .hcmc-hub-hero__title,.hcmc-hub-hero--author .hcmc-hub-hero__title{color:#fff}
.hcmc-hub-hero__desc{font-family:var(--hub-font-body);font-size:clamp(1rem,1.5vw,1.125rem);color:var(--hub-muted);line-height:1.65;margin:0 0 16px}
.hcmc-hub-hero--search .hcmc-hub-hero__desc,.hcmc-hub-hero--author .hcmc-hub-hero__desc{color:#94a3b8}

/* ── E-E-A-T Trust Badge ── */
.hcmc-hub-eeat{display:inline-flex;align-items:center;gap:10px;background:var(--hub-green-tint);border:1px solid #bbf7d0;padding:8px 18px 8px 8px;border-radius:50px;font-family:var(--hub-font-body);font-size:.8125rem;color:#166534;font-weight:500;text-decoration:none;transition:box-shadow .2s,transform .2s}
.hcmc-hub-eeat:hover{box-shadow:0 4px 12px rgba(22,101,52,.15);transform:translateY(-1px);color:#166534;text-decoration:none}
.hcmc-hub-eeat__avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 2px var(--hub-orange);flex-shrink:0}
.hcmc-hub-eeat strong{font-weight:700;color:var(--hub-green-dark)}
.hcmc-hub-hero__stats{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:16px;flex-wrap:wrap}
.hcmc-hub-hero__stat{display:flex;align-items:center;gap:6px;font-family:var(--hub-font-body);font-size:.8125rem;color:var(--hub-muted);font-weight:500}
.hcmc-hub-hero__stat svg{color:var(--hub-green)}

/* ── Search Box ── */
.hcmc-hub-search-form{display:flex;max-width:520px;margin:0 auto;background:#fff;border-radius:50px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.12)}
.hcmc-hub-search-form input{flex:1;border:none;outline:none;padding:14px 20px;font-family:var(--hub-font-body);font-size:1rem;color:var(--hub-slate);background:transparent}
.hcmc-hub-search-form button{background:var(--hub-green);color:#fff;border:none;padding:14px 22px;cursor:pointer;transition:background .2s;font-size:.875rem;font-weight:700}
.hcmc-hub-search-form button:hover{background:var(--hub-green-dark)}

/* ── Pillar Content Card ── */
.hcmc-hub-pillar{background:#fff;border:1px solid var(--hub-border);border-radius:var(--hub-radius);overflow:hidden;margin-bottom:clamp(24px,3vw,40px);box-shadow:0 2px 16px rgba(15,23,42,.06);display:grid;grid-template-columns:1fr 1fr}
.hcmc-hub-pillar:hover{box-shadow:0 8px 32px rgba(15,23,42,.1)}
.hcmc-hub-pillar__thumb{position:relative;min-height:240px;background:linear-gradient(135deg,var(--hub-green-dark),var(--hub-green));overflow:hidden}
.hcmc-hub-pillar__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.hcmc-hub-pillar__badge{position:absolute;top:12px;left:12px;background:var(--hub-orange);color:#fff;font-size:.75rem;font-weight:800;padding:5px 12px;border-radius:20px;letter-spacing:.05em;display:flex;align-items:center;gap:5px}
.hcmc-hub-pillar__content{padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;justify-content:center}
.hcmc-hub-pillar__cat{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--hub-green);margin-bottom:12px}
.hcmc-hub-pillar__title{font-family:var(--hub-font-head);font-size:clamp(1.25rem,2vw,1.625rem);font-weight:700;color:var(--hub-slate);line-height:1.3;margin:0 0 14px;text-decoration:none}
.hcmc-hub-pillar__title:hover{color:var(--hub-green)}
.hcmc-hub-pillar__excerpt{font-size:.9375rem;color:var(--hub-muted);line-height:1.65;margin-bottom:24px;flex-grow:1}
.hcmc-hub-pillar__meta{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--hub-muted);margin-bottom:20px}
.hcmc-hub-pillar__cta{display:inline-flex;align-items:center;gap:8px;background:var(--hub-green);color:#fff;padding:12px 24px;border-radius:50px;font-weight:700;font-size:.9rem;text-decoration:none;transition:background .2s,transform .2s;align-self:flex-start}
.hcmc-hub-pillar__cta:hover{background:var(--hub-green-dark);transform:translateY(-2px);color:#fff;text-decoration:none}

/* ── Grid Layout ── */
.hcmc-hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,2.5vw,32px);margin-bottom:clamp(32px,4vw,48px)}

/* ── Post Card ── */
.hcmc-hub-card{display:flex;flex-direction:column;background:var(--hub-white);border:1px solid var(--hub-border);border-radius:var(--hub-radius);overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;text-decoration:none;height:100%;width:auto!important;margin:0!important;float:none!important}
.hcmc-hub-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(15,23,42,.1);border-color:#cbd5e1}
.hcmc-hub-card-thumb{position:relative;width:100%;padding-top:56.25%;background:linear-gradient(135deg,var(--hub-green-dark) 0%,var(--hub-green) 100%);overflow:hidden}
.hcmc-hub-card-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s;display:block}
.hcmc-hub-card:hover .hcmc-hub-card-thumb img{transform:scale(1.05)}
.hcmc-hub-card-thumb__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--hub-green-dark) 0%,var(--hub-green) 100%)}
.hcmc-hub-card-thumb__placeholder svg{width:56px;height:56px;opacity:.7}
.hcmc-hub-card-cat{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.95);color:var(--hub-green-dark);font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.08);text-transform:uppercase;letter-spacing:.06em;z-index:2}
.hcmc-hub-card-content{padding:clamp(18px,2.5vw,24px);flex-grow:1;display:flex;flex-direction:column}
.hcmc-hub-card-title{font-family:var(--hub-font-head);font-size:1.0625rem;font-weight:700;color:var(--hub-slate);margin:0 0 10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}
.hcmc-hub-card:hover .hcmc-hub-card-title{color:var(--hub-green)}
.hcmc-hub-card-excerpt{font-size:.9rem;color:var(--hub-muted);line-height:1.6;margin-bottom:16px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hcmc-hub-card-meta{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--hub-border);font-size:.8rem;color:#64748b;margin-top:auto}
.hcmc-hub-card-meta__item{display:flex;align-items:center;gap:4px}
.hcmc-hub-card-meta__item svg{width:13px;height:13px;flex-shrink:0}

/* ── In-Feed CTA ── */
.hcmc-hub-infeed-cta{grid-column:1/-1;background:linear-gradient(135deg,var(--hub-green-dark) 0%,var(--hub-green) 100%);border-radius:var(--hub-radius);padding:clamp(28px,4vw,44px);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(20,83,45,.25)}
.hcmc-hub-infeed-cta::before{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 70%);border-radius:50%;pointer-events:none}
.hcmc-hub-infeed-cta__text{flex:1;min-width:0}
.hcmc-hub-infeed-cta__title{font-family:var(--hub-font-head);font-size:clamp(1.125rem,2vw,1.5rem);font-weight:700;margin:0 0 8px;line-height:1.3}
.hcmc-hub-infeed-cta__sub{font-size:.9375rem;opacity:.88;margin:0;line-height:1.5}
.hcmc-hub-infeed-cta__actions{display:flex;gap:12px;flex-shrink:0;flex-wrap:wrap}
.hcmc-hub-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:50px;font-weight:700;font-size:.875rem;text-decoration:none;transition:transform .2s,box-shadow .2s;white-space:nowrap}
.hcmc-hub-cta-btn--white{background:#fff;color:var(--hub-green-dark)}
.hcmc-hub-cta-btn--white:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.15);color:var(--hub-green-dark);text-decoration:none}
.hcmc-hub-cta-btn--outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6)}
.hcmc-hub-cta-btn--outline:hover{background:rgba(255,255,255,.12);border-color:#fff;transform:translateY(-2px);color:#fff;text-decoration:none}

/* ── CTA Strip (shared – 404, search, author) ── */
.hcmc-hub-cta-strip{background:linear-gradient(135deg,var(--hub-green-dark),var(--hub-green));padding:clamp(32px,4vw,52px) 0;text-align:center;color:#fff;margin-top:clamp(40px,5vw,64px)}
.hcmc-hub-cta-strip__inner{max-width:580px;margin:0 auto;padding:0 20px}
.hcmc-hub-cta-strip__title{font-family:var(--hub-font-head);font-size:clamp(1.375rem,2.5vw,1.875rem);font-weight:800;margin:0 0 12px}
.hcmc-hub-cta-strip__sub{font-size:1rem;opacity:.9;margin:0 0 28px;line-height:1.6}
.hcmc-hub-cta-strip__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ── Pagination ── */
.hcmc-hub-pagination{margin:clamp(32px,4vw,48px) 0 0}
.hcmc-hub-pagination .nav-links{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}
.hcmc-hub-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;font-family:var(--hub-font-body);font-size:.875rem;font-weight:600;color:var(--hub-slate);background:#fff;border:1px solid var(--hub-border);text-decoration:none;transition:all .2s}
.hcmc-hub-pagination .page-numbers:hover,.hcmc-hub-pagination .page-numbers.current{background:var(--hub-green);color:#fff;border-color:var(--hub-green)}
.hcmc-hub-pagination .page-numbers.dots{background:transparent;border:none;width:auto;cursor:default}
.hcmc-hub-pagination a.prev,.hcmc-hub-pagination a.next{width:auto;padding:0 16px;gap:6px}

/* ── Related Categories ── */
.hcmc-hub-related{margin-top:clamp(40px,5vw,64px);padding-top:clamp(28px,3vw,40px);border-top:1px solid var(--hub-border)}
.hcmc-hub-related__label{font-family:var(--hub-font-body);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--hub-muted);margin-bottom:14px}
.hcmc-hub-related__chips{display:flex;flex-wrap:wrap;gap:10px}
.hcmc-hub-related__chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--hub-light);border:1px solid var(--hub-border);border-radius:50px;font-family:var(--hub-font-body);font-size:.875rem;color:var(--hub-slate);font-weight:500;text-decoration:none;transition:all .2s}
.hcmc-hub-related__chip:hover{background:var(--hub-green-tint);border-color:#bbf7d0;color:var(--hub-green-dark);text-decoration:none}
.hcmc-hub-related__chip-count{font-size:.75rem;color:var(--hub-muted)}

/* ── No Posts ── */
.hcmc-hub-empty{text-align:center;padding:clamp(48px,6vw,80px) 20px}
.hcmc-hub-empty__icon{width:64px;height:64px;margin:0 auto 20px;color:#cbd5e1}
.hcmc-hub-empty__title{font-family:var(--hub-font-head);font-size:1.375rem;font-weight:700;color:var(--hub-slate);margin:0 0 12px}
.hcmc-hub-empty__sub{color:var(--hub-muted);font-size:1rem;margin:0 0 28px}

/* ── Search Results Count ── */
.hcmc-hub-search-count{font-family:var(--hub-font-body);font-size:.9rem;color:#94a3b8;margin-top:12px}
.hcmc-hub-search-count strong{color:var(--hub-orange)}
mark{background:rgba(242,146,33,.25);color:var(--hub-slate);border-radius:3px;padding:0 3px}

/* ── 404 Page ── */
.hcmc-hub-404-icon{width:80px;height:80px;margin:0 auto 24px;color:var(--hub-green);opacity:.7}
.hcmc-hub-404-links{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,32px);margin-top:clamp(40px,5vw,60px)}
.hcmc-hub-404-col__heading{font-family:var(--hub-font-head);font-size:1rem;font-weight:700;color:var(--hub-slate);margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid var(--hub-green)}
.hcmc-hub-404-col__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.hcmc-hub-404-col__list a{display:flex;align-items:center;gap:8px;font-size:.9375rem;color:var(--hub-slate);text-decoration:none;transition:color .2s}
.hcmc-hub-404-col__list a:hover{color:var(--hub-green);text-decoration:none}
.hcmc-hub-404-col__list a::before{content:'→';color:var(--hub-green);font-size:.875rem;flex-shrink:0}

/* ── Author Hero ── */
.hcmc-hub-author-hero__inner{display:flex;align-items:center;gap:clamp(24px,4vw,56px);max-width:var(--hub-max-w);margin:0 auto;padding:0 clamp(20px,3vw,40px);text-align:left}
.hcmc-hub-author-avatar-wrap{position:relative;flex-shrink:0}
.hcmc-hub-author-avatar{width:clamp(96px,12vw,140px);height:clamp(96px,12vw,140px);border-radius:50%;object-fit:cover;border:4px solid var(--hub-orange);box-shadow:0 0 0 4px rgba(242,146,33,.25),0 8px 32px rgba(0,0,0,.3)}
.hcmc-hub-author-online{position:absolute;bottom:6px;right:6px;width:18px;height:18px;background:#22c55e;border-radius:50%;border:3px solid var(--hub-navy)}
.hcmc-hub-author-info{flex:1;min-width:0}
.hcmc-hub-author-name{font-family:var(--hub-font-head);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;color:#fff;margin:0 0 6px}
.hcmc-hub-author-name span{color:var(--hub-orange)}
.hcmc-hub-author-title{font-size:clamp(.9375rem,1.5vw,1.0625rem);color:#94a3b8;margin:0 0 20px}
.hcmc-hub-author-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.hcmc-hub-author-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#e2e8f0;font-size:.8125rem;font-weight:600;padding:6px 14px;border-radius:50px}
.hcmc-hub-author-badge svg{width:14px;height:14px;color:var(--hub-orange);flex-shrink:0}
.hcmc-hub-author-actions{display:flex;gap:12px;flex-wrap:wrap}

/* ── Author Expertise Grid ── */
.hcmc-hub-expertise{margin:clamp(32px,4vw,52px) 0}
.hcmc-hub-expertise__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px)}
.hcmc-hub-expertise__card{background:#fff;border:1px solid var(--hub-border);border-radius:var(--hub-radius);padding:clamp(18px,2.5vw,28px);text-align:center;transition:transform .2s,box-shadow .2s}
.hcmc-hub-expertise__card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(15,23,42,.08)}
.hcmc-hub-expertise__icon{width:48px;height:48px;border-radius:12px;background:var(--hub-green-tint);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:1.5rem}
.hcmc-hub-expertise__title{font-family:var(--hub-font-head);font-size:.9375rem;font-weight:700;color:var(--hub-slate);margin:0 0 6px}
.hcmc-hub-expertise__sub{font-size:.8125rem;color:var(--hub-muted);line-height:1.5;margin:0}

/* ── Author About Link ── */
.hcmc-hub-author-about-link{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;color:var(--hub-green);font-weight:600;text-decoration:none;margin-bottom:32px;transition:gap .2s}
.hcmc-hub-author-about-link:hover{gap:10px;color:var(--hub-green-dark);text-decoration:none}

/* ── Section headings ── */
.hcmc-hub-section-head{margin-bottom:clamp(20px,2.5vw,32px)}
.hcmc-hub-section-head__title{font-family:var(--hub-font-head);font-size:clamp(1.25rem,2vw,1.625rem);font-weight:700;color:var(--hub-slate);margin:0 0 4px}
.hcmc-hub-section-head__sub{font-size:.9rem;color:var(--hub-muted);margin:0}

/* ── Responsive ── */
@media(max-width:1024px){
  .hcmc-hub-grid{grid-template-columns:repeat(2,1fr)}
  .hcmc-hub-expertise__grid{grid-template-columns:repeat(3,1fr)}
  .hcmc-hub-pillar{grid-template-columns:1fr}
}
@media(max-width:768px){
  .hcmc-hub-grid{grid-template-columns:1fr;gap:20px}
  .hcmc-hub-infeed-cta{flex-direction:column;text-align:center}
  .hcmc-hub-infeed-cta__actions{justify-content:center}
  .hcmc-hub-pillar{grid-template-columns:1fr}
  .hcmc-hub-pillar__thumb{min-height:200px}
  .hcmc-hub-expertise__grid{grid-template-columns:repeat(2,1fr)}
  .hcmc-hub-404-links{grid-template-columns:1fr}
  .hcmc-hub-author-hero__inner{flex-direction:column;text-align:center}
  .hcmc-hub-author-badges{justify-content:center}
  .hcmc-hub-author-actions{justify-content:center}
  .hcmc-hub-pagination .page-numbers{width:36px;height:36px}
}
@media(max-width:480px){
  .hcmc-hub-expertise__grid{grid-template-columns:1fr 1fr}
}

/* ── FIX: Contained layout (matches footer/menu max-width 1260px) ── */
/* Remove breakout — hero/CTA are cards within the Astra container */

.hcmc-hub-hero {
  border-radius: var(--hub-radius);
  overflow: hidden;
  margin-bottom: clamp(20px, 3vw, 28px);
}
.hcmc-hub-hero--archive {
  border: 1px solid #d1fae5;
}
.hcmc-hub-hero--search {
  border: none;
}
.hcmc-hub-hero--author {
  border: none;
}
.hcmc-hub-hero--404 {
  border: 1px solid var(--hub-border);
}

/* CTA Strip — card style within container */
.hcmc-hub-cta-strip {
  border-radius: var(--hub-radius);
  overflow: hidden;
}

/* In-feed CTA — already has border-radius, just remove grid-column trick */
.hcmc-hub-infeed-cta {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Ensure nothing overflows container */
#primary .hcmc-hub-hero,
#primary .hcmc-hub-cta-strip {
  max-width: 100%;
  box-sizing: border-box;
}

/* @480px — remove negative margins from earlier breakout remnants */
@media(max-width:480px) {
  .hcmc-hub-breakout { margin-left: 0; margin-right: 0; }
}

/* ── CORE WIDTH FIX: Constrain hub content to match footer/menu width ── */
.hcmc-hub-primary {
  max-width: 1240px !important;
  margin-left:  auto !important;
  margin-right: auto !important;
  padding-left:  20px !important;
  padding-right: 20px !important;
  box-sizing: border-box;
  width: 100% !important;
}
/* Override any Astra grid/width rules on #primary for our hub pages */
#primary.hcmc-hub-primary {
  float: none !important;
  width: 100% !important;
}

/* ── LAYOUT 2 COLUMNS (MAIN + SIDEBAR) ── */
.hcmc-blog-layout {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: clamp(30px, 4vw, 48px);
  align-items: start;
}
@media(max-width:1024px){
  .hcmc-blog-layout {
    grid-template-columns: 1fr;
  }
}

/* ── STICKY SIDEBAR ── */
.hcmc-blog-sidebar {
  position: sticky;
  top: 100px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media(max-width:1024px){
  .hcmc-blog-sidebar { position: static; margin-top: 40px; }
}

/* Sidebar Widgets */
.hcmc-widget {
  background: #fff;
  border: 1px solid var(--hub-border);
  border-radius: var(--hub-radius);
  padding: 24px;
  box-shadow: 0 4px 12px rgba(15,23,42,.03);
}
.hcmc-widget__title {
  font-family: var(--hub-font-head);
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--hub-slate);
  margin: 0 0 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.hcmc-widget__title svg { color: var(--hub-green); }

/* Widget: Author Box */
.hcmc-widget-author { text-align: center; }
.hcmc-widget-author__avatar {
  width: 80px; height: 80px; border-radius: 50%;
  border: 3px solid #fff; box-shadow: 0 0 0 3px var(--hub-orange);
  margin: 0 auto 16px; object-fit: cover;
}
.hcmc-widget-author__name { font-family: var(--hub-font-head); font-weight: 800; font-size: 1.125rem; margin: 0 0 4px; color: var(--hub-slate); }
.hcmc-widget-author__role { font-size: .875rem; color: var(--hub-muted); margin: 0 0 16px; }
.hcmc-widget-author__trust { font-size: .8125rem; text-align: left; background: var(--hub-light); padding: 12px; border-radius: 8px; margin-bottom: 16px; }
.hcmc-widget-author__trust-item { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; color: var(--hub-muted); }
.hcmc-widget-author__trust-item:last-child { margin-bottom: 0; }
.hcmc-widget-author__trust-item svg { color: #22c55e; flex-shrink: 0; }
.hcmc-widget-author .hcmc-hub-cta-btn { width: 100%; justify-content: center; }

/* Widget: Popular Guides */
.hcmc-widget-popular { display: flex; flex-direction: column; gap: 16px; }
.hcmc-popular-item { display: flex; gap: 12px; text-decoration: none; align-items: center; }
.hcmc-popular-item__thumb { width: 64px; height: 64px; border-radius: 8px; object-fit: cover; flex-shrink: 0; background: var(--hub-green-tint); }
.hcmc-popular-item__info { flex: 1; min-width: 0; }
.hcmc-popular-item__title { font-family: var(--hub-font-head); font-size: .875rem; font-weight: 700; color: var(--hub-slate); line-height: 1.4; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color .2s; }
.hcmc-popular-item:hover .hcmc-popular-item__title { color: var(--hub-green); }

/* Widget: CTA Box */
.hcmc-widget-cta {
  background: linear-gradient(135deg, var(--hub-orange) 0%, #d97706 100%);
  color: #fff; text-align: center; border: none;
}
.hcmc-widget-cta .hcmc-widget__title { color: #fff; justify-content: center; margin-bottom: 8px; }
.hcmc-widget-cta .hcmc-widget__title svg { color: #fff; }
.hcmc-widget-cta p { font-size: .9375rem; opacity: .9; margin: 0 0 20px; line-height: 1.5; }
.hcmc-widget-cta .hcmc-hub-cta-btn { background: #fff; color: #d97706; width: 100%; justify-content: center; }
.hcmc-widget-cta .hcmc-hub-cta-btn:hover { background: var(--hub-slate); color: #fff; }

/* Widget: Categories */
.hcmc-widget-cats { list-style: none; margin: 0; padding: 0; }
.hcmc-widget-cats li { margin-bottom: 8px; }
.hcmc-widget-cats li:last-child { margin-bottom: 0; }
.hcmc-widget-cats a {
  display: flex; justify-content: space-between; align-items: center;
  padding: 10px 14px; background: var(--hub-light); border-radius: 8px;
  font-size: .875rem; font-weight: 600; color: var(--hub-slate); text-decoration: none;
  transition: all .2s;
}
.hcmc-widget-cats a:hover, .hcmc-widget-cats a.active { background: var(--hub-green-tint); color: var(--hub-green-dark); }
.hcmc-widget-cats span { font-size: .75rem; color: var(--hub-muted); background: #fff; padding: 2px 6px; border-radius: 20px; }

/* ── CATEGORY FILTER TABS ── */
.hcmc-cat-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: clamp(24px, 3vw, 32px); }
.hcmc-cat-tab {
  display: inline-flex; align-items: center; padding: 10px 20px;
  border-radius: 50px; background: var(--hub-white); border: 1.5px solid var(--hub-border);
  font-family: var(--hub-font-body); font-size: .875rem; font-weight: 600; color: var(--hub-slate);
  text-decoration: none; transition: all .2s; box-shadow: 0 2px 8px rgba(0,0,0,.02);
}
.hcmc-cat-tab:hover { border-color: #cbd5e1; box-shadow: 0 4px 12px rgba(0,0,0,.05); transform: translateY(-1px); color: var(--hub-slate); }
.hcmc-cat-tab.active { background: var(--hub-green); border-color: var(--hub-green); color: #fff; }