/*
Theme Name: Reviste 2026
Author: Social IT
Author URI: https://www.socialit.ro
Description: Tema comună a Revistei Profesorului, a Revistei de Pedagogie Digitala și a Journal of Digital Pedagogy: aspectul Olsen Light refăcut fără jQuery, cu Literata pentru citit, panoul din dreapta din widgeturi și arhiva făcută automat (numere lunare sau volume cu DOI și PDF).
Version: 1.1.5
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: reviste-2026
*/

:root {
  --text: #333; --inchis: #161616; --gri: #555; --linie: #ebebeb; --fundal-gri: #f1f1f1;
  --verde: #558219; --verde-inchis: #3f6413; --sigla: #144722; --rosu: #aa0000;
  --lat: 1040px;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 70px; }
body { margin: 0; background: #fff; color: var(--text); font: 15px/1.7 "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
img, svg { max-width: 100%; height: auto; }
a { color: var(--inchis); text-decoration: none; }
a:hover { color: var(--verde); }
a:focus-visible, button:focus-visible, input:focus-visible, summary:focus-visible { outline: 2px solid var(--verde); outline-offset: 2px; }
.ic { width: 1em; height: 1em; fill: currentColor; vertical-align: -0.125em; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.sari { position: absolute; left: -999px; top: 8px; background: var(--inchis); color: #fff; padding: 8px 14px; z-index: 10; }
.sari:focus { left: 8px; color: #fff; }
.container { max-width: var(--lat); margin: 0 auto; padding: 0 15px; }

/* Antet: sigla centrată, bara de meniu între două linii */
.antet { text-align: center; padding-top: 50px; padding-bottom: 0; }
.sigla { display: inline-flex; flex-direction: column; align-items: center; gap: 6px; color: var(--sigla); }
.sigla:hover { color: var(--sigla); }
.sigla img { width: 80px; height: 80px; }
.sigla span { font-size: 29px; line-height: 1.1; letter-spacing: .2px; }
.bara-fix { position: sticky; top: 0; z-index: 20; background: #fff; margin-top: 34px; transition: box-shadow .2s; }
.bara-fix.lipit { box-shadow: 0 6px 18px rgba(0, 0, 0, .07); }
/* aceeași lățime ca liniile conținutului (1010 px), nu ca cutia containerului */
.bara { border-top: 1px solid var(--linie); border-bottom: 1px solid var(--linie); padding: 0; max-width: calc(var(--lat) - 30px); }
@media (max-width: 1040px) { .bara { margin: 0 15px; } }
.bara-fix.lipit .bara { border-top-color: transparent; }
/* elementele ocupă bara de la un capăt la altul: primul lipit de stânga, ultimul de dreapta, spațiu egal între ele */
.nav { list-style: none; margin: 0 0 -1px; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 18px; }
/* padding-left = letter-spacing, ca textul să stea exact la mijloc (spațierea se adaugă și după ultima literă) */
.nav a { display: block; padding: 15px 0 13px 2px; font-size: 11.5px; letter-spacing: 2px; color: var(--inchis); border-bottom: 2px solid transparent; transition: color .15s, border-color .15s; }
.nav a:hover { color: var(--verde); border-bottom-color: var(--linie); }
.nav a[aria-current] { color: var(--verde); border-bottom-color: var(--verde); }
.meniu-mobil { display: none; }

/* Două coloane: conținut + panoul din dreapta (zona de widgeturi „Blog”) */
.coloane { display: grid; grid-template-columns: minmax(0, 1fr) 316px; }
.principal { padding: 50px 30px 40px 0; min-width: 0; }
.lateral { border-left: 1px solid var(--linie); padding-left: 30px; font-size: 13.5px; line-height: 1.65; }

/* Lista de articole */
.intrare { margin-bottom: 56px; }
.titlu { font-size: 26px; line-height: 1.23; font-weight: 300; text-align: center; margin: 0 0 10px; color: var(--text); }
.titlu a { color: var(--inchis); }
.titlu a:hover { color: var(--verde); }
.meta { font-size: 10.5px; letter-spacing: 2px; color: var(--gri); text-align: center; margin: 0 0 14px; line-height: 1.7; }
.meta .autor { color: var(--verde-inchis); font-weight: 600; }
.meta .autor:hover { text-decoration: underline; }
.extras p { margin: 0 0 12px; }
.utile { display: flex; align-items: center; margin-top: 22px; }
.utile::before { content: ""; flex: 1; border-top: 1px solid var(--linie); }
.mai-mult { border: 1px solid var(--linie); padding: 9px 14px; font-size: 11.5px; color: var(--verde-inchis); background: #fff; }
.mai-mult:hover { border-color: var(--verde); }

.pagination .nav-links { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 10px; font-size: 11.5px; font-weight: 700; }
.pagination .nav-links > * { min-width: 43px; height: 43px; display: inline-flex; align-items: center; justify-content: center; padding: 0 12px; }
.pagination .nav-links .current { background: var(--inchis); color: #fff; }
.pagination .nav-links a:hover { background: var(--fundal-gri); color: var(--inchis); }

/* Panoul din dreapta */
.widget { padding: 30px 0; border-bottom: 1px solid var(--linie); }
.widget:first-child { padding-top: 50px; }
.widget p { margin: 10px 0 0; }
.widget a:not(:has(img)) { color: var(--inchis); }
.widget a:not(:has(img)):hover { color: var(--verde); }
.widget img { display: block; }
.sigla-fpse img { width: 155px; }
.cauta { display: flex; }
.cauta input { flex: 1; min-width: 0; border: 0; background: var(--linie); padding: 10px 14px; font: inherit; font-size: 13px; letter-spacing: 2px; color: var(--text); border-radius: 0; }
.cauta input::placeholder { text-transform: uppercase; color: #888; }
.cauta button { width: 62px; border: 0; background: var(--verde); color: #fff; font-size: 15px; cursor: pointer; }
.cauta button:hover { background: var(--verde-inchis); }

/* Articolul: pe toată lățimea, cum e acum, dar cu textul la o lățime de citit */
.articol { padding: 50px 0 40px; }
.articol .titlu { font-size: 30px; max-width: 860px; margin-left: auto; margin-right: auto; }
.continut, .articol .accesari, .articol .categorii, .autor-caseta, .vecine, .asemanatoare { max-width: 760px; margin-left: auto; margin-right: auto; }
.continut { font-size: 16px; line-height: 1.75; margin-top: 30px; }
.continut p { margin: 0 0 20px; }
.continut h3 { font-size: 22px; font-weight: 400; color: var(--sigla); margin: 34px 0 14px; line-height: 1.3; }
.accesari { font-size: 14px; margin-top: 30px; }
.accesari .ic { color: var(--verde); }
.categorii { margin: 18px 0 26px; font-size: 14px; }
.etichete { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.etichete a { background: var(--linie); color: #444; font-size: 10.5px; letter-spacing: 2px; padding: 3px 8px; }
.etichete a:hover { background: var(--verde); color: #fff; }
.distribuie { display: flex; align-items: center; gap: 14px; max-width: 760px; margin: 0 auto 30px; }
.distribuie::before, .distribuie::after { content: ""; flex: 1; border-top: 1px solid var(--linie); }
.distribuie ul { list-style: none; display: flex; gap: 2px; padding: 0; margin: 0; }
.distribuie a, .distribuie button { width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: transparent; color: var(--inchis); font-size: 16px; cursor: pointer; transition: background .15s, color .15s; }
.distribuie a:hover, .distribuie button:hover { color: #fff; background: var(--verde); }
.distribuie button[data-ok] { color: #fff; background: var(--verde); }
.autor-caseta { display: flex; gap: 22px; align-items: center; padding: 8px 0 26px; }
.avatar { flex: none; width: 100px; height: 100px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--verde) 14%, #fff); color: var(--sigla); font-size: 32px; font-weight: 300; }
.autor-caseta h2 { font-size: 20px; font-weight: 300; margin: 0 0 4px; }
.autor-caseta p { margin: 0; font-size: 14px; }
.profil a { color: var(--rosu); }
.vecine { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--linie); margin-top: 6px; margin-bottom: 44px; }
.vecine > * { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 64px; padding: 14px 24px; text-align: center; transition: background .15s; }
.vecine > * + * { border-left: 1px solid var(--linie); }
.vecine strong { font-size: 11.5px; font-weight: 700; color: var(--inchis); }
.vecine small { font-size: 13px; line-height: 1.35; color: var(--gri); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; max-width: 100%; }
.vecine a:hover { background: #fafafa; }
.vecine a:hover strong { color: var(--verde); }
.vecine .gol strong, .vecine .gol small { color: #aaa; }
.asemanatoare { max-width: 1010px; }
.asemanatoare h2 { display: flex; align-items: center; gap: 16px; font-size: 20px; font-weight: 300; margin: 0 0 22px; }
.asemanatoare h2::before, .asemanatoare h2::after { content: ""; flex: 1; border-top: 1px solid var(--linie); }
.asemanatoare ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.card { position: relative; height: 100%; display: flex; flex-direction: column; border: 1px solid var(--linie); border-top: 2px solid var(--verde); padding: 18px 20px 16px; background: #fff; transition: border-color .15s, box-shadow .15s; }
.card:hover { border-color: color-mix(in srgb, var(--verde) 22%, #fff); border-top-color: var(--verde); box-shadow: 0 6px 18px rgba(0, 0, 0, .06); }
.card-rubrica { margin: 0 0 8px; font-size: 10.5px; letter-spacing: 2px; text-transform: uppercase; color: var(--verde-inchis); }
.card h3 { margin: 0 0 10px; font-size: 17px; font-weight: 400; line-height: 1.35; }
.card h3 a { color: var(--inchis); }
.card h3 a::after { content: ""; position: absolute; inset: 0; }
.card:hover h3 a { color: var(--verde); }
.card-extras { margin: 0 0 16px; font-size: 13.5px; line-height: 1.55; color: var(--gri); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.card-autor { margin: auto 0 0; display: flex; align-items: center; gap: 10px; padding-top: 12px; border-top: 1px solid var(--linie); font-size: 13px; line-height: 1.3; }
.card-autor small { display: block; font-size: 11.5px; color: var(--gri); letter-spacing: .5px; }
.avatar.mic { width: 34px; height: 34px; font-size: 13px; font-weight: 400; }

/* Arhiva, generată din articole */
.an h2 { font-size: 24px; font-weight: 300; margin: 34px 0 10px; }
.numere { list-style: none; margin: 0; padding: 0; }
.numere li { display: flex; align-items: baseline; gap: 10px; border-bottom: 1px solid var(--linie); padding: 9px 0; font-size: 16px; }
.numere li a { color: var(--verde); font-weight: 600; }
.numere li a:hover { color: var(--verde-inchis); text-decoration: underline; }
.numere li span { margin-left: auto; color: var(--gri); }

/* Autori */
.litera h2 { font-size: 40px; font-weight: 100; color: #d9d9d9; margin: 26px 0 0; line-height: 1.2; }
.litera ul { list-style: none; margin: 0; padding: 0; }
.litera li { display: flex; justify-content: space-between; gap: 10px; border-bottom: 1px dotted #c9c9c9; padding: 6px 0; break-inside: avoid; font-size: 15px; }
.litera li a { color: var(--verde); }
.litera li span { color: var(--verde-inchis); font-weight: 700; }

/* Subsol */
.subsol { margin-top: 30px; background: #f7f7f5; border-top: 1px solid var(--linie); font-size: 13.5px; line-height: 1.65; color: #444; }
.subsol-grila { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 40px; padding-top: 40px; padding-bottom: 34px; }
.subsol-col h2 { margin: 4px 0 12px; font-size: 10.5px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--inchis); }
.subsol-col p { margin: 0 0 8px; }
.subsol-col a { color: var(--verde-inchis); }
.subsol-sigla { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 12px; color: var(--sigla); font-size: 21px; line-height: 1.1; }
.subsol-sigla:hover { color: var(--sigla); }
.subsol-sigla img { width: 44px; height: 44px; }
.issn { font-size: 11.5px; letter-spacing: 1px; color: var(--gri); }
.subsol-buton { display: inline-block; margin-top: 6px; border: 1px solid var(--verde); padding: 8px 16px; font-size: 11.5px; letter-spacing: 1px; color: var(--verde-inchis); background: #fff; }
.subsol-buton:hover { background: var(--verde); color: #fff; }
.subsol-jos { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 20px; padding-top: 14px; padding-bottom: 18px; font-size: 12px; color: #777; position: relative; }
.subsol-jos::before { content: ""; position: absolute; top: 0; left: 15px; right: 15px; border-top: 1px solid #e4e4e0; }

/* Înapoi sus */
.sus { position: fixed; right: 18px; bottom: 18px; width: 44px; height: 44px; border: 0; background: var(--inchis); color: #fff; font-size: 20px; cursor: pointer; opacity: 0; pointer-events: none; transition: opacity .2s; }
.sus.vizibil { opacity: .85; pointer-events: auto; }
.sus:hover { opacity: 1; background: var(--verde); }

/* Tipografia: Literata pentru titluri și textul articolelor, Open Sans pentru interfață (hotărârea lui Doru, 04.11).
   --f-text = textul și interfața, --f-titlu = titlurile, --f-cit = corpul articolului. */
body.rp26 { --f-text: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --f-titlu: "Literata", Georgia, serif; --f-cit: "Literata", Georgia, serif; --g-titlu: 500; --ls-titlu: -0.1px; --m-titlu: 27px; }
body.rp26 { font-family: var(--f-text); font-size: 15.5px; line-height: 1.7; text-rendering: optimizeLegibility; font-kerning: normal; }
.rp26 p, .rp26 li { text-wrap: pretty; }
/* titlurile: mai pline decât Open Sans 300 de acum, rupte echilibrat pe rânduri */
.rp26 .titlu, .rp26 .continut h3, .rp26 .card h3, .rp26 .asemanatoare h2, .rp26 .an h2, .rp26 .autor-caseta h2 { font-family: var(--f-titlu); font-weight: var(--g-titlu); letter-spacing: var(--ls-titlu); text-wrap: balance; }
.rp26 .titlu { font-size: var(--m-titlu); line-height: 1.24; color: #1b1b1b; }
.rp26 .titlu a { color: #1b1b1b; }
.rp26 .articol .titlu { font-size: calc(var(--m-titlu) + 5px); line-height: 1.2; }
.rp26 .continut { font-family: var(--f-cit); font-size: 17px; line-height: 1.75; color: #262626; }
.rp26 .continut { font-size: 17.5px; line-height: 1.8; }
.rp26 .continut h3 { font-size: 23px; color: var(--sigla); }
.rp26 .an h2 { font-size: 26px; }
.rp26 .card h3 { font-size: 18px; line-height: 1.32; }
.rp26 .autor-caseta h2 { font-size: 22px; }
/* rândul de date și meniul: literele spațiate rămân semnul temei, dar mai puțin rare și puțin mai mari */
.rp26 .meta { font-size: 11px; letter-spacing: 1.4px; color: #565656; }
.rp26 .nav a { position: relative; font-size: 11.5px; font-weight: 600; letter-spacing: 1.7px; text-transform: uppercase; color: #2b2b2b; padding: 19px 0 17px 1.7px; border-bottom: 0; }
.rp26 .nav a::after { content: ""; position: absolute; left: 1.7px; right: 0; bottom: 0; height: 2px; background: var(--verde); transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
.rp26 .nav a:hover { color: var(--verde-inchis); }
.rp26 .nav a:hover::after { transform: scaleX(1); background: color-mix(in srgb, var(--verde) 32%, #fff); }
.rp26 .nav a[aria-current] { color: var(--verde-inchis); }
.rp26 .nav a[aria-current]::after { transform: scaleX(1); background: var(--verde); }
.rp26 .bara-fix.lipit .nav a { padding-top: 15px; padding-bottom: 13px; }
.rp26 .etichete a, .rp26 .card-rubrica, .rp26 .subsol-col h2 { letter-spacing: 1.4px; }
.rp26 .extras { font-size: 16px; color: #2c2c2c; }
.rp26 .numere li span, .rp26 .litera li span, .rp26 .pagination .nav-links, .rp26 .accesari { font-variant-numeric: tabular-nums; }
.rp26 .litera h2 { font-family: var(--f-titlu); font-weight: 300; }
.rp26 .litera h2 { font-weight: 400; color: #d4d4d4; }

/* Panoul din dreapta: aceleași widgeturi și linii, cu textul mai așezat */
.rp26 .lateral { color: #4b4b4b; font-size: 14px; line-height: 1.7; }
.rp26 .widget { padding: 30px 0 32px; }
.rp26 .widget p { margin: 12px 0 0; }
.rp26 .lateral strong { color: var(--sigla); font-weight: 700; }
.rp26 .widget a:not(:has(img)) { color: var(--sigla); text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--sigla) 22%, transparent); text-underline-offset: 3px; text-decoration-thickness: 1px; }
.rp26 .widget a:not(:has(img)):hover { color: var(--verde-inchis); text-decoration-color: var(--verde); }
.rp26 .widget a:has(> strong) { text-decoration: none; }
.rp26 .widget a:has(> strong) strong { font-family: var(--f-titlu); font-weight: 600; font-size: 15.5px; letter-spacing: 0; }
.rp26 .widget-text p:last-child { font-size: 12.5px; color: #777; letter-spacing: .3px; }
.rp26 .widget img { margin-bottom: 4px; }
.rp26 .cauta input { font-size: 12px; letter-spacing: 1.6px; }


/* ------------------------------------------------------------------ Marcajul WordPress */
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.pagination { margin-top: 10px; }
.pagination .nav-links .dots { min-width: 30px; }
.meniu-mobil-lista { list-style: none; margin: 0; padding: 0 0 10px; }
.antet-arhiva { margin-bottom: 26px; }
.antet-arhiva .titlu { margin-bottom: 6px; }
.sub { text-align: center; color: var(--gri); font-size: 13px; letter-spacing: 1px; margin: 0; }
.antet-arhiva .cauta { max-width: 460px; margin: 18px auto 0; }
.lista-scurta { margin: 0; padding-left: 22px; }
.lista-scurta li { margin-bottom: 14px; padding: 6px 8px; }
.lista-scurta li:hover { background: #f7f7f7; }
.intrare-scurta h2 { font-family: var(--f-text); font-size: 16px; font-weight: 600; line-height: 1.4; margin: 0 0 2px; }
.intrare-scurta h2 a { color: var(--verde); }
.intrare-scurta h2 a:hover { color: var(--verde-inchis); }
.intrare-scurta .meta { text-align: left; letter-spacing: .3px; font-size: 13px; margin: 0; }
.intrare .imagine { display: block; margin: 0 0 18px; }
.imagine-principala { margin: 24px auto 0; max-width: 760px; }
.cifre { margin: 0 0 6px; }
.continut-pagina > :first-child { margin-top: 0; }
.continut-pagina img, .continut img { height: auto; }
.continut a, .continut-pagina a { color: var(--verde-inchis); text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--verde) 35%, transparent); text-underline-offset: 3px; }
.continut a:hover, .continut-pagina a:hover { text-decoration-color: currentColor; }
.continut h2, .continut h4, .continut h5 { font-family: var(--f-titlu); font-weight: 500; color: var(--sigla); line-height: 1.3; margin: 32px 0 12px; }
.continut h2 { font-size: 25px; } .continut h4 { font-size: 19px; } .continut h5 { font-size: 17px; }
.continut ul, .continut ol, .continut-pagina ul, .continut-pagina ol { margin: 0 0 20px; padding-left: 24px; }
.continut li { margin-bottom: 6px; }
.continut blockquote { margin: 26px 0; padding: 4px 0 4px 22px; border-left: 3px solid color-mix(in srgb, var(--verde) 25%, #fff); color: #444; font-style: italic; }
.continut table { width: 100%; border-collapse: collapse; margin: 0 0 22px; font-family: var(--f-text); font-size: 14px; }
.continut th, .continut td { border: 1px solid var(--linie); padding: 8px 10px; text-align: left; vertical-align: top; }
.continut th { background: #f7f7f5; }
.continut figure, .wp-caption { max-width: 100%; margin: 0 0 20px; }
.wp-caption-text, .continut figcaption { font-family: var(--f-text); font-size: 13px; color: var(--gri); margin-top: 6px; text-align: center; }
.alignleft { float: left; margin: 4px 22px 12px 0; }
.alignright { float: right; margin: 4px 0 12px 22px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.continut::after, .continut-pagina::after { content: ""; display: table; clear: both; }
.pagini-articol { font-family: var(--f-text); font-weight: 600; }
.autor-caseta h2 a { color: inherit; }
.autor-caseta h2 a:hover { color: var(--verde); }
/* widgeturile din panou: text, bloc imagine cu text dedesubt, căutare (formularul temei sau blocul Căutare, ca pe RPD și JDP) */
.wp-block-search__inside-wrapper { display: flex; }
.wp-block-search__input { flex: 1; min-width: 0; border: 0; background: var(--linie); padding: 10px 14px; font: inherit; font-size: 13px; color: var(--text); border-radius: 0; }
.wp-block-search__input::placeholder { color: #888; }
.wp-block-search__button { border: 0; background: var(--verde); color: #fff; font: inherit; font-size: 12px; font-weight: 600; letter-spacing: 1px; padding: 0 16px; cursor: pointer; }
.wp-block-search__button:hover { background: var(--verde-inchis); }
.widget-title { font-family: var(--f-text); font-size: 11px; font-weight: 600; letter-spacing: 1.6px; text-transform: uppercase; color: var(--inchis); margin: 0 0 14px; }
.widget figure { margin: 0; }
.widget .wp-block-image img { height: auto; }
.widget figcaption, .widget .wp-element-caption { margin: 12px 0 0; font-size: inherit; text-align: left; color: inherit; }
.widget .textwidget > :first-child { margin-top: 0; }
.widget ul { margin: 0; padding-left: 18px; }

/* ------------------------------------------------------------------ Revista științifică (RPD, JDP) */
/* culoarea lor de până acum (#d13f27, a meniului curent și a simbolului din siglă); titlurile din text rămân închise */
body.rp26-stiintific { --verde: #d13f27; --verde-inchis: #a8321f; --sigla: #262626; }
.sigla-imagine img { display: block; width: auto; height: 45px; max-width: min(100%, 432px); object-fit: contain; }
.rp26-stiintific .antet { padding-top: 44px; }
.rp26-stiintific .meta .autor { color: var(--inchis); }
.citeaza { max-width: 760px; margin: 0 auto 30px; padding: 18px 20px; background: #f7f7f5; border-left: 3px solid var(--verde); font-size: 14px; }
.citeaza h2 { margin: 0 0 8px; font-size: 10.5px; font-weight: 600; letter-spacing: 1.4px; text-transform: uppercase; color: var(--inchis); }
.citeaza p { margin: 0 0 12px; line-height: 1.6; overflow-wrap: anywhere; }
.citeaza button { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--linie); background: #fff; padding: 6px 12px; font: inherit; font-size: 12px; color: var(--inchis); cursor: pointer; }
.citeaza button:hover { border-color: var(--verde); color: var(--verde-inchis); }
.citeaza button[data-ok] { border-color: var(--verde); color: var(--verde-inchis); }
.licenta { font-size: 12px; color: var(--gri); }
.volum h2 { font-size: 21px; margin: 34px 0 8px; }
.volum:first-of-type h2 { margin-top: 10px; }
.volum h3 { font-size: 13px; font-weight: 600; letter-spacing: 1.4px; text-transform: uppercase; margin: 18px 0 4px; }
.volum-pdf { margin: 0 0 6px; font-size: 14px; color: var(--gri); }
.volum-pdf a { color: var(--verde-inchis); font-style: italic; }
.volum-pdf a:hover { text-decoration: underline; }
.volum-pdf span { font-size: 11px; font-weight: 700; letter-spacing: 1px; }
.in-curs { font-style: italic; }
.cuprins { list-style: none; margin: 0; padding: 0; }
.cuprins li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 16px; padding: 12px 8px; border-bottom: 1px solid var(--linie); font-size: 14.5px; line-height: 1.5; }
.cuprins li:hover { background: #f7f7f7; }
.cuprins-autori { grid-area: 1 / 1; color: #444; }
.cuprins-pagini { grid-area: 1 / 2; color: #999; font-size: 13px; font-variant-numeric: tabular-nums; text-align: right; }
.cuprins-titlu { grid-area: 2 / 1; padding-left: 32px; font-family: var(--f-titlu); font-size: 16px; color: var(--inchis); }
.cuprins-titlu:hover { color: var(--verde-inchis); text-decoration: underline; }
.cuprins-leg { grid-area: 2 / 2; align-self: end; font-size: 12px; font-weight: 700; white-space: nowrap; text-align: right; color: #999; }
.cuprins-leg a { color: var(--verde-inchis); }
.cuprins-leg a:hover { text-decoration: underline; }
/* categoriile și cuvintele cheie, ca în tema de acum a RPD/JDP: eticheta în stânga, pastile rotunjite cu text normal */
.rp26-stiintific .categorii { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 6px 14px; align-items: baseline; margin: 14px auto; font-size: 14.5px; } /* margin auto: rămâne în coloana de 760 px */
.rp26-stiintific .categorii > strong { font-family: var(--f-text); font-weight: 700; color: var(--inchis); }
.rp26-stiintific .etichete { margin-top: 0; gap: 6px 4px; }
.rp26-stiintific .etichete a { font-family: var(--f-text); font-size: 12.5px; letter-spacing: 0; text-transform: none; line-height: 1.4; padding: 4px 12px; border-radius: 12px; background: #f1f1f1; color: #333; }
.rp26-stiintific .etichete a:hover { background: #dcdcdc; color: var(--inchis); }
.rp26-stiintific .accesari { margin-top: 18px; }
/* titlurile din liste: 24 px pe toate revistele (Doru, 04.11); cele științifice, cu ~100 de caractere, au rândurile umplute, nu echilibrate */
.rp26 .intrare .titlu { font-size: 24px; line-height: 1.3; }
.rp26-stiintific .intrare .titlu { text-wrap: pretty; }
.rp26-stiintific .intrare .meta { margin-bottom: 16px; }
.rp26-stiintific .articol .titlu { font-size: 30px; line-height: 1.22; }
/* Structura articolului (clasele le pune rp26_structura; textul e cel scris de redacție) */
.rp26-stiintific .continut h2 { font-size: 25px; font-weight: 500; color: #1b1b1b; margin: 44px 0 14px; line-height: 1.25; }
.rp26-stiintific .continut h3 { font-size: 20px; font-weight: 500; color: #1b1b1b; margin: 34px 0 10px; }
.rp26-stiintific .continut h4 { font-family: var(--f-text); font-size: 14px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: #3a3a3a; margin: 28px 0 8px; }
.rp26-stiintific .continut h2 strong, .rp26-stiintific .continut h3 strong, .rp26-stiintific .continut h4 strong { font-weight: inherit; }
.continut .subtitlu { font-family: var(--f-text); font-size: 15px; font-weight: 600; color: var(--inchis); margin: 24px 0 8px; line-height: 1.45; }
.continut .subtitlu + p { margin-top: 0; }
.continut .eticheta, .continut .camp > strong:first-child, .continut .camp > b:first-child { font-family: var(--f-text); font-size: 12px; font-weight: 700; letter-spacing: .9px; text-transform: uppercase; color: #6b6b6b; }
.continut .eticheta { margin: 18px 0 4px; }
.continut .eticheta + p { margin-top: 0; }
.continut .camp { margin-bottom: 10px; }
.continut .camp > strong:first-child { margin-right: 2px; }
.continut hr.sep { border: 0; border-top: 1px solid #d9d9d9; width: 140px; margin: 36px auto; }
.rezumat-bloc { background: #f7f7f5; padding: 20px 24px 10px; margin: 0 0 26px; font-size: 16px; line-height: 1.7; }
.rezumat-bloc .titlu-tradus { font-size: 19px; line-height: 1.35; color: #333; margin-bottom: 14px; }
.rezumat-bloc p { margin-bottom: 14px; }
.rezumat-bloc hr.sep { width: auto; margin: 16px 0 18px; border-top-color: #e3e3df; } /* doar între cele două limbi */
.rezumat-bloc > hr.sep:last-child, .rezumat-bloc > hr.sep:first-child { display: none; }
.rezumat-bloc .camp { font-size: 15px; }
.ref-revista { text-align: center; font-family: var(--f-text); font-size: 13px; line-height: 1.8; color: #555; margin: 0; }
.ref-revista a { text-decoration: none; font-weight: 600; }
.ref-revista a:hover { text-decoration: underline; }
.referinte p { padding-left: 1.6em; text-indent: -1.6em; font-size: 15px; line-height: 1.6; margin-bottom: 9px; overflow-wrap: anywhere; }
.despre-autori { background: #f7f7f5; padding: 22px 24px 18px; margin-top: 36px; font-family: var(--f-text); font-size: 14.5px; line-height: 1.65; color: #333; }
.despre-autori p { margin-bottom: 10px; }
.despre-autori hr.sep { width: auto; margin: 18px 0; border-top-color: #e3e3df; }
.despre-autori hr.sep:first-child { display: none; }
.despre-autori > p:first-child, .despre-autori hr.sep:first-child + p { margin-top: 0; }
.despre-autori .eticheta { margin-top: 14px; }
.despre-autori .citare { background: #fff; border-left: 3px solid var(--verde); padding: 12px 16px; margin: 6px 0 8px; font-size: 14px; }
.despre-autori .camp.citare > strong:first-child { display: block; margin-bottom: 4px; }
.citare-actiuni { display: block; margin-top: 10px; }
.citare-actiuni button { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #d5d5d0; background: #fff; padding: 6px 12px; font: inherit; font-size: 12px; color: var(--inchis); cursor: pointer; }
.citare-actiuni button:hover, .citare-actiuni button[data-ok] { border-color: var(--verde); color: var(--verde-inchis); }
.continut img[src*="orcid" i], .continut img[src*="ORCID"] { display: inline-block; width: 16px; height: 16px; vertical-align: -2px; margin: 0 2px 0 0; }
/* tabelele: antet gri, chenar subțire, text mai mic, fără dungi (strică rândurile unite); pe telefon se derulează */
.tabel-derulabil { overflow-x: auto; margin: 0 0 24px; -webkit-overflow-scrolling: touch; }
.rp26-stiintific .continut table { width: 100% !important; margin: 0; font-size: 14px; line-height: 1.5; border: 1px solid #d6d6d6; }
.rp26-stiintific .continut th, .rp26-stiintific .continut td { border: 1px solid #d6d6d6; padding: 8px 10px; vertical-align: top; }
.rp26-stiintific .continut td p { margin: 0 0 6px; }
.rp26-stiintific .continut td p:last-child { margin-bottom: 0; }
.rp26-stiintific .continut th, .rp26-stiintific .continut thead td, .rp26-stiintific .continut table.antet-aldin tr:first-child td { background: #efefec; color: var(--inchis); font-weight: 600; }
.rp26-stiintific .continut table.antet-aldin tr:first-child td strong { font-weight: 600; }
.rp26-stiintific .continut tbody tr:hover td { background: #fafaf8; }
.rp26-stiintific .continut table.antet-aldin tr:first-child:hover td { background: #efefec; }
.nota-editor { margin-top: 36px; padding: 14px 18px; border: 1px dashed #c9c9c9; font-size: 13.5px; }
.nota-editor ul { margin: 6px 0 0; padding-left: 18px; }
.conferinta { padding-top: 30px; }
.continut h1 { font-family: var(--f-titlu); font-weight: 500; font-size: 30px; line-height: 1.22; color: var(--inchis); margin: 26px 0 18px; text-wrap: balance; }
.conferinta .continut { margin-top: 0; }
.conferinta .continut > p:first-child { text-align: center; font-family: var(--f-text); font-size: 14px; color: var(--gri); }

/* Telefon și tabletă */
@media (max-width: 1040px) {
  .nav { column-gap: 14px; }
  .rp26 .nav a { font-size: 10.5px; letter-spacing: 1.1px; padding-left: 1.1px; }
}
@media (max-width: 860px) {
  .coloane { grid-template-columns: 1fr; }
  .principal { padding: 34px 0; }
  .lateral { border-left: 0; border-top: 1px solid var(--linie); padding-left: 0; }
  .widget:first-child { padding-top: 30px; }
  .asemanatoare ul { grid-template-columns: 1fr; gap: 16px; }
  .subsol-grila { grid-template-columns: 1fr 1fr; gap: 28px; }
  .subsol-revista { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
  .alignleft, .alignright { float: none; margin: 0 0 16px; }
  .antet { padding-top: 34px; }
  .nav { display: none; }
  .bara-fix { position: static; }
  .meniu-mobil { display: block; text-align: center; }
  .meniu-mobil summary { list-style: none; cursor: pointer; padding: 14px 0; font-size: 16px; letter-spacing: 2px; }
  .meniu-mobil summary::-webkit-details-marker { display: none; }
  .meniu-mobil ul { list-style: none; margin: 0; padding: 0 0 10px; }
  .meniu-mobil a { display: block; padding: 11px 0; border-top: 1px solid var(--linie); font-size: 13px; letter-spacing: 2px; }
  .titlu, .articol .titlu, .rp26 .titlu, .rp26 .articol .titlu { font-size: 23px; }
  .continut { font-size: 16px; }
  .vecine { grid-template-columns: 1fr; }
  .vecine > * + * { border-left: 0; border-top: 1px solid var(--linie); }
  .vecine small { -webkit-line-clamp: 2; }
  .subsol-grila { grid-template-columns: 1fr; gap: 22px; padding-top: 30px; }
  .autor-caseta { align-items: flex-start; }
  .avatar { width: 72px; height: 72px; font-size: 24px; }
  .litera ul { columns: 1; }
  .cuprins-titlu { padding-left: 0; }
  .rezumat-bloc, .despre-autori { padding-left: 16px; padding-right: 16px; }
  .rp26 .intrare .titlu { font-size: 21px; }
  .rp26-stiintific .categorii { grid-template-columns: 96px minmax(0, 1fr); }
  .rp26-stiintific .articol .titlu { font-size: 24px; }
  .sigla-imagine img { height: auto; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }