/* Pagina de presa. Cutii, nu randuri: linia de sub fiecare aparitie e scurta,
   iar pe un ecran lat un rand intins lasa doua treimi de pagina goale si face
   lista sa para fara sfarsit. In cutie, textul isi are marginea lui si ochiul
   prinde trei aparitii dintr-o privire.
   Fara fotografii: imaginile apartin redactiilor, iar un rand de miniaturi
   straine ar muta atentia de pe ce scrie pe cine scrie. */

.lista-presa{
  list-style:none;margin:56px 0 0;padding:0;
  display:grid;gap:20px;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
@media(max-width:1100px){ .lista-presa{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:620px){ .lista-presa{grid-template-columns:1fr;gap:14px;margin-top:40px} }

.aparitie{
  display:flex;flex-direction:column;height:100%;
  padding:26px 24px 24px;
  background:var(--brun);border:1px solid var(--linie);
  text-decoration:none;color:inherit;
  transition:border-color var(--t),transform 420ms cubic-bezier(.22,.61,.36,1);
}
@media (hover:hover){ .aparitie:hover{border-color:var(--aur);transform:translateY(-3px)} }

/* capul cutiei: felul articolului la stanga, anul la dreapta, pe aceeasi linie */
.aparitie .cap{
  display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  padding-bottom:16px;border-bottom:1px solid var(--fir);
}
.aparitie .tip{
  font:500 10px var(--f);letter-spacing:.2em;text-transform:uppercase;color:var(--aur);
}
.aparitie .an{
  font:400 12px var(--ft);color:var(--fum);letter-spacing:.06em;
}

.aparitie .publicatie{
  text-transform:none;                 /* numele publicatiei se scrie cum si-l scrie ea */
  margin:18px 0 0;
  font-weight:300;font-size:24px;line-height:1.2;letter-spacing:.01em;
  color:var(--alb);transition:color 240ms;
}
@media (hover:hover){ .aparitie:hover .publicatie{color:var(--aur)} }

.aparitie .rezumat{
  margin:12px 0 0;flex:1 1 auto;
  color:var(--fum);font-size:15px;line-height:1.7;
}

.aparitie .semn{
  margin-top:22px;
  font:500 10px var(--f);letter-spacing:.22em;text-transform:uppercase;color:var(--fum);
  display:inline-flex;align-items:center;gap:10px;
}
.aparitie .semn::after{
  content:"";width:18px;height:1px;background:var(--fir);
  transition:width 420ms cubic-bezier(.22,.61,.36,1),background 240ms;
}
@media (hover:hover){ .aparitie:hover .semn::after{width:34px;background:var(--aur)} }

/* marcajul de limba, numai acolo unde publicatia nu scrie in limba paginii */
.aparitie .limba{
  display:inline-block;margin-left:9px;padding:2px 6px;
  border:1px solid var(--linie);
  font:500 9px var(--f);letter-spacing:.16em;text-transform:uppercase;color:var(--fum);
  vertical-align:middle;
}

@media(max-width:620px){
  .aparitie{padding:22px 20px}
  .aparitie .publicatie{font-size:22px;margin-top:16px}
  .aparitie .rezumat{font-size:15px}
}

/* ---------- fisa de incheiere ----------
   Unsprezece aparitii pe trei coloane lasa un loc gol pe ultimul rand. Fisa de
   mai jos se intinde exact peste cat a ramas liber si pune acolo singurul lucru
   care lipsea unei pagini de presa: unde se cer fotografiile si confirmarile.
   Cat se intinde se calculeaza in presa.js, dupa coloanele randate. */
.aparitie.incheiere{
  background:transparent;border-color:var(--aur);
  justify-content:center;
}
@media (hover:hover){ .aparitie.incheiere:hover{background:rgba(187,157,123,.05);transform:none} }
.aparitie.incheiere .cap{border-bottom-color:transparent;padding-bottom:0}
.aparitie.incheiere .publicatie{font-weight:200;margin-top:10px}
.aparitie.incheiere .rezumat{max-width:46ch}
.aparitie.incheiere .semn{color:var(--aur)}
.aparitie.incheiere .semn::after{background:var(--aur)}

/* ---------- filtrele (20.10) ----------
   Apar doar cu JS (presa.js); fara el, lista ramane intreaga si bara nu se vede. */
.filtre-presa{display:flex;flex-wrap:wrap;gap:10px;margin:40px 0 0}
.filtre-presa[hidden]{display:none}
.filtre-presa:not([hidden]) + .lista-presa{margin-top:28px}
.filtru{
  appearance:none;background:transparent;cursor:pointer;
  min-height:42px;padding:10px 16px;
  border:1px solid var(--linie);color:var(--fum);
  font:500 10px var(--f);letter-spacing:.2em;text-transform:uppercase;
  transition:border-color var(--t),color var(--t);
}
.filtru .nr{margin-left:6px;font:400 12px var(--ft);letter-spacing:.04em;color:var(--fum)}
.filtru[aria-pressed="true"]{border-color:var(--aur);color:var(--aur)}
.filtru[aria-pressed="true"] .nr{color:var(--aur)}
@media (hover:hover){ .filtru:hover{border-color:var(--aur);color:var(--alb)} }
.filtru:focus-visible{outline:1px solid var(--aur);outline-offset:3px}
.lista-presa > li[hidden]{display:none}
@media(max-width:620px){ .filtre-presa{gap:8px;margin-top:32px} .filtru{padding:9px 12px} }

/* ---------- pagina-rezumat (20.10) ----------
   Tipografia e a insemnarilor (jurnal.css); aici doar drumul spre articol, nota si vecinii. */
.corp-insemnare a.spre-articol{
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 24px;
  margin:44px 0 0;padding:22px 24px;
  border:1px solid var(--aur);color:inherit;text-decoration:none;
  transition:background var(--t);
}
.spre-articol .eticheta-mica{
  display:inline-flex;align-items:center;gap:10px;
  font:500 10px var(--f);letter-spacing:.22em;text-transform:uppercase;color:var(--aur);
}
.spre-articol .eticheta-mica::after{
  content:"";width:18px;height:1px;background:var(--aur);
  transition:width 420ms cubic-bezier(.22,.61,.36,1);
}
.spre-articol .unde{font:400 15px var(--ft);letter-spacing:.02em;color:var(--alb)}
@media (hover:hover){
  .corp-insemnare a.spre-articol:hover{background:rgba(187,157,123,.05);border-bottom-color:var(--aur)}
  .spre-articol:hover .eticheta-mica::after{width:34px}
}
.corp-insemnare p.nota-presa{margin:18px 0 0;font-size:13px;line-height:1.7;color:var(--fum)}

.vecini-presa ul{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:1fr auto 1fr;gap:20px 32px;align-items:center;
}
.vecini-presa li.mai-noua{grid-column:1}
.vecini-presa li.toate{grid-column:2;text-align:center}
.vecini-presa li.mai-veche{grid-column:3;text-align:right}
.vecini-presa a{display:block;text-decoration:none;color:inherit}
.vecini-presa .eticheta-mica{font:500 10px var(--f);letter-spacing:.22em;text-transform:uppercase;color:var(--fum)}
.vecini-presa .nume{display:block;margin-top:10px;font-weight:300;font-size:20px;line-height:1.25;color:var(--alb);transition:color 240ms}
.vecini-presa .titlu-vecin{display:block;margin-top:6px;font-size:15px;line-height:1.6;color:var(--fum)}
@media (hover:hover){ .vecini-presa a:hover .nume{color:var(--aur)} }
.vecini-presa li.toate a{
  display:inline-block;padding:12px 0;border-bottom:1px solid var(--fir);
  font:500 10px var(--f);letter-spacing:.22em;text-transform:uppercase;color:var(--aur);
}
@media(max-width:620px){
  .vecini-presa ul{grid-template-columns:1fr 1fr}
  .vecini-presa li.toate{grid-column:1 / -1;grid-row:2}
  .vecini-presa li.mai-veche{grid-column:2}
  .vecini-presa .nume{font-size:18px}
}