/* ==============================
   NDP LATEST NEWS — MATCH COA TYPO (REFINED WEIGHT)
   + FIX: Shop Smart pill restored
   + MINI BLUE SUBSECTION PILLS (Top Sellers / New Arrivals / GLP)
   ============================== */

:root{
  --ndp-blue:#0D67B5;
  --ndp-yellow:#FFC400;
  --ndp-ink:#0b1220;
  --ndp-muted:rgba(11,18,32,.72);
  --ndp-border:rgba(15,23,42,.12);
  --ndp-radius:26px;
  --ndp-shadow:0 22px 70px rgba(2,6,23,.10);
  --ndp-shadow-soft:0 14px 40px rgba(2,6,23,.08);

  /* Mini pill blue (from your screenshot) */
  --ndp-pill-blue:#0b3f66;
}

/* ==============================
   GLOBAL FONT (MATCH COA)
   ============================== */
.ndpnh,
.ndpnh *{
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Arial, sans-serif !important;
}

.ndpnh{ width:100%; color:var(--ndp-ink); }
.ndpnh-container{ max-width:1180px; margin:0 auto; padding:0 20px; }
.ndpnh-section{ padding:14px 0; }

.ndpnh-box{
  background:#fff;
  border:1px solid var(--ndp-border);
  border-radius:var(--ndp-radius);
  box-shadow:var(--ndp-shadow);
  padding:22px;
}

/* ==============================
   HERO
   ============================== */
.ndpnh-kicker{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.12);
  background:#FFC400;
  color:var(--ndp-ink);
  font-weight:800;
  font-size:13px;
  box-shadow:var(--ndp-shadow-soft);
}

.ndpnh-h1{
  margin:14px 0 10px;
  font-size:28px;
  line-height:1.15;
  font-weight:700;          /* refined (not ultra bold) */
  letter-spacing:-0.01em;
  color:var(--ndp-ink);
}
@media (min-width:680px){
  .ndpnh-h1{ font-size:32px; }
}
@media (min-width:1024px){
  .ndpnh-h1{ font-size:34px; }
}

.ndpnh-sub{
  margin:0 0 16px;
  color:var(--ndp-muted);
  font-weight:600;
  line-height:1.7;
  max-width:70ch;
}

/* CTA */
.ndpnh-cta{ display:flex; gap:12px; flex-wrap:wrap; }

.ndpnh-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-radius:999px;
  font-weight:700;
  border:1px solid var(--ndp-border);
  background:#fff;
  color:var(--ndp-ink) !important;
  text-decoration:none !important;
  transition:transform .12s ease, box-shadow .12s ease;
}
.ndpnh-btn:hover{ transform:translateY(-1px); box-shadow:var(--ndp-shadow-soft); }

/* ✅ FIX: Restore Shop Smart pill look */
.ndpnh-btn-primary{
  background:linear-gradient(180deg, var(--ndp-yellow), #ffdb4d);
  border-color:rgba(255,196,0,.65);
  box-shadow:0 16px 38px rgba(255,196,0,.22);
  color:#0b1220 !important;
  font-weight:900;
}
.ndpnh-btn-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 44px rgba(255,196,0,.26);
}

/* ==============================
   SECTION HEADERS
   ============================== */
.ndpnh-boxhead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}

.ndpnh-section-title{
  font-size:22px;
  font-weight:800;
  letter-spacing:-.01em;
  color:var(--ndp-ink);
}

.ndpnh-titlechip{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:14px;
  background:linear-gradient(180deg,var(--ndp-yellow),#ffdb4d);
  border:1px solid rgba(255,196,0,.70);
  box-shadow:0 16px 34px rgba(255,196,0,.20);
  font-weight:800;
}

/* ==============================
   SUBSECTION MINI BLUE PILLS
   Targets the 3 subsection labels inside subboxes
   ============================== */

/* Base mini pill styling */
.ndpnh .ndpnh-subbox-title,
.ndpnh .ndpnh-subbox h3,
.ndpnh .ndpnh-subbox h4,
.ndpnh .ndpnh-subbox strong:first-child{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius:10px;                /* rectangular rounded edges */
  background:var(--ndp-pill-blue);
  color:#fff !important;
  font-size:13px;
  font-weight:800;
  letter-spacing:.01em;
  line-height:1;
  box-shadow:0 6px 16px rgba(11,63,102,.28);

  /* Consistent spacing around all subsection pills */
  margin-top:18px;
  margin-bottom:12px;
}

/* ✅ Extra space specifically above GLP Collection pill (slightly more) */
.ndpnh .ndpnh-subbox .ndpnh-subbox-title[data-section="glp"],
.ndpnh .ndpnh-subbox .ndpnh-subbox-title.ndpnh-glp,
.ndpnh .ndpnh-subbox h3.ndpnh-glp,
.ndpnh .ndpnh-subbox h4.ndpnh-glp{
  margin-top:26px !important;
}

/* Ensure links inside mini pills stay white */
.ndpnh .ndpnh-subbox-title a,
.ndpnh .ndpnh-subbox h3 a,
.ndpnh .ndpnh-subbox h4 a{
  color:#fff !important;
  text-decoration:none !important;
}

/* ==============================
   FORUM ROWS
   ============================== */
.ndpnh-forum{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.ndpnh-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
  box-shadow:var(--ndp-shadow-soft);
  transition:transform .1s ease, box-shadow .1s ease;
}
.ndpnh-row:hover{ transform:translateY(-1px); box-shadow:var(--ndp-shadow); }

.ndpnh-row-title{
  font-weight:800;
  color:var(--ndp-ink);
  margin-bottom:6px;
}

.ndpnh-row-excerpt{
  font-size:13px;
  font-weight:600;
  color:var(--ndp-muted);
  line-height:1.55;
}

/* Meta */
.ndpnh-row-meta{
  display:flex;
  gap:10px;
  white-space:nowrap;
}

.ndpnh-row-date{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:36px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(15,23,42,.04);
  border:1px solid rgba(15,23,42,.10);
  font-size:12px;
  font-weight:700;
}

.ndpnh-row-arrow{
  width:36px;
  height:36px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,196,0,.25);
  border:1px solid rgba(255,196,0,.45);
}

/* ==============================
   REVIEWS
   ============================== */
.ndpnh-reviews-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.ndpnh-review{
  border-radius:22px;
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
  box-shadow:var(--ndp-shadow-soft);
  padding:16px;
}
.ndpnh-review-text{
  font-weight:600;
  color:var(--ndp-ink);
  line-height:1.65;
}

/* ==============================
   FAQ
   ============================== */
.ndpnh-faq{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.ndpnh-faq-item{
  border-radius:18px;
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
  box-shadow:var(--ndp-shadow-soft);
  padding:10px 12px;
}
.ndpnh-faq-item summary{
  cursor:pointer;
  list-style:none;
  font-weight:700;
}
.ndpnh-faq-a{
  margin-top:10px;
  font-weight:600;
  color:var(--ndp-muted);
}

/* ==============================
   MOBILE
   ============================== */
@media(max-width:980px){
  .ndpnh-reviews-grid{ grid-template-columns:1fr; }
  .ndpnh-row{ flex-direction:column; align-items:flex-start; }
}