/*
Theme Name: EduSprijin
Theme URI: https://www.edusprijin.ro
Author: EduSprijin
Description: Temă proprie pentru edusprijin.ro. Pagină de start cu trei secțiuni (profesori de sprijin, profesori de la clasă, părinți), liste de articole pe secțiuni și teme, șabloane pentru articole, pagini-pilon și pagini scrise în HTML.
Version: 1.9.14
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.3
Text Domain: edusprijin
*/

:root{
  --cerneala:#1f1647; --text2:#453a6b; --mov:#5b21b6; --portocaliu:#fd7c02; --fond:#fffdf8; --gri:#eff0f3; --linie:#e6defa;
  --titluri:Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0; background:var(--fond); color:var(--cerneala); font-size:17px; line-height:1.55;
  font-family:Roboto,"Helvetica Neue",Arial,sans-serif;}
h1,h2,h3{font-family:var(--titluri); font-weight:700;}
img{max-width:100%; height:auto;}
a{color:var(--mov);}
:focus-visible{outline:3px solid #1d5fbf; outline-offset:2px;}
.ascuns,.screen-reader-text{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap;}
.sari{position:absolute; left:-9999px; top:0; background:#fff; color:var(--cerneala); padding:10px 16px; z-index:10;}
.sari:focus{left:8px; top:8px;}

/* Bara de sus și bara de jos: paginile de informații în stânga; data sau drepturile și Facebook în dreapta */
.bara{background:var(--gri); font-size:14px; color:var(--text2);}
.bara-in{max-width:1160px; margin:0 auto; padding:6px 24px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px 24px;}
.meniu-pagini{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:2px 20px;}
.meniu-pagini a{display:inline-flex; align-items:center; min-height:32px; color:var(--cerneala); font-weight:700; text-decoration:none;}
.meniu-pagini a:hover{text-decoration:underline;}
.azi{margin:0; display:flex; align-items:center; gap:14px;}
.azi time::first-letter{text-transform:uppercase;}
.fb{display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; color:#1877f2;}
.fb:hover{color:var(--cerneala);}
.subsol{margin-top:40px;}
.subsol .bara-in{padding-top:14px; padding-bottom:14px;}
.abonare{display:inline-flex; align-items:center; min-height:44px; padding:0 20px; text-decoration:none; font-weight:700; font-size:16px;
  color:#fff; background:#d5102d; border:2px solid #d5102d;}
.abonare{gap:8px;}
.abonare:hover{background:#1565d8; border-color:#1565d8;}
.eticheta-azi{display:inline-block; margin-right:6px; padding:2px 8px; font-weight:700; color:#fff; background:#1565d8;}

/* Săgeata de întoarcere la începutul paginii: pătrat gri cu săgeată mică, fix în colțul din dreapta jos, ca pe site-ul actual */
.la-inceput{position:fixed; right:20px; bottom:20px; z-index:20; display:flex; align-items:center; justify-content:center; width:35px; height:35px;
  color:#000; background:#ebebeb; text-decoration:none;}
.la-inceput:hover{background:var(--cerneala); color:#fff;}
@supports (animation-timeline:scroll()){
  .la-inceput{animation:es-apare linear both; animation-timeline:scroll(root); animation-range:0 500px;}
  @keyframes es-apare{from{opacity:0; visibility:hidden;} to{opacity:1; visibility:visible;}}
}

/* Antet */
.antet{background:#fff; border-bottom:3px solid var(--portocaliu);}
.antet-in{max-width:1160px; margin:0 auto; padding:10px 24px; display:flex; flex-wrap:wrap; align-items:center; gap:10px 22px;}
.marca{display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--cerneala);
  font-family:var(--titluri); font-weight:700; font-size:20px;}
.marca img{display:block; width:auto; height:64px; flex:none;}
.nav{flex:1 1 auto; min-width:0;}
.meniu{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px;}
.meniu a{display:inline-flex; align-items:center; min-height:44px; padding:0 14px; border-radius:999px;
  text-decoration:none; font-weight:700; font-size:16px; color:var(--cerneala);}
.meniu a:hover,.meniu .current-menu-item>a,.meniu .current-category-ancestor>a{background:var(--cerneala); color:#fff;}
.cautare{display:flex; gap:6px; flex:0 1 230px; min-width:0;}
.cautare input{flex:1 1 auto; min-width:0; min-height:44px; padding:0 14px; font:inherit; font-size:16px; color:var(--cerneala);
  background:#fff; border:2px solid var(--linie); border-radius:999px;}
.cautare button{min-height:44px; padding:0 16px; font:inherit; font-size:16px; font-weight:700; cursor:pointer;
  color:var(--cerneala); background:var(--portocaliu); border:2px solid var(--cerneala); border-radius:999px;}
.cautare button:hover{background:var(--cerneala); color:#fff;}

/* Banda de sus a paginii de start */
.erou{background:var(--portocaliu);}
.erou-in{max-width:1160px; margin:0 auto; padding:44px 24px 52px; display:flex; flex-wrap:wrap; align-items:center; gap:32px 48px;}
.erou-text{flex:1 1 420px; min-width:0; display:flex; flex-direction:column; gap:18px;}
.erou-text .sus{margin:0; font-weight:700; color:var(--cerneala); letter-spacing:.04em; text-transform:uppercase; font-size:14px;}
.erou h1{margin:0; font-size:clamp(32px,4.4vw,50px); line-height:1.08; letter-spacing:-.02em; text-wrap:balance;}
.erou img{flex:1 1 380px; min-width:0; max-width:540px; width:100%; aspect-ratio:3/2; object-fit:cover; border-radius:20px; border:4px solid #fff;}
.pastile{display:flex; flex-wrap:wrap; gap:10px;}
.pastile a{display:inline-flex; align-items:center; min-height:44px; padding:0 18px; text-decoration:none; font-weight:700; font-size:16px;
  border-radius:999px; border:2px solid var(--cerneala); color:var(--cerneala);}
.pastile .p-sprijin{background:#ffe9d1;} .pastile .p-clasa{background:#d9f0ee;} .pastile .p-parinti{background:#e3f2d6;}
.pastile a:hover{background:var(--cerneala); color:#fff;}

/* Rubrici: titlu cu pătrat colorat, linie dedesubt și legătura „Toate articolele” */
.lat{max-width:1160px; margin:0 auto; padding:36px 24px 10px;}
/* Culorile secțiunilor sunt cele ale frunzelor din logo: portocaliu, albastru-verzui și verde. */
.sprijin{--accent:#fd7c02; --tenta:#ffe9d1;}
.clasa{--accent:#019690; --tenta:#d9f0ee;}
.parinti{--accent:#4ea020; --tenta:#e3f2d6;}
.neutru{--accent:#1f1647; --tenta:#f1eefb;}
.rubrica{margin:0 0 48px; scroll-margin-top:12px;}
.cap-rubrica{display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:6px 24px;
  padding-bottom:10px; margin-bottom:14px; border-bottom:3px solid var(--linie);}
.cap-rubrica h1,.cap-rubrica h2{margin:0; font-size:26px; line-height:1.2; letter-spacing:-.01em; display:flex; align-items:center; gap:12px;}
.cap-rubrica h1::before,.cap-rubrica h2::before{content:""; flex:none; width:16px; height:16px; background:var(--accent);}
.cap-rubrica>a{font-weight:700; font-size:15px; color:var(--cerneala); text-decoration:none;}
.cap-rubrica>a:hover{text-decoration:underline;}
.descriere{margin:0 0 14px; color:var(--text2); max-width:640px;}
.descriere p{margin:0;}
.inapoi{margin:0 0 10px; font-size:15px; font-weight:700;}
.inapoi a{color:var(--text2); text-decoration:none;}
.inapoi a:hover{text-decoration:underline;}
.teme{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 18px;}
.teme a{display:inline-flex; align-items:center; min-height:40px; padding:0 14px; border-radius:999px; background:#fff;
  border:2px solid var(--cerneala); color:var(--cerneala); text-decoration:none; font-weight:700; font-size:15px;}
.teme a:hover{background:var(--cerneala); color:#fff;}

/* Carduri */
.card{position:relative; min-width:0;}
.card-poza{position:relative; overflow:hidden; background:var(--tenta);}
.card-poza img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.card-tema{display:inline-block; font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; line-height:1.3;}
.card-poza .card-tema{position:absolute; left:10px; top:10px; padding:4px 9px; color:var(--cerneala); background:var(--accent);}
.card-text .card-tema{color:var(--cerneala); border-bottom:2px solid var(--accent); margin-bottom:6px;}
.card-titlu{margin:0; font-weight:700; line-height:1.25; text-wrap:balance;}
.card-titlu a{color:var(--cerneala); text-decoration:none;}
.card-titlu a::after{content:""; position:absolute; inset:0;}
.card:hover .card-titlu a{text-decoration:underline; text-decoration-color:var(--accent); text-decoration-thickness:3px; text-underline-offset:3px;}
.card-data{display:block; margin:8px 0 0; font-size:14px; color:var(--text2);}
.card-data strong{color:var(--cerneala);}
.card-text .card-tema.plina{padding:4px 9px; border-bottom:0; background:var(--accent); margin-bottom:10px;}

/* Pagina de start: un card mare și, în dreapta lui, trei carduri mici */
.vitrina{display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); column-gap:32px; align-items:start;}
.card-mare{grid-column:1; grid-row:1 / span 3;}
.card-mare .card-poza{aspect-ratio:16/10;}
.card-mare .card-text{padding-top:14px;}
.card-mare .card-titlu{font-size:26px; line-height:1.2;}
.card-mic{grid-column:2; display:flex; gap:16px; align-items:flex-start; padding:16px 0; border-top:1px solid var(--linie);}
.card-mare + .card-mic{border-top:0; padding-top:0;}
.card-mic .card-poza{flex:0 0 132px; aspect-ratio:4/3;}
.card-mic .card-text{flex:1 1 auto; min-width:0;}
.card-mic .card-titlu{font-size:17px;}

/* Pagina de start: „Cele mai recente articole” — un card înalt în stânga și patru carduri mici (2 + 2) în dreapta */
.rubrica.recente .cap-rubrica h2::before{background:var(--portocaliu);}
.grup-pilon{--accent:var(--portocaliu); --tenta:#ffe9d1;}
.aranjare-1-4{display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr); gap:28px 24px;}
.card-vertical{grid-column:1; grid-row:1 / span 2; display:flex; flex-direction:column;}
.card-vertical .card-poza{flex:1 1 auto; min-height:300px;}
.card-vertical .card-text{padding-top:14px;}
.card-vertical .card-titlu{font-size:26px; line-height:1.2;}
@media (max-width:760px){
  .aranjare-1-4{grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 16px;}
  .card-vertical{grid-column:1 / -1; grid-row:auto;}
  .card-vertical .card-poza{flex:none; min-height:0; aspect-ratio:16/10;}
  .card-vertical .card-titlu{font-size:22px;}
}
@media (max-width:480px){ .aranjare-1-4{grid-template-columns:minmax(0,1fr);} }

/* Pagina de start: șase carduri mici, pe două rânduri de câte trei */
.aranjare-sase,.aranjare-lat{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px 24px;}

/* Pagina de start: un card lat (jumătate imagine, jumătate text) și trei carduri dedesubt */
.card-lat{grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; align-items:center;}
.card-lat .card-poza{aspect-ratio:16/10;}
.card-lat .card-titlu{font-size:30px; line-height:1.15;}
.card-rezumat{margin:12px 0 0; color:var(--text2);}
@media (max-width:760px){
  .aranjare-sase,.aranjare-lat{grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 16px;}
  .card-lat{grid-template-columns:minmax(0,1fr); gap:14px;}
  .card-lat .card-titlu{font-size:22px;}
}
@media (max-width:480px){
  .aranjare-sase,.aranjare-lat{grid-template-columns:minmax(0,1fr);}
}

/* Pagina de categorie: firimituri, numărul de articole, articole pe rânduri și coloana din dreapta */
.firimituri{display:flex; flex-wrap:wrap; gap:4px 8px; margin:0 0 14px; font-size:14px; color:var(--text2);}
.firimituri a{color:var(--cerneala); font-weight:700; text-decoration:none;}
.firimituri a:hover{text-decoration:underline;}
.categorie.cu-coloana{display:grid; grid-template-columns:minmax(0,1fr) 304px; gap:32px 56px; align-items:start;}
.categorie:not(.cu-coloana) .categorie-lista{max-width:860px;}
.cap-categorie{display:flex; align-items:flex-end; justify-content:space-between; gap:12px 32px; margin:0 0 20px;}
.cap-categorie .descriere{margin:0; flex:1 1 auto; max-width:none;}
.numar{margin:0; flex:none; text-align:right; font-size:14px; line-height:1.2; color:var(--text2);}
.numar strong{display:block; font-size:26px; color:var(--cerneala);}
.inrudite{display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 18px;}
.inrudite-titlu{font-size:14px; font-weight:700; color:var(--text2); margin-right:2px;}
.inrudite a{display:inline-flex; align-items:center; min-height:34px; padding:0 12px; border-radius:999px; background:#fff;
  border:2px solid var(--linie); color:var(--cerneala); text-decoration:none; font-size:14px; font-weight:700;}
.inrudite a:hover{border-color:var(--cerneala);}
.randuri{margin-top:8px;}
.card-rand{display:grid; grid-template-columns:minmax(0,2fr) minmax(0,3fr); gap:24px; align-items:center; margin:0 0 32px;}
.card-rand .card-poza{aspect-ratio:3/2;}
.card-rand .card-titlu{font-size:22px; line-height:1.2;}
.card-rand .card-rezumat{margin-top:8px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
.coloana .piesa{margin:0 0 32px;}
.coloana h2{display:flex; align-items:center; gap:10px; margin:0 0 14px; padding-bottom:10px; font-size:19px; line-height:1.2; border-bottom:3px solid var(--linie);}
.coloana h2::before{content:""; flex:none; width:12px; height:12px; background:var(--accent,var(--portocaliu));}
.coloana img{display:block; width:100%; height:auto;}
.coloana figure{margin:0 0 16px;}
.coloana ul{margin:0; padding-left:1.2em;}
.cele-mai-citite{list-style:none; margin:0; padding:0;}
.cele-mai-citite li{margin:0; padding:12px 0; border-top:1px solid var(--linie);}
.cele-mai-citite li:first-child{border-top:0; padding-top:0;}
.cele-mai-citite a{display:flex; gap:12px; align-items:center; color:var(--cerneala); text-decoration:none; font-weight:700; font-size:15px; line-height:1.3;}
.cele-mai-citite a:hover span:last-child{text-decoration:underline;}
.cmc-poza{flex:0 0 84px; width:84px; height:64px; overflow:hidden; background:var(--tenta,#f1eefb);}
.cmc-poza img{width:100%; height:100%; object-fit:cover;}
@media (max-width:900px){
  .categorie.cu-coloana{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:560px){
  .card-rand{grid-template-columns:minmax(0,1fr); gap:12px;}
  .cap-categorie{flex-direction:column; align-items:flex-start;}
  .numar{text-align:left;} .numar strong{display:inline; font-size:18px;}
}

/* Liste: grilă de carduri cu imaginea sus */
.grila{display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:32px 24px;}
.card-grila .card-poza{aspect-ratio:3/2;}
.card-grila .card-text{padding-top:12px;}
.card-grila .card-titlu{font-size:18px;}
@media (max-width:760px){
  .vitrina{grid-template-columns:minmax(0,1fr);}
  .card-mare{grid-row:auto; margin-bottom:16px;}
  .card-mic{grid-column:1;}
  .card-mare + .card-mic{border-top:1px solid var(--linie); padding-top:16px;}
  .card-mare .card-titlu{font-size:22px;}
  .card-mic .card-poza{flex-basis:104px;}
}
.gol{margin:0; color:var(--text2);}
.pagination{margin:24px 0 0;}
.nav-links{display:flex; flex-wrap:wrap; gap:8px;}
.page-numbers{display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:0 12px; border-radius:999px;
  background:#fff; border:2px solid var(--cerneala); color:var(--cerneala); text-decoration:none; font-weight:700;}
.page-numbers.current,a.page-numbers:hover{background:var(--cerneala); color:#fff;}
.pagination{margin-top:32px;}
.page-numbers.dots{border-color:transparent; background:none;}

/* Articol și pagină */
.ingust{max-width:800px; margin:0 auto; padding:36px 24px 10px;}
.cap-articol{margin:0 0 28px; padding:0 0 20px; border-bottom:4px solid var(--linie);}
.articol.sprijin .cap-articol,.articol.clasa .cap-articol,.articol.parinti .cap-articol{border-color:var(--accent);}
.eticheta{margin:0 0 10px;}
.eticheta a{display:inline-flex; align-items:center; min-height:36px; padding:0 14px; border-radius:999px; text-decoration:none;
  font-weight:700; font-size:14px; color:var(--cerneala); border:2px solid var(--cerneala); background:#fff;}
.articol.sprijin .eticheta a,.articol.clasa .eticheta a,.articol.parinti .eticheta a{background:var(--tenta);}
.eticheta a:hover{background:var(--cerneala) !important; color:#fff;}
.cap-articol h1{margin:0; font-size:clamp(30px,4vw,42px); line-height:1.12; letter-spacing:-.015em; text-wrap:balance;}
.data{margin:12px 0 0; font-size:15px; color:var(--text2);}
.text{font-size:18px; line-height:1.65; overflow-wrap:break-word;}
.text>*{margin-top:0; margin-bottom:1.1em;}
.text h2{font-size:28px; line-height:1.2; margin-top:1.6em; margin-bottom:.5em;}
.text h3{font-size:22px; line-height:1.25; margin-top:1.4em; margin-bottom:.4em;}
.text h4{font-size:18px; margin-top:1.3em; margin-bottom:.3em;}
.text ul,.text ol{padding-left:1.4em;}
.text li{margin-bottom:.35em;}
.text img,.text figure{border-radius:12px;}
.text figure{margin-left:0; margin-right:0;}
.text figcaption{font-size:15px; color:var(--text2); margin-top:6px;}
.text blockquote{margin-left:0; margin-right:0; padding:14px 20px; background:#fff; border-left:6px solid var(--portocaliu); border-radius:0 12px 12px 0;}
.text blockquote>:last-child{margin-bottom:0;}
.text table{width:100%; border-collapse:collapse; font-size:16px; display:block; overflow-x:auto;}
.text th,.text td{border:1px solid var(--linie); padding:8px 12px; text-align:left; vertical-align:top;}
.text th{background:#f4f0fd;}
.text pre{overflow-x:auto; padding:14px 16px; background:#fff; border:2px solid var(--linie); border-radius:12px; font-size:15px;}
.text hr{border:0; border-top:2px solid var(--linie); margin:2em 0;}
.text .alignleft{float:left; margin:0 20px 12px 0;} .text .alignright{float:right; margin:0 0 12px 20px;}
.text .aligncenter{display:block; margin-left:auto; margin-right:auto;}

/* Articol: categorii, titlu centrat, autor și date, rezumat, etichete, imagine, autor, comentarii */
.single .cap-articol,.pilon .cap-articol{text-align:center; border-color:var(--accent,var(--linie));}
.categorii-articol{display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:0 0 14px;}
.categorii-articol a{padding:4px 10px; font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; line-height:1.3;
  text-decoration:none; color:var(--cerneala); background:var(--accent,var(--portocaliu));}
.categorii-articol a:hover{background:var(--cerneala); color:#fff;}
.date-articol{display:flex; flex-wrap:wrap; justify-content:center; gap:4px 22px; margin:16px 0 0; font-size:15px; color:var(--text2);}
.date-articol strong{color:var(--cerneala);}
.rezumat{margin:0 0 18px; padding:16px 20px; background:#fff; border-left:6px solid var(--accent,var(--portocaliu)); font-size:19px; line-height:1.55;}
.rezumat p{margin:0;}
.etichete{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 24px;}
.etichete a{display:inline-flex; align-items:center; min-height:34px; padding:0 12px; border-radius:999px; background:#fff;
  border:2px solid var(--linie); color:var(--cerneala); text-decoration:none; font-size:14px; font-weight:700;}
.etichete a:hover{border-color:var(--cerneala);}
.imagine-articol{margin:0 0 28px;}
.imagine-articol img{display:block; width:100%; height:auto; margin:0 auto;}
.final-articol{margin:36px 0 0; display:flex; flex-direction:column; gap:10px;}
.final-rand{margin:0; display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
.etichete-sus{margin:0 0 24px;}
.final-titlu{font-size:14px; font-weight:700; color:var(--text2); margin-right:2px;}
.final-categorie,.final-eticheta{display:inline-flex; align-items:center; min-height:32px; padding:0 12px; font-size:14px; font-weight:700; text-decoration:none; color:var(--cerneala);}
.final-categorie{background:var(--accent,var(--portocaliu));}
.final-eticheta{background:var(--tenta,#ffe9d1);}
.final-categorie:hover,.final-eticheta:hover{background:var(--cerneala); color:#fff;}
.despre-autor{display:flex; gap:20px; align-items:flex-start; margin:44px 0 0; padding:24px 0 0; border-top:4px solid var(--linie);}
.despre-autor img{flex:none; width:80px; height:80px; border-radius:50%;}
.despre-autor .scris-de{margin:0; font-size:13px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--text2);}
.despre-autor h2{margin:2px 0 6px; font-size:22px;}
.despre-autor p{margin:0; color:var(--text2);}
.comentarii{margin:44px 0 0; padding:24px 0 0; border-top:4px solid var(--linie);}
.comentarii h2,.comentarii h3{margin:0 0 16px; font-size:24px;}
.lista-comentarii,.lista-comentarii ol{list-style:none; margin:0; padding:0;}
.lista-comentarii ol{margin-left:28px;}
.lista-comentarii .comment-body{margin:0 0 16px; padding:16px 18px; background:#fff; border:2px solid var(--linie); border-radius:12px;}
.comment-author{display:flex; align-items:center; gap:10px; font-weight:700;}
.comment-author img{border-radius:50%;}
.comment-author .says{display:none;}
.comment-metadata{margin:4px 0 8px; font-size:14px;}
.comment-metadata a{color:var(--text2);}
.comment-content p{margin:0 0 .8em;}
.comment-respond{margin-top:28px;}
.comment-form label{display:block; margin:0 0 6px; font-weight:700; font-size:15px;}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{
  display:block; width:100%; padding:10px 14px; font:inherit; color:inherit; background:#fff; border:2px solid var(--cerneala); border-radius:10px;}
.comment-form .comment-form-cookies-consent label{display:inline; font-weight:400;}
.comment-form .comment-form-verificare input[type=text]{width:5em; text-align:center;}
.comment-form input[type=submit]{min-height:48px; padding:0 22px; font:inherit; font-weight:700; cursor:pointer;
  color:var(--cerneala); background:var(--portocaliu); border:2px solid var(--cerneala); border-radius:999px;}
.comment-form input[type=submit]:hover{background:var(--cerneala); color:#fff;}
@media (max-width:560px){ .despre-autor{flex-direction:column; gap:12px;} .date-articol{gap:2px 16px;} }

/* Articol cu cuprins: textul în stânga, cuprinsul în bara laterală din dreapta, fix la derulare */
.ingust.cu-cuprins{max-width:1160px;}
.cu-cuprins .articol{display:grid; grid-template-columns:minmax(0,800px) 260px; column-gap:56px; justify-content:center;}
.cu-cuprins .articol>*{grid-column:1; min-width:0;}
.cu-cuprins .articol>.cuprins{grid-column:2; grid-row:1 / span 20; align-self:start; position:sticky; top:16px; max-height:calc(100vh - 32px); overflow:auto;}
.cuprins{padding:16px 18px 18px; background:#fff; border:2px solid var(--linie); border-top:6px solid var(--accent,var(--portocaliu));}
.cuprins h2{margin:0 0 10px; font-size:18px;}
.cuprins ol{margin:0; padding-left:1.3em; font-size:15px; line-height:1.35;}
.cuprins li{margin:0 0 8px;}
.cuprins a{color:var(--cerneala); text-decoration:none;}
.cuprins a:hover{text-decoration:underline;}
.text h2[id]{scroll-margin-top:16px;}
@media (max-width:1000px){
  .cu-cuprins .articol{display:block;}
  .cu-cuprins .articol>.cuprins{position:static; max-height:none; margin:0 0 28px;}
  .ingust.cu-cuprins{max-width:800px;}
}

/* Pagină pilon: titlu, data actualizării și conținut pe toată lățimea, cu stilurile proprii ale paginii */
.pilon{max-width:1280px; margin:0 auto; padding:36px 24px 10px;}
.pilon.cu-cuprins .articol{grid-template-columns:minmax(0,1fr) 260px; column-gap:48px;}
.pilon .articol{max-width:none;}
.continut-pilon{display:flow-root;}
@media (max-width:600px){ .pilon{padding:24px 16px 6px;} .bara-in{padding-left:16px; padding-right:16px;} }

/* Pagină HTML: conținutul își păstrează stilurile proprii */
.html-propriu{display:flow-root;}

/* Subsol */

@media (max-width:600px){
  .antet-in{padding:10px 16px;} .cautare{flex-basis:100%;}
  .erou-in{padding:28px 16px 32px;} .lat,.ingust{padding:24px 16px 6px;}
  .cap-rubrica h1,.cap-rubrica h2{font-size:23px;}
}
@media print{ .antet .nav,.cautare,.bara,.abonare,.la-inceput,.sari{display:none;} body{background:#fff;} }

/* Formularul de contact (pagina Contact) */
.formular-contact{margin-top:32px; padding-top:8px; border-top:1px solid var(--linie);}
.formular-contact form p{margin:0 0 16px;}
.formular-contact label{display:block; margin:0 0 6px; font-weight:700; font-size:15px;}
.formular-contact input[type=text],.formular-contact input[type=email],.formular-contact textarea{
  display:block; width:100%; padding:10px 14px; font:inherit; color:inherit; background:#fff; border:2px solid var(--cerneala); border-radius:10px;}
.formular-contact .contact-acord label{display:inline; font-weight:400;}
.formular-contact .contact-verificare input[type=text]{width:5em; text-align:center;}
.formular-contact button{min-height:48px; padding:0 22px; font:inherit; font-weight:700; cursor:pointer;
  color:var(--cerneala); background:var(--portocaliu); border:2px solid var(--cerneala); border-radius:999px;}
.formular-contact button:hover{background:var(--cerneala); color:#fff;}
.contact-mesaj{padding:12px 16px; border-radius:10px; margin:0 0 18px;}
.contact-ok{background:#e3f2d6; border:2px solid #4ea020;}
.contact-eroare{background:#fdecee; border:2px solid #d5102d;}
.contact-eroare p,.contact-eroare ul{margin:0;} .contact-eroare ul{padding-left:20px; margin-top:6px;}