/* =====================================================
   Routerrántotta – „Újdonságok az oldalon” (főoldal sávja + ujdonsagok.html; kozos/ujdonsagok.js)
   Külön fájl, hogy a style.css-hez ne kelljen nyúlni (gyorsítótár: lásd TERKEP).
   Ha ez a fájl változik, az index.html-ben és az ujdonsagok.html-ben a ?v= számot növelni kell.
   ===================================================== */
.ujdonsag-sav{background:var(--black);color:var(--white);padding:2.25rem 0 2rem;border-top:6px solid var(--yellow)}
.ujdonsag-sav[hidden],.ujdonsag[hidden]{display:none}
.ujdonsag-sav h2{font-family:var(--display);color:var(--yellow);font-size:clamp(1.45rem,4.5vw,2rem);
  line-height:1.1;letter-spacing:-.02em;margin:0 0 1.1rem}

.ujdonsag-lista{list-style:none;margin:0;padding:0;display:grid;gap:1rem;
  grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}
.ujdonsag-kartya{display:flex;flex-direction:column;align-items:flex-start;background:var(--white);color:var(--black);
  border:3px solid var(--black);border-radius:1rem;padding:1rem 1.15rem 1.1rem;min-width:0}
.ujdonsag-sav .ujdonsag-kartya{border-color:var(--yellow)}
.ujdonsag-fej{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;margin:0 0 .35rem}
.ujdonsag-uj{background:var(--yellow);color:var(--black);border:2px solid var(--black);border-radius:999px;
  font-family:var(--display);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:.05rem .55rem}
.ujdonsag-datum{font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);opacity:.75}
.ujdonsag-kartya h3{font-family:var(--display);font-size:1.1rem;line-height:1.2;margin:0 0 .4rem;overflow-wrap:anywhere}
.ujdonsag-kartya p{margin:0 0 .9rem;font-size:.95rem;white-space:pre-line}
.ujdonsag-gomb{display:inline-block;margin-top:auto;background:var(--black);color:var(--yellow);font-family:var(--display);
  font-size:.9rem;text-decoration:none;border:2px solid var(--black);border-radius:999px;padding:.45rem 1.1rem;transition:transform .15s}
.ujdonsag-gomb:hover,.ujdonsag-gomb:focus-visible{transform:translateY(-2px)}
.ujdonsag-sav .ujdonsag-gomb:focus-visible{outline-color:var(--black)}
.ujdonsag-osszes{display:inline-block;font-weight:700;color:var(--yellow);margin:1.1rem 0 0}
.ujdonsag-osszes:hover{text-decoration-thickness:3px}
.ujdonsag-sav :focus-visible{outline-color:var(--yellow)}
.ujdonsag-ures{font-weight:700}

/* ujdonsagok.html (sárga alapon) */
main.light .ujdonsag-lista{grid-template-columns:1fr}
main.light .ujdonsag-osszes{color:var(--black);margin-top:1.5rem}

@media(max-width:520px){
  .ujdonsag-sav{padding:1.75rem 0 1.5rem}
  .ujdonsag-gomb{display:block;width:100%;text-align:center}
}