/* ===========================================================================
   Stilul textului din articolele de Jurnal si din Povesti.

   Aceste reguli inlocuiesc stilurile care erau scrise direct pe fiecare
   paragraf in varianta veche a site-ului. Efectul vizual este acelasi, dar
   acum textul se scrie normal in CMS (paragrafe, subtitluri, liste, citate)
   si stilul se aplica automat. Nu este nevoie sa modifici nimic aici cand
   adaugi un articol nou.
   =========================================================================== */

.text-articol > p {
  margin: 0 0 1.4rem;
  text-wrap: pretty;
}
.text-articol > p:last-child { margin-bottom: 0; }

.text-articol > h2 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-weight: 500;
  font-size: clamp(1.5rem, 2.6vw, 1.9rem);
  line-height: 1.25;
  color: #49523F;
  margin: 2.6rem 0 1rem;
}

.text-articol > h3 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 600;
  font-size: clamp(1.2rem, 2vw, 1.45rem);
  line-height: 1.3;
  color: #49523F;
  margin: 2rem 0 .8rem;
}

.text-articol > blockquote {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-size: clamp(1.3rem, 2.4vw, 1.6rem);
  line-height: 1.4;
  color: #333A2F;
  border-left: 2px solid #B08D4C;
  padding-left: 1.5rem;
  margin: 2.4rem 0;
  text-wrap: pretty;
}
.text-articol > blockquote p { margin: 0; }

/* Lista numerotata cu cifre aurii, ca in varianta originala. */
.text-articol > ol {
  list-style: none;
  counter-reset: pas;
  margin: 0 0 1.4rem;
  padding: 0;
  display: grid;
  gap: 1rem;
}
.text-articol > ol > li {
  counter-increment: pas;
  display: flex;
  gap: 1rem;
  align-items: baseline;
}
.text-articol > ol > li::before {
  content: counter(pas);
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.5rem;
  color: #B08D4C;
  line-height: 1;
  flex: none;
}

/* Lista simpla, cu bulina aurie. */
.text-articol > ul {
  list-style: none;
  margin: 0 0 1.4rem;
  padding: 0;
  display: grid;
  gap: .7rem;
}
.text-articol > ul > li {
  display: flex;
  gap: .9rem;
  align-items: baseline;
}
.text-articol > ul > li::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #B08D4C;
  flex: none;
  transform: translateY(-3px);
}

.text-articol a { border-bottom: 1px solid #C6CDBB; }
.text-articol a:hover { border-bottom-color: #B08D4C; }
.text-articol strong { font-weight: 700; }
.text-articol em { font-style: italic; }
.text-articol img {
  width: 100%;
  border-radius: 6px;
  margin: 2rem 0;
}
.text-articol hr {
  border: 0;
  border-top: 1px solid #E3DCD1;
  margin: 2.6rem 0;
}