/* MassAI — stiluri secțiune știri (hub + articol). Partajat RO + EN. */
.news-wrap { max-width: 1080px; margin: 0 auto; padding: 7rem 1.5rem 4rem; }
.news-head { margin-bottom: 2rem; }
.news-head h1 { font-size: 2.1rem; color: #fff; margin: 0 0 .5rem; line-height: 1.15; }
.news-head p { color: var(--dim, #a0a0b8); max-width: 620px; }

/* nav active state */
.nav-links a.nav-active { color: var(--green, #00e5a0); }

/* breadcrumb */
.crumbs { font: 0.72rem 'JetBrains Mono', monospace; color: #8a8a9e; margin-bottom: 1rem; }
.crumbs a { color: #8a8a9e; text-decoration: none; }
.crumbs a:hover { color: var(--green, #00e5a0); }
.crumbs b { color: var(--green, #00e5a0); font-weight: 600; }

/* filtre */
.news-filters { display: flex; gap: .6rem; margin-bottom: 1.6rem; flex-wrap: wrap; }
.news-filter { font: 600 .72rem 'JetBrains Mono', monospace; padding: .45rem .9rem; border-radius: 7px;
  border: 1px solid rgba(0,229,160,0.24); color: var(--dim, #a0a0b8); background: transparent; cursor: pointer; }
.news-filter.is-active { background: rgba(0,229,160,0.10); color: var(--green, #00e5a0); border-color: rgba(0,229,160,0.4); }

/* badge tip */
.news-badge { display: inline-block; font: 600 .62rem 'JetBrains Mono', monospace; letter-spacing: .04em;
  color: var(--green, #00e5a0); background: rgba(0,229,160,0.08); border: 1px solid rgba(0,229,160,0.2);
  border-radius: 5px; padding: .2rem .5rem; text-transform: uppercase; }
.news-badge.amber { color: var(--amber, #fbbf24); background: rgba(251,191,36,0.08); border-color: rgba(251,191,36,0.2); }

/* featured */
.news-featured { display: block; text-decoration: none; color: inherit; background: var(--card-bg, rgba(15,15,25,0.55));
  border: 1px solid rgba(0,229,160,0.24); border-radius: 14px; padding: 1.6rem; margin-bottom: 1.4rem;
  transition: border-color .2s, box-shadow .2s; }
.news-featured:hover { border-color: rgba(0,229,160,0.5); box-shadow: 0 0 28px rgba(0,229,160,0.08); }
.news-featured h2 { font-size: 1.5rem; color: #fff; margin: .7rem 0 .5rem; }
.news-featured p { color: var(--dim, #a0a0b8); margin: 0; }

/* grilă carduri */
.news-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem; }
.news-card { display: block; text-decoration: none; color: inherit; background: var(--card-bg, rgba(15,15,25,0.55));
  border: 1px solid var(--card-border, rgba(255,255,255,0.06)); border-radius: 12px; padding: 1.2rem;
  transition: border-color .2s, transform .2s; }
.news-card:hover { border-color: rgba(0,229,160,0.3); transform: translateY(-2px); }
.news-card h3 { font-size: 1.02rem; color: #fff; margin: .6rem 0 .5rem; line-height: 1.3; }
.news-card p { font-size: .88rem; color: var(--dim, #a0a0b8); margin: 0 0 .7rem; }
.news-date { font: .68rem 'JetBrains Mono', monospace; color: #8a8a9e; }
.news-card[hidden], .news-featured[hidden] { display: none; }

/* articol — layout cu CTA lateral */
.article-layout { display: flex; gap: 2rem; align-items: flex-start; }
.article-body { flex: 1; min-width: 0; }
.article-body h1 { font-size: 2rem; color: #fff; line-height: 1.2; margin: .6rem 0 .4rem; }
.article-meta { font: .72rem 'JetBrains Mono', monospace; color: #8a8a9e; margin-bottom: 1.6rem; }
.article-intro { color: var(--text, #e0e0e8); font-size: 1.05rem; margin-bottom: 1.4rem; }
.news-item { border-top: 1px solid rgba(255,255,255,0.08); padding-top: 1.4rem; margin-top: 1.4rem; }
.news-item h2 { font-size: 1.25rem; color: #fff; margin: 0 0 .7rem; }
.news-item .lbl { font: 600 .66rem 'JetBrains Mono', monospace; color: var(--green, #00e5a0);
  text-transform: uppercase; letter-spacing: .05em; display: block; margin-bottom: .3rem; }
.news-item .lbl.biz { margin-top: .9rem; }
.news-item p { color: var(--text, #e0e0e8); margin: 0; line-height: 1.6; }
.news-source { font: .72rem 'JetBrains Mono', monospace; margin-top: .7rem; }
.news-source a { color: var(--green, #00e5a0); text-decoration: none; }
.news-source a:hover { text-decoration: underline; }

/* CTA lateral sticky */
.article-cta { width: 260px; flex-shrink: 0; background: rgba(0,229,160,0.06);
  border: 1px solid rgba(0,229,160,0.24); border-radius: 14px; padding: 1.4rem; position: sticky; top: 6rem; }
.article-cta .lbl { font: 600 .66rem 'JetBrains Mono', monospace; color: var(--green, #00e5a0); margin-bottom: .6rem; }
.article-cta p { color: var(--text, #e0e0e8); font-size: .92rem; margin: 0 0 1rem; line-height: 1.5; }
.article-cta a { display: inline-block; background: var(--green, #00e5a0); color: #000; font: 700 .85rem 'Inter', sans-serif;
  padding: .6rem 1.1rem; border-radius: 8px; text-decoration: none; }
.article-cta a:hover { box-shadow: 0 0 22px rgba(0,229,160,0.3); }

/* CTA final (mobil + fallback) */
.article-cta-bottom { text-align: center; background: rgba(0,229,160,0.08); border: 1px solid rgba(0,229,160,0.3);
  border-radius: 14px; padding: 1.6rem; margin-top: 2rem; }
.article-cta-bottom a { display: inline-block; background: var(--green, #00e5a0); color: #000;
  font: 700 .9rem 'Inter', sans-serif; padding: .65rem 1.3rem; border-radius: 8px; text-decoration: none; margin-top: .6rem; }

@media (max-width: 820px) {
  .article-layout { flex-direction: column; }
  .article-cta { display: none; }   /* pe mobil rămâne doar CTA-ul de jos */
  .news-wrap { padding-top: 6rem; }
}
@media (min-width: 821px) { .article-cta-bottom { display: none; } }