/* ==========================================================================
   News Bites — exact to comp (with hard resets)
   ========================================================================== */

.acf-news-bites { padding: clamp(2.75rem, 5vw, 4.5rem) 1rem; }
.acf-news-bites .newsbites-inner { max-width: 1250px; margin-inline: auto; }

/* Module tints */
.acf-news-bites.bg-white  { background:#fff; }
.acf-news-bites.bg-fffaf0 { background:#fffaf0; }
.acf-news-bites.bg-edf7f7 { background:#edf7f7; }
.acf-news-bites.bg-fff0d9 { background:#fff0d9; }
.acf-news-bites.bg-f5e0b0 { background:#f5e0b0; }
.acf-news-bites.bg-d6f5eb { background:#d6f5eb; }
.acf-news-bites.bg-8ac9c2 { background:#8ac9c2; }

/* Intro (single WYSIWYG) */
.newsbites-intro{ text-align:center; margin: 0rem 0 3.6rem; }
.newsbites-intro h1,.newsbites-intro h2,.newsbites-intro h3,.newsbites-intro p{ margin:.25rem 0; }

/* =======================
   GLOBAL RESETS (important)
   ======================= */
.acf-news-bites .nb-card { position:relative; text-decoration:none; border-radius:18px; overflow:hidden; box-shadow:0 10px 28px rgba(0,0,0,.07); }
.acf-news-bites .nb-card::after{ content:none; }                   /* kill old hover overlay */
.acf-news-bites .nb-card .nb-body{ position:static; inset:auto; }  /* undo old absolute layout */
.acf-news-bites .nb-card img{  height: 100%; display:block; width:100%; }
.acf-news-bites .nb-card *{ color:inherit; }                       /* avoid global anchor color bleed */

/* Grid */
.newsbites-grid{ display:grid; grid-template-columns:1.18fr 1fr; gap:clamp(1rem,2vw,1.25rem); }
.nb-primary{ min-width:0; }
.nb-bites{ display:grid; grid-template-rows:1fr 1fr 1fr; gap:clamp(.8rem,1.6vw,1rem); min-width:0; }

/* =======================
   PRIMARY (image + purple panel)
   ======================= */
.nb-card--primary{ display:grid; grid-template-rows:auto 1fr; background:#662B80; color:#fff; }
.nb-card--primary .nb-media{ line-height:0; background:#eee; }
.nb-card--primary .nb-img{ aspect-ratio:16/11; object-fit:cover; object-position:center; }
.nb-card--primary .nb-body{
  background:#662B80;
  color:#fff;
  padding:1.6rem;
  border-bottom-left-radius:18px;   /* ensure smooth corners */
  border-bottom-right-radius:18px;
}
.nb-card--primary .nb-title{
  display:block; font-weight:700; line-height:1.2;
  font-size:clamp(1.05rem,1rem + .9vw,1.6rem); margin:0 0 .35rem 0;
  color:#fff;
}
.nb-card--primary .nb-excerpt{ display:block; opacity:.98; font-size:.95rem; line-height:1.45; max-width:60ch; color:#fff; }
.nb-meta{ display:inline-flex; align-items:center; gap:.55rem; margin-top:.6rem; font-size:.85rem; color:#fff; }
.nb-pill{ display:inline-block; padding:.22rem .6rem; border-radius:999px; background:rgba(255,255,255,.18); font-weight:600; }
.nb-dot{ opacity:.9; }
.nb-read{ display:inline-flex; align-items:center; gap:.35rem; color:#fff; }
.nb-read::before{ content:""; width:.75rem; height:.75rem; border-radius:999px; background:#fff; opacity:.95; display:inline-block; }

/* =======================
   BITES (image left + color panel right)
   ======================= */
.nb-card--bite{
  display:grid; grid-template-columns:40% 60%;
  min-height:138px; overflow:hidden; border-radius:18px; color:#fff;
}
.nb-card--bite .nb-media{ line-height:0; }
.nb-card--bite .nb-img{ width:100%; height:100%; aspect-ratio:4/3; object-fit:cover; object-position:center; }
.nb-card--bite .nb-body{
  display:flex; flex-direction:column; justify-content:center;
  padding:.9rem 1rem; color:#fff;
}
/* Title/excerpt */
.nb-card--bite .nb-title{ display:block; font-weight:700; line-height:1.2; font-size:clamp(.95rem,.9rem + .35vw,1.12rem); margin:0 0 .25rem 0; color:#fff; }
.nb-card--bite .nb-excerpt{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  opacity:.98; font-size:.92rem; line-height:1.35; color:#fff;
}
.nb-card--bite .nb-meta{ margin-top:.55rem; font-size:.84rem; color:#fff; }
.nb-card--bite .nb-read::before{ background:#fff; }

/* Bite background colors (matches comp) */
.nb-bites .nb-card--bite:nth-child(1) .nb-body{ background:#DE4D3B; } /* orange */
.nb-bites .nb-card--bite:nth-child(2) .nb-body{ background:#F0B040; } /* gold */
.nb-bites .nb-card--bite:nth-child(3) .nb-body{ background:#BA3357; } /* magenta */

/* Hover micro-lift */
.nb-card--primary:hover, .nb-card--bite:hover{ transform:translateY(-1px); transition:transform .18s ease; }
.acf-news-bites a.nb-card {
  display: grid !important;         /* overrides global inline-block */
}
/* Responsive */
@media (max-width:980px){
  .newsbites-grid{ grid-template-columns:1fr; }
  .nb-card--primary .nb-img{ aspect-ratio:16/10; }
}
@media (max-width:620px){
  .nb-card--bite{ grid-template-columns:42% 58%; min-height:126px; }
  .nb-card--primary .nb-body{ padding:.95rem 1rem 1.05rem; }
	.newsbites-intro{ text-align:center; margin: 0rem 0 2rem; }
}
/* ==========================================================================
   Hover Effects (consistent brighten + depth)
   ========================================================================== */

/* Shared base */
.acf-news-bites .nb-card {
  transition:
    opacity .6s ease,
    transform .6s ease,
    box-shadow .3s ease,
    filter .3s ease;
}

/* Main (purple) card hover */
.acf-news-bites .nb-card--primary:hover {
  transform: translateY(-4px);
  filter: brightness(1.08) contrast(1.05);
  box-shadow: 0 12px 24px rgba(0,0,0,0.15);
}

/* Bite card hover */
.acf-news-bites .nb-card--bite:hover {
  transform: translateY(-3px);
  filter: brightness(1.05) contrast(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,0.12);
}

/* Optional: zoom image slightly for depth */
.acf-news-bites .nb-card .nb-img {
  transition: transform .4s ease;
}

/* Accessibility (keyboard focus = hover style) */
.acf-news-bites .nb-card:focus-visible {
  outline: 2px solid rgba(255,255,255,0.8);
  outline-offset: 4px;
  transform: translateY(-3px);
  filter: brightness(1.1);
}