/* ===== Stil "plat" pentru pagina de întrebare ===== */
.content-plain{
  font-size:1rem;line-height:1.6;color:#111827;font-style:normal;
}

/* Headings: aceeași mărime ca textul, doar bold; fără spații mari */
.content-plain h1,
.content-plain h2,
.content-plain h3,
.content-plain h4,
.content-plain h5,
.content-plain h6{
  font-size:1rem !important;
  font-weight:700 !important;
  line-height:inherit !important;
  margin:0 !important;
  padding:0 !important;
}

/* Paragrafe compacte */
.content-plain p{margin:.25rem 0;}

/* Liste: ascundem bullets/numere și punem "-" personalizat */
.content-plain ul,
.content-plain ol{
  list-style:none !important;
  margin:0 !important;
  padding-left:0 !important;
}

/* Li: indent mic și marcaj vizibil */
.content-plain li{
  margin:0 !important;
  position:relative;
  padding-left:1.25rem !important;
}

/* pentru cazurile <li><p>...</p></li> generate de editor */
.content-plain li > p{margin:0 !important;}

/* Marcajul "-" */
.content-plain li::before{
  content:"-";
  position:absolute;
  left:0;
  top:.1rem;
  font-weight:700;
  color:#374151; /* mai închis ca să se vadă clar */
}

/* Citate discrete */
.content-plain blockquote{
  margin:.25rem 0 !important;
  padding:.5rem .75rem;
  border-left:3px solid #e5e7eb;
  background:#f9fafb;
  color:#374151;
}

/* Cod / pre compacte */
.content-plain code{
  background:#f3f4f6;padding:.1rem .25rem;border-radius:.25rem;
}
.content-plain pre code{
  display:block;padding:.5rem .75rem;overflow-x:auto;
}

/* Tabele compacte */
.content-plain table{width:100%;border-collapse:collapse;margin:.5rem 0;}
.content-plain th,.content-plain td{border:1px solid #e5e7eb;padding:.4rem .5rem;text-align:left;}
.content-plain th{background:#f3f4f6;font-weight:600;}

/* Link-uri simple */
.content-plain a{color:#2563eb;text-decoration:none;}
.content-plain a:hover{text-decoration:underline;}

/* ===== Varianta bogată (dacă o folosești în alte pagini) ===== */
.content-rich{font-size:1rem;line-height:1.7;}
.content-rich h1,.content-rich h2,.content-rich h3{font-weight:700;margin:1.2em 0 .6em;}
.content-rich h1{font-size:1.75rem;}
.content-rich h2{font-size:1.5rem;}
.content-rich h3{font-size:1.25rem;}
.content-rich p{margin:.8em 0;}
.content-rich ul,.content-rich ol{padding-left:1.4em;margin:.6em 0;}
.content-rich li{margin:.3em 0;}
.content-rich blockquote{border-left:4px solid #cbd5e1;padding:.5em .9em;background:#f8fafc;color:#334155;margin:1em 0;}
.content-rich code{background:#f1f5f9;padding:.15em .35em;border-radius:.25rem;}
.content-rich pre code{display:block;padding:1em;overflow-x:auto;}
.content-rich table{width:100%;border-collapse:collapse;margin:1em 0;}
.content-rich th,.content-rich td{border:1px solid #e5e7eb;padding:.6em .7em;text-align:left;}
.content-rich th{background:#f3f4f6;font-weight:600;}
.content-rich a{color:#2563eb;text-decoration:none;}
.content-rich a:hover{text-decoration:underline;}

/* ==== ARTICLE PAGE MOBILE CLEANUP ==== */

.page-article .page-wrap,
.page-article main {
  background: transparent; /* fără gri în containerele intermediare */
}

@media (max-width: 640px) {
  .page-article main {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .page-article article {
    border-radius: 0 !important;    /* să pară „lipit” de ecran */
    box-shadow: none !important;     /* fără umbră enervantă pe mobil */
    padding-left: 16px !important;
    padding-right: 16px !important;  /* păstrăm doar un mic gutter de citit */
  }
}

/* dacă ai vreun wrapper cu bg gri din layout, îl anulăm pe pagina de articol */
.page-article .bg-gray-50,
.page-article .bg-slate-50,
.page-article .bg-neutral-50,
.page-article .bg-zinc-50 {
  background: transparent !important;
}

/* ==== TITLU & HEADINGS ca pe question.php ==== */

/* Titlul paginii articol */
.page-article .page-title {
  font-weight: 800;
  line-height: 1.2;        /* ca pe question */
  letter-spacing: normal;
  word-spacing: normal;
  margin: 0 0 .75rem 0;
  font-size: 1.625rem;      /* ~26px pe mobil */
}
@media (min-width: 768px) {
  .page-article .page-title {
    font-size: 2rem;        /* ~32px pe desktop */
    margin-bottom: 1rem;
  }
}

/* Heading-uri din conținutul articolului */
.page-article .content-rich h1,
.page-article .content-rich h2,
.page-article .content-rich h3,
.page-article .content-rich h4,
.page-article .content-rich h5,
.page-article .content-rich h6 {
  letter-spacing: normal !important;
  word-spacing: normal !important;
  line-height: 1.25;            /* strâns ca pe question */
  margin-top: 1.25rem;          /* spațiu rezonabil deasupra */
  margin-bottom: .5rem;         /* spațiu mic dedesubt */
}

/* scări de mărime apropiate de question.php */
.page-article .content-rich h1 { font-size: 1.5rem; }
.page-article .content-rich h2 { font-size: 1.375rem; }
.page-article .content-rich h3 { font-size: 1.25rem; }
.page-article .content-rich h4 { font-size: 1.125rem; }
.page-article .content-rich h5 { font-size: 1rem; }
.page-article .content-rich h6 { font-size: .9375rem; }

@media (min-width: 768px) {
  .page-article .content-rich h1 { font-size: 1.75rem; }
  .page-article .content-rich h2 { font-size: 1.5rem; }
  .page-article .content-rich h3 { font-size: 1.375rem; }
  .page-article .content-rich h4 { font-size: 1.25rem; }
}

/* Paragrafe mai „strânse”, ca pe question */
.page-article .content-rich p {
  line-height: 1.6;
  margin: .75rem 0;
}

/* Listă ca pe question (spațiu mic între itemi) */
.page-article .content-rich ul,
.page-article .content-rich ol {
  margin: .75rem 0 .75rem 1.25rem;
}
.page-article .content-rich li { margin: .25rem 0; }


/* ===== QUESTION PAGE: Comments match answer style ===== */

/* 1) Scoatem fundalul, bordura, umbrele, paddingul de pe cardurile de comentarii */
.page-question .comment,
.page-question .comment-item,
.page-question .comment-box,
.page-question .comment-card,
.page-question .reply,
.page-question .reply-item,
.page-question .reply-box {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* 2) Aliniere stânga: fără indent față de răspuns */
.page-question .comment,
.page-question .comment-item,
.page-question .reply,
.page-question .reply-item {
  margin-left: 0 !important;
}

/* 3) Spațiere „aerisită”, similară cu răspunsul */
.page-question .comment + .comment,
.page-question .reply + .reply,
.page-question .comment-list > * + * {
  margin-top: 0.75rem !important;
}

/* 4) Dacă lista de comentarii e într-un container „card”, îl anulăm */
.page-question .comments-wrap,
.page-question .comment-container,
.page-question .replies-wrap {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.page-question { background:#f9fafb; }

/* 5) Dacă s-a folosit un grid/indent pentru comentarii, îl aducem pe o singură coloană */
@media (max-width: 768px) {
  .page-question .comments-grid { display: block !important; }
}
/* ===== Global footer ===== */
.site-footer {
  width: 100%;
  background: #0f172a;   /* sau culoarea ta */
  color: #fff;
}
.site-footer a { color: inherit; opacity: .9; }
.site-footer a:hover { opacity: 1; }

.page-question .answer,
.page-question .comment,
.page-question .reply {
  line-height: 1.6;
}
.page-question .comment h1,
.page-question .comment h2,
.page-question .comment h3 { line-height: 1.25; margin-bottom: .5rem; }

/* ===== QUESTION: comments look like answer (no boxes/indent) ===== */
.page-question .content-plain { line-height: 1.6; }

.page-question .comments h3 { /* titlul secțiunii Comentarii, dacă vrei să-l semnalăm discret */
  margin-bottom: .75rem;
}

.page-question ul { margin: 0; padding-left: 0; }  /* siguranță extra */
.page-question li { list-style: none; }

/* ===================================================
   CONTENT-RICH: RESTORE HTML SEMANTICS
   =================================================== */

/* HEADINGS */
.content-rich h1 { font-size: 1.75rem; }
.content-rich h2 { font-size: 1.5rem; }
.content-rich h3 { font-size: 1.25rem; }
.content-rich h4 { font-size: 1.125rem; }

.content-rich h1,
.content-rich h2,
.content-rich h3,
.content-rich h4 {
  font-weight: 700;
  line-height: 1.3;
  margin: 1.25rem 0 .5rem;
}

/* LISTS */
.content-rich ul {
  list-style: disc outside;
  padding-left: 1.5rem;
  margin: .75rem 0;
}

.content-rich ol {
  list-style: decimal outside;
  padding-left: 1.5rem;
  margin: .75rem 0;
}

.content-rich li {
  margin: .35rem 0;
}

/* TEXT FORMATTING */
.content-rich strong,
.content-rich b {
  font-weight: 700;
  color: #0f172a;
}

.content-rich em,
.content-rich i {
  font-style: italic;
}

.content-rich u {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.content-rich del,
.content-rich s {
  text-decoration: line-through;
  color: #6b7280;
}

/* LINKS */
.content-rich a {
  color: #2563eb;
  text-decoration: underline;
}
.content-rich a:hover {
  color: #1d4ed8;
}

/* NEW 30.01.2026 */

.content-plain a,
.text-gray-800 a {
  color: #2563eb;            /* blue-600 */
  text-decoration: underline;
  word-break: break-all;
}

.content-plain a:hover,
.text-gray-800 a:hover {
  color: #1d4ed8;            /* blue-700 */
}

/* FIX spacing comentarii / raspunsuri */
.content-plain br {
  display: none;
}

/* spacing controlat */
.content-plain p {
  margin: 0 0 0.75rem 0;
}

.content-plain ul {
  margin: 0.5rem 0 0.75rem 1.25rem;
}

.content-plain li {
  margin: 0.35rem 0;
}

/* BUTTON DESCARCA COD 30.01.2026 */

/* END BUTON */