/* =========================================================
   Gematrinator Blog (Dark / JNews-ish)
   Targets: index-template.php wrapper .blog-archive-update
   ========================================================= */

.blog-archive-update{
  /* Theme tokens */
  --bg: #0b0d10;
  --panel: rgba(255,255,255,.04);
  --panel-2: rgba(255,255,255,.06);
  --border: rgba(255,255,255,.10);
  --border-2: rgba(255,255,255,.16);

  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.68);

  --chip: rgba(255,255,255,.10);
  --chip-hover: rgba(255,255,255,.16);

  --radius: 18px;
  --gap: 22px;

  --shadow: 0 12px 30px rgba(0,0,0,.35);
  --shadow-hover: 0 18px 46px rgba(0,0,0,.55);

  --accent: #5aa7ff; /* optional: matches your blue vibe */
}

.blog-archive-update .blog-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: var(--gap);
}

@media (max-width: 992px){
  .blog-archive-update .blog-grid{
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   Card
   ========================================================= */
.blog-archive-update .post-card{
  background: linear-gradient(180deg, var(--panel) 0%, rgba(255,255,255,.03) 100%);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: none;
  transform: translateY(0);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  position: relative;
}

/* subtle “sheen” */
.blog-archive-update .post-card::before{
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(900px 240px at 20% 0%, rgba(90,167,255,.10), transparent 55%);
  opacity: .6;
  pointer-events: none;
}


/* Thumb */
.blog-archive-update .post-card__thumb{
  display:block;
  position: relative;
  overflow: hidden;
  background: rgba(255,255,255,.03);
}

/* fixed thumb height for clean grid */
.blog-archive-update .post-card__thumb img{
  width: 100%;
  height: 240px;
  object-fit: cover;
  display:block;
  transform: scale(1);
  transition: transform .45s ease;
}

@media (max-width: 992px){
  .blog-archive-update .post-card__thumb img{
    height: 220px;
  }
}

/* image overlay gradient (JNews feel) */
.blog-archive-update .post-card__thumb::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.00) 35%, rgba(0,0,0,.55) 100%);
  opacity: .85;
  pointer-events:none;
}

/* Body */
.blog-archive-update .post-card__body{
  padding: 16px 18px 18px;
}

/* Kicker row */
.blog-archive-update .post-card__kicker{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom: 10px;
}

/* Category pill */
.blog-archive-update .post-card__cat{
  display:inline-flex;
  align-items:center;
  padding: 7px 11px;
  border-radius: 999px;
  background: var(--chip);
  border: 1px solid rgba(255,255,255,.10);
  color: var(--text);
  text-decoration:none;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .02em;
  transition: background .18s ease, border-color .18s ease;
}


/* Meta */
.blog-archive-update .post-card__meta, 
.blog-archive-update .post-card__meta a{
  font-size: 12px;
  color: orange;
  font-weight: bold;
}
.blog-archive-update .post-card__meta a:hover{
    color: #1862cf;
}

/* Title */
.blog-archive-update .post-card__title{
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.22;
  letter-spacing: -0.02em;
}

.blog-archive-update .post-card__title a{
  color: var(--text);
  text-decoration: none;
}

/* Excerpt */
.blog-archive-update .post-card__excerpt{
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: var(--muted);
}

/* Make sidebar widgets match vibe (optional) */
.blog-archive-update ~ .col-sm-3 .widget,
.col-sm-3 .widget{
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  padding: 14px;
}

.col-sm-3 .widget-title{
  color: var(--text);
  letter-spacing: .02em;
}

/* Accent underline animation on titles */
.blog-archive-update .post-card__title a,
.blog-archive-update .post-hero__title a{
  position: relative;
  font-size: 14px;
}

.blog-archive-update .post-card__title a::after,
.blog-archive-update .post-hero__title a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width: 0%;
  height: 2px;
  background: linear-gradient(90deg, rgba(90,167,255,.0), rgba(90,167,255,.95), rgba(90,167,255,.0));
  transition: width .22s ease;
  opacity: .9;
}

/* Make category chips feel more “news” */
.blog-archive-update .post-card__cat,
.blog-archive-update .post-hero__cat{
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* Optional: make the date slightly spaced out */
.blog-archive-update .post-card__meta,
.blog-archive-update .post-hero__meta{
  letter-spacing: .02em;
}

/* =========================
   PHASE 2D: Sidebar polish
   ========================= */

.col-sm-3 .widget{
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  padding: 14px 14px 10px;
  box-shadow: 0 14px 40px rgba(0,0,0,.32);
}

.col-sm-3 .widget-title{
  color: rgba(255,255,255,.92);
  font-size: 18px;
  letter-spacing: .03em;
  margin-bottom: 10px;
}

.col-sm-3 .widget a{
  color: rgba(255,255,255,.86);
  text-decoration: none;
}

.col-sm-3 input[type="search"],
.col-sm-3 input[type="text"],
.col-sm-3 .search-field{
  width: 100%;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 12px;
  color: rgba(255,255,255,.92);
  padding: 12px 12px;
  outline: none;
}

/* =========================================================
   Hero Slider (JNews-ish)
   ========================================================= */

.blog-archive-update .blog-hero-slider{
  margin: 10px 0 26px;
}

.blog-archive-update .hero-slider__stage{
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.03);
  box-shadow: 0 18px 55px rgba(0,0,0,.55);
}

/* Slides */
.blog-archive-update .hero-slide{
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transform: scale(1.01);
  transition: opacity .35s ease, transform .6s ease;
  min-height: 420px;
}

.blog-archive-update .hero-slide.is-active{
  position: relative;
  opacity: 1;
  transform: scale(1);
}

@media (max-width: 992px){
  .blog-archive-update .hero-slide{ min-height: 300px; }
}

.blog-archive-update .hero-slide__link{
  position:absolute;
  inset:0;
  z-index: 1;
}

/* Overlay gradient + subtle glow */
.blog-archive-update .hero-slide__overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 320px at 18% 0%, rgba(90,167,255,.16), transparent 58%),
    linear-gradient(180deg, rgba(0,0,0,.12) 0%, rgba(0,0,0,.72) 75%, rgba(0,0,0,.86) 100%);
  z-index: 2;
}

/* Content */
.blog-archive-update .hero-slide__content{
  position:absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  z-index: 3;
  max-width: 920px;
}

.blog-archive-update .hero-slide__meta{
  display:flex;
  gap: 12px;
  align-items:center;
  flex-wrap:wrap;
  margin-bottom: 12px;
}

.blog-archive-update .hero-slide__cat{
  display:inline-flex;
  align-items:center;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.92);
  text-decoration:none;
  font-size: 12px;
  letter-spacing: .02em;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.blog-archive-update .hero-slide__byline{
  color: rgba(255,255,255,.74);
  font-size: 12px;
  letter-spacing: .02em;
}

.blog-archive-update .hero-slide__dot{
  margin: 0 6px;
  opacity: .75;
}

.blog-archive-update .hero-slide__title{
  margin: 0;
  font-size: 40px;
  line-height: 1.08;
  letter-spacing: -0.03em;
  text-shadow: 0 14px 42px rgba(0,0,0,.65);
}

@media (max-width: 992px){
  .blog-archive-update .hero-slide__title{
    font-size: 26px;
  }
}

.blog-archive-update .hero-slide__title a{
  color: rgba(255,255,255,.95);
  text-decoration:none;
  position: relative;
  z-index: 4;
}

/* Nav buttons */
.blog-archive-update .hero-slider__nav{
  position:absolute;
  transform: translateY(-50%);
  z-index: 5;

  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.35);
  color: rgba(255,255,255,.92);
  font-size: 28px;
  line-height: 1;
  display:flex;
  align-items:center;
  justify-content:center;

  transition: transform .16s ease, background .16s ease, border-color .16s ease;
}

.blog-archive-update .hero-slider__prev{ right: 65px; }
.blog-archive-update .hero-slider__next{ right: 14px; }

/* Thumbnails row */
.blog-archive-update .hero-thumbs{
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
}

@media (max-width: 992px){
  .blog-archive-update .hero-thumbs{
    grid-template-columns: repeat(4, minmax(0,1fr));
  }
}

.blog-archive-update .hero-thumb{
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  border-radius: 14px;
  padding: 0;
  overflow:hidden;
  cursor:pointer;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.blog-archive-update .hero-thumb.is-active{
  border-color: rgba(90,167,255,.45);
  box-shadow: 0 0 0 3px rgba(90,167,255,.14);
}

.blog-archive-update .hero-thumb__img{
  display:block;
  width:100%;
  height: 64px;
  background-size: cover;
  background-position: center;
}

@media (max-width: 992px){
  .blog-archive-update .hero-thumb__img{ height: 56px; }
}

/* =========================================================
   JNews-style: remove borders + radius (clean blocks)
   ========================================================= */

/* Remove rounded corners + borders everywhere in the blog module */
.blog-archive-update .post-card,
.blog-archive-update .hero-slider__stage,
.blog-archive-update .hero-thumb,
.blog-archive-update .post-hero,
.col-sm-3 .widget{
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Make images square/flush */
.blog-archive-update .post-card__thumb,
.blog-archive-update .post-card__thumb img,
.blog-archive-update .hero-slider__stage,
.blog-archive-update .hero-slide,
.blog-archive-update .hero-thumb__img,
.blog-archive-update .post-hero__thumb,
.blog-archive-update .post-hero__thumb img{
  border-radius: 0 !important;
}

/* Flatten card background into “sections” */
.blog-archive-update .post-card{
  background: transparent !important;
}

/* Use subtle divider line instead of borders */
.blog-archive-update .post-card{
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

/* Remove divider on last row items if you want (optional) */
/* .blog-archive-update .post-card:nth-last-child(-n+2){ border-bottom: none !important; } */

@media (max-width: 992px){
  .blog-archive-update .post-card{
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }
}

/* Tighten spacing to feel more “news” */
.blog-archive-update .post-card__body{
  padding: 14px 0 0 !important; /* no padded card look */
}

.blog-archive-update .post-card__thumb img{
  height: 240px; /* keep consistent */
}

/* Thumbnail strip: no rounded, no borders */
.blog-archive-update .hero-thumb{
  background: transparent !important;
}

/* Sidebar blocks: clean sections (no card look) */
.col-sm-3 .widget{
  background: transparent !important;
  padding: 0 0 16px !important;
  margin-bottom: 18px !important;
  /*border-bottom: 1px solid rgba(255,255,255,.08) !important;*/
}
.col-sm-3 .widget:last-child{
  border-bottom: none !important;
}
/* Category label instead of pill */
.blog-archive-update .post-card__cat,
.blog-archive-update .hero-slide__cat{
  border-radius: 0 !important;
  padding: 6px 10px !important;
  background: #111c2d !important;
}
.blog-grid .post-card__cat {
      position: fixed;
    margin-top: -35px;
    margin-left: 10px;
}

/* Grabbable cursor */
.blog-archive-update .hero-stage--grab{
  cursor: grab;
}
.blog-archive-update .hero-stage--grabbing{
  cursor: grabbing;
}

/* Make sure slide overlay link doesn't block meta links */
.blog-archive-update .hero-slide__link{
  z-index: 1;
}
.blog-archive-update .hero-slide__content{
  z-index: 3;
  position: relative;
}
.blog-archive-update .hero-slide__meta a,
.blog-archive-update .hero-slide__title a{
  position: relative;
  z-index: 4; /* ensures category/author/date/title are clickable */
}

/* Thumb indicator (clear + JNews-ish) */
.blog-archive-update .hero-thumb{
  position: relative;
}

.blog-archive-update .hero-thumb__indicator{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: transparent;
  transition: background .18s ease, opacity .18s ease;
  opacity: 0;
}

.blog-archive-update .hero-thumb.is-active .hero-thumb__indicator{
  background: rgba(90,167,255,.95);
  opacity: 1;
}

/* =========================================================
   FIX: Hero slide content drifting to top/out of view
   Keep slides absolute; stage defines height
   ========================================================= */

.blog-archive-update .hero-slider__stage{
  position: relative;
  height: 420px;          /* desktop height */
  overflow: hidden;
}

/* Always absolute, even when active */
.blog-archive-update .hero-slide{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .35s ease, transform .6s ease;
}

.blog-archive-update .hero-slide.is-active{
  position: absolute;     /* IMPORTANT: do NOT become relative */
  inset: 0;
  opacity: 1;
}

/* Overlay + content pinned to bottom */
.blog-archive-update .hero-slide__overlay{
  position: absolute;
  inset: 0;
}

.blog-archive-update .hero-slide__content{
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;           /* pins meta/title to bottom */
  z-index: 3;
}

@media (max-width: 992px){
  .blog-archive-update .hero-slider__stage{ height: 300px; }
}

/* =========================================================
   Slider drag polish: no text highlight + grab UX
   ========================================================= */

.blog-archive-update .hero-slider__stage,
.blog-archive-update .hero-slider__stage *{
  user-select: none;
  -webkit-user-select: none;
}

.blog-archive-update .hero-slider__stage img{
  -webkit-user-drag: none;
  user-drag: none;
  pointer-events: none; /* prevents images catching drag */
}

/* Keep links clickable, but we’ll block click after drag in JS */
.blog-archive-update .hero-slide__meta a,
.blog-archive-update .hero-slide__title a{
  pointer-events: auto;
}

/* Cursor state */
.blog-archive-update .hero-stage--grab{ cursor: grab; }
.blog-archive-update .hero-stage--grabbing{ cursor: grabbing; }

/* =========================================================
   Track-based hero slider (slides move with drag)
   ========================================================= */

.blog-archive-update .hero-slider__stage{
  position: relative;
  overflow: hidden;
  height: 420px;
}

@media (max-width: 992px){
  .blog-archive-update .hero-slider__stage{ height: 300px; }
}

.blog-archive-update .hero-slider__track{
  height: 100%;
  display: flex;
  will-change: transform;
  transform: translate3d(0,0,0);
  transition: transform .35s ease;
}

/* each slide takes full width */
.blog-archive-update .hero-slide{
  position: relative;
  flex: 0 0 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

/* overlays/content */
.blog-archive-update .hero-slide__overlay{
  position: absolute;
  inset: 0;
}

.blog-archive-update .hero-slide__content{
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  z-index: 3;
}

.blog-archive-update .hero-thumb.is-active{
  box-shadow: inset 0 0 0 3px rgba(90,167,255,.55) !important;
}

/* =========================================================
   HERO TRACK OVERRIDE (fix blank next slides)
   Put this at the VERY BOTTOM of blog.css
   ========================================================= */

/* Track model owns layout */
.blog-archive-update .hero-slider__track{
  display: flex !important;
  height: 100% !important;
  transform: translate3d(0,0,0);
}

/* Every slide must be visible (no opacity swapping) */
.blog-archive-update .hero-slide{
  position: relative !important;
  flex: 0 0 100% !important;
  height: 100% !important;

  opacity: 1 !important;         /* <-- critical */
  transform: none !important;     /* <-- critical */
}

/* If any old rules set .is-active, neutralize them */
.blog-archive-update .hero-slide.is-active{
  opacity: 1 !important;
}

/* Background image must paint on every slide */
.blog-archive-update .hero-slide{
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Ensure overlay + content render */
.blog-archive-update .hero-slide__overlay{
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
}

.blog-archive-update .hero-slide__content{
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 18px !important;
  z-index: 3 !important;
}

/* The big “click anywhere” link should sit UNDER content */
.blog-archive-update .hero-slide__link{
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
}

.blog-archive-update .hero-slider__stage{
  height: 420px !important;
  overflow: hidden !important;
  position: relative !important;
}
@media (max-width: 992px){
  .blog-archive-update .hero-slider__stage{
    height: 300px !important;
  }
}
/* Hero arrows must be above overlays/links */
.blog-archive-update .hero-slider__nav{
  position: absolute !important;
  z-index: 20 !important;
  pointer-events: auto !important;
}

.blog-archive-update .hero-slider__stage{
  position: relative !important;
}

/* Ensure overlays/slide link never block arrows */
.blog-archive-update .hero-slide__overlay,
.blog-archive-update .hero-slide__link{
  pointer-events: none !important;
}

/* But keep meta/title links clickable */
.blog-archive-update .hero-slide__meta a,
.blog-archive-update .hero-slide__title a{
  pointer-events: auto !important;
}

/* Ensure hero arrows always receive clicks */
.blog-archive-update .hero-slider__nav{
  z-index: 9999 !important;
  pointer-events: auto !important;
  position: absolute !important;
}

/* Overlay/link can't block buttons */
.blog-archive-update .hero-slide__overlay{
  pointer-events: none !important;
}

/* Arrows must be above slides/overlays/links */
.blog-archive-update .hero-slider__nav{
  position: absolute !important;
  z-index: 99999 !important;
  pointer-events: auto !important;
}

/* Nothing should block clicks */
.blog-archive-update .hero-slide__overlay{
  pointer-events: none !important;
}

/* If you still have the full-slide link, it WILL block arrows unless disabled */
.blog-archive-update .hero-slide__link{
  pointer-events: none !important;
}
/* =========================
   HERO SLIDER (TRACK MODEL)
   ========================= */

.blog-archive-update .hero-slider__stage{
  position: relative;
  overflow: hidden;
  height: 420px;
}

@media (max-width: 992px){
  .blog-archive-update .hero-slider__stage{ height: 300px; }
}

.blog-archive-update .hero-slider__track{
  height: 100%;
  display: flex;
  will-change: transform;
  transform: translate3d(0,0,0);
  transition: transform .35s ease;
}

.blog-archive-update .hero-slide{
  position: relative;
  flex: 0 0 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* overlay + content */
.blog-archive-update .hero-slide__overlay{
  position: absolute;
  inset: 0;
  z-index: 2;
}

.blog-archive-update .hero-slide__content{
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  z-index: 3;
}

/* drag polish */
.blog-archive-update .hero-slider__stage,
.blog-archive-update .hero-slider__stage *{
  user-select: none;
  -webkit-user-select: none;
}
.blog-archive-update .hero-stage--grab{ cursor: grab; }
.blog-archive-update .hero-stage--grabbing{ cursor: grabbing; }

/* thumbs */
.blog-archive-update .hero-thumb{
  position: relative;
  background: transparent;
}
.blog-archive-update .hero-thumb__indicator{
  position:absolute;
  left:0; right:0; bottom:0;
  height: 3px;
  opacity: 0;
  background: transparent;
}
.blog-archive-update .hero-thumb.is-active .hero-thumb__indicator{
  opacity: 1;
  background: rgba(90,167,255,.95);
}

/* arrows */
.blog-archive-update .hero-slider__nav{
  position:absolute;
  top:93%;
  transform: translateY(-50%);
  z-index: 50;
  pointer-events: auto;
  font-size: 35px;
  align-items: normal;
}
.hero-slide__byline {
    font-size: 22px !important;
    font-weight: bold;
}
.hero-slide__byline a {
    color: orange;
}
.entry-title {
    display:none;
}

/* ===========================
   FEATURED POST SECTION
=========================== */

.blog-featured {
    margin: 0px 0 45px;
    padding: 0px 0;
}

.featured-container {
    display: flex;
    gap: 40px;
    align-items: center;
}

.featured-image {
    flex: 1;
}

.featured-image img {
    width: 100%;
    height: auto;
}

.featured-content {
    flex: 1;
}

.featured-category .category-label {
    display: inline-block;
    background: #e10600;
    color: #fff;
    padding: 4px 10px;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.featured-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}

.featured-title a {
    text-decoration: none;
    color: white;
}

.featured-meta {
    font-size: 13px;
    color: #777;
    margin-bottom: 15px;
}

.featured-excerpt {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.featured-button {
    display: inline-block;
    padding: 10px 18px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    background-color: #1862cf;
    color: white;
}

.featured-button:hover {
    background-color: #77a3e4;
    color: white;
}

/* Responsive */

@media (max-width: 992px) {
    .featured-container {
        flex-direction: column;
    }
}
/* Featured image forced aspect ratio + crop */
.blog-featured .featured-image a{
  display:block;
  width:100%;
  aspect-ratio: 16 / 9;     /* change this to what you want */
  overflow:hidden;
}

.blog-featured .featured-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit: cover;         /* crops to fill */
  object-position: center;   /* change to 'top' if you prefer */
}

.blog-featured .featured-meta .post-card__author,
.blog-featured .featured-meta .post-card__date {
    text-decoration: none;
    color: orange;
    transition: color 0.25s ease;
    font-weight: bold;
}
.meta-sep {
    color: rgba(255, 255, 255, .74);
}

.blog-featured a.post-card__author:hover,
.blog-featured a.post-card__date:hover
{
    color: #1862cf; /* match your accent */
}
.featured-meta {
    color: orange;
    font-size: 16px;
}
/* Featured Posts heading + inline separator */
.featured-heading{
  display:flex;
  align-items:center;
  gap:18px;
  margin: 28px 0 18px;
}

.featured-heading__title{
  margin:0;
  font-size:18px;
  font-weight:700;
  letter-spacing:0.2px;
  white-space:nowrap;
  color:#1862cf;
}

/* optional: make "Posts" accent color */
.featured-heading__title span{
  color:white;
}

.featured-heading::after{
  content:"";
  height:1px;
  background:#e6e6e6;
  flex:1;                 /* this makes the line stretch */
}
i {font-size: 14px;}
.post-card__meta i {font-size: 12px;}

/* =========================================================
   AUTHOR ARCHIVE: FORCE GRID (undo any featured-row overrides)
   ========================================================= */

body.author .blog-archive-update .blog-grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: var(--gap) !important;
}

@media (max-width: 992px){
  body.author .blog-archive-update .blog-grid{
    grid-template-columns: 1fr !important;
  }
}

/* undo "featured-row" flex layout if it was added */
body.author .blog-archive-update .post-card{
  display: block !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
  background: linear-gradient(180deg, var(--panel) 0%, rgba(255,255,255,.03) 100%) !important;
}

/* undo any aspect-ratio wrapper overrides */
body.author .blog-archive-update .post-card__thumb a{
  aspect-ratio: auto !important;
}

/* restore normal grid thumbnail sizing */
body.author .blog-archive-update .post-card__thumb img{
  height: 240px !important;
  width: 100% !important;
  object-fit: cover !important;
}

/* Hide category badge on category archive pages */
body.category .blog-archive-update .post-card__cat {
  display: none !important;
}
/* SEARCH: force standard post grid */
body.search .blog-archive-update .blog-grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: var(--gap) !important;
}
@media (max-width: 992px){
  body.search .blog-archive-update .blog-grid{
    grid-template-columns: 1fr !important;
  }
}
body.search .blog-archive-update .post-card{
  display: block !important;
}