/* ============================================================
   Xinrui Industry News — archive / category hub / single
   Dark industrial theme, loaded only on the xr_news CPT pages.
   ============================================================ */

/* ---- category filter chips ---- */
.xr-newschips{
  display:flex; flex-wrap:wrap; gap:10px;
  margin:0 0 26px; padding-bottom:22px;
  border-bottom:1px solid var(--xr-line);
}
.xr-chip{
  display:inline-block; padding:8px 16px; border-radius:22px;
  background:var(--xr-panel); border:1px solid var(--xr-line);
  color:var(--xr-text); text-decoration:none; font-size:13.5px; font-weight:600;
  transition:.18s;
}
.xr-chip:hover{ border-color:var(--xr-steel); color:#fff; }
.xr-chip.is-active{ background:var(--xr-accent); border-color:var(--xr-accent); color:#111; }

/* ---- archive header row ---- */
.xr-newshead{
  display:flex; align-items:baseline; justify-content:space-between;
  gap:16px; margin:0 0 22px;
}
.xr-newshead__count{ color:#eaf1f8; font-weight:700; font-size:15px; }
.xr-newshead__upd{ color:var(--xr-muted); font-size:13px; }

/* ---- grid ---- */
.xr-news{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.xr-news--3{ grid-template-columns:repeat(3,1fr); }

/* ---- card ---- */
.xr-newscard{
  display:flex; flex-direction:column; gap:10px;
  background:var(--xr-panel); border:1px solid var(--xr-line);
  border-radius:14px; padding:22px;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.xr-newscard:hover{
  transform:translateY(-3px);
  border-color:var(--xr-steel);
  box-shadow:0 14px 30px rgba(0,0,0,.35);
}
.xr-newscard__top{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.xr-newscard__tag{
  display:inline-block; background:rgba(59,130,196,.14); color:#8fc0ea;
  font-size:12px; font-weight:700; letter-spacing:.3px;
  padding:4px 10px; border-radius:20px; border:1px solid rgba(59,130,196,.3);
  text-decoration:none; transition:.18s;
}
.xr-newscard__tag:hover{ background:rgba(245,130,31,.16); color:#f5b06a; border-color:rgba(245,130,31,.4); }
.xr-newscard__date{ color:var(--xr-muted); font-size:12.5px; }
.xr-newscard h3{ margin:0; font-size:17.5px; line-height:1.42; font-weight:700; }
.xr-newscard h3 a{ color:#eaf1f8; text-decoration:none; }
.xr-newscard:hover h3 a{ color:var(--xr-accent); }
.xr-newscard p{ margin:0; color:var(--xr-muted); font-size:14px; line-height:1.68; flex:1; }
.xr-newscard__src{
  margin-top:2px; color:var(--xr-steel); font-size:12.5px;
  font-weight:600; text-decoration:none;
}
.xr-newscard__src:hover, .xr-newscard:hover .xr-newscard__src{ color:var(--xr-accent); }

/* ---- pagination ---- */
.xr-pager{ margin:34px 0 0; text-align:center; }
.xr-pager .page-numbers{
  display:inline-block; margin:0 4px; padding:8px 14px;
  border:1px solid var(--xr-line); border-radius:8px;
  color:var(--xr-text); text-decoration:none; font-size:14px;
}
.xr-pager .page-numbers.current,
.xr-pager .page-numbers:hover{ background:var(--xr-accent); color:#111; border-color:var(--xr-accent); }

.xr-empty{ color:var(--xr-muted); text-align:center; padding:60px 0; }

/* ============================================================
   SINGLE
   ============================================================ */
.xr-newsmeta{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:14px; color:var(--xr-muted); font-size:13.5px; }

.xr-newsarticle{
  max-width:820px; margin:0 auto;
  background:var(--xr-panel); border:1px solid var(--xr-line);
  border-radius:16px; padding:36px 38px;
}
.xr-newsarticle p{ color:var(--xr-text); font-size:16.5px; line-height:1.85; margin:0 0 18px; }
.xr-newsarticle p:last-child{ margin-bottom:0; }
.xr-newsarticle a{ color:var(--xr-steel); }

.xr-newsarticle__src{ margin-top:28px; padding-top:24px; border-top:1px solid var(--xr-line); }
.xr-newsarticle__disc{
  margin:14px 0 0 !important; color:var(--xr-muted) !important;
  font-size:12.5px !important; line-height:1.6 !important; font-style:italic;
}

.xr-newsrel{ margin-top:56px; }
.xr-newsrel .xr-sec__title{ font-size:24px; margin-bottom:26px; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:980px){
  .xr-news, .xr-news--3{ grid-template-columns:repeat(2,1fr); }
  .xr-newsarticle{ padding:28px 24px; }
}
@media(max-width:620px){
  .xr-news, .xr-news--3{ grid-template-columns:1fr; }
  .xr-newshead{ flex-direction:column; align-items:flex-start; gap:4px; }
  .xr-newschips{ gap:8px; }
  .xr-chip{ padding:7px 13px; font-size:12.5px; }
}