/* ==========================================================================
   consultantabistrita.ro / Cora SRL
   Foaie de stil comună. Se încarcă în toate paginile.
   Paletă rece, tipografie reală. Sistem vizual v2.0, septembrie 2026.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Fonturi, găzduite local în folderul /fonts/
   Vezi instructiuni-netlify.md, secțiunea despre fonturi, pentru ce descarci.
   Până când fișierele există, paginile folosesc fonturile de rezervă și arată
   corect, doar puțin altfel.
   -------------------------------------------------------------------------- */
@font-face{
  font-family:"Libre Franklin";
  src:url("fonts/LibreFranklin-Variable.woff2") format("woff2-variations"),
      url("fonts/LibreFranklin-Variable.woff2") format("woff2");
  font-weight:300 700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Source Serif 4";
  src:url("fonts/SourceSerif4-Variable.woff2") format("woff2-variations"),
      url("fonts/SourceSerif4-Variable.woff2") format("woff2");
  font-weight:400 600; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Source Serif 4";
  src:url("fonts/SourceSerif4-Italic.woff2") format("woff2-variations"),
      url("fonts/SourceSerif4-Italic.woff2") format("woff2");
  font-weight:400 600; font-style:italic; font-display:swap;
}

:root{
  /* --- culoare ---------------------------------------------------------
     Un singur accent, folosit puțin: linii de subliniere, un buton, un
     element activ. Niciodată ca fundal de suprafață mare, niciodată pentru
     text lung. Culorile siglei nu se folosesc în restul site-ului, cu
     excepția bleumarinului, care e --ink-deep.                           */
  --ink:#1D2733;          /* text principal */
  --ink-deep:#022652;     /* suprafețe închise: hero, subsol, secțiuni ink */
  --paper:#FFFFFF;        /* fundalul paginii */
  --tint:#F2F4F5;         /* fundal de secțiune alternativă */
  --hairline:#DCE1E4;     /* toate liniile de 1px */
  --hairline-soft:#EAEEF0;
  --muted:#5C6771;        /* text secundar */
  --accent:#0E6E62;       /* accentul, verde-petrol */
  --accent-deep:#0A544B;
  --on-dark:#D6DCE2;      /* text secundar pe fundal închis */

  /* --- tipografie --- */
  --sans:"Libre Franklin",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --mono:ui-monospace,"SF Mono","Cascadia Mono",Consolas,"Liberation Mono",Menlo,monospace;

  /* --- spațiere --- */
  --s1:4px; --s2:8px; --s3:16px; --s4:24px;
  --s5:40px; --s6:64px; --s7:96px;
  --section-y:clamp(56px,7vw,104px);

  /* --- structură --- */
  --wrap:1240px;
  --prose:68ch;
  --gutter:24px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}

body{
  margin:0;
  font-family:var(--sans);
  font-size:17px;
  font-weight:400;
  line-height:1.65;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.prose{max-width:var(--prose)}

/* --------------------------------------------------------------------------
   Sărire peste navigație
   -------------------------------------------------------------------------- */
.skip{position:absolute;left:-9999px;top:0;background:var(--accent);color:#fff;
  padding:var(--s2) var(--s3);z-index:100;text-decoration:none}
.skip:focus{left:var(--s3);top:var(--s3)}

/* --------------------------------------------------------------------------
   Antet
   -------------------------------------------------------------------------- */
header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.94);
  backdrop-filter:saturate(140%) blur(8px);
  border-bottom:1px solid var(--hairline);
}
.bar{display:flex;align-items:center;gap:var(--s4);min-height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;
  color:var(--ink);font-weight:600;letter-spacing:-.01em;margin-right:auto}
.brand img{width:32px;height:32px;display:block}
.nav{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap}
.navlink{color:var(--muted);text-decoration:none;font-size:.94rem;font-weight:500;
  padding:var(--s1) 0;border-bottom:2px solid transparent}
.navlink:hover{color:var(--ink)}
.navlink[aria-current="page"]{color:var(--ink);border-bottom-color:var(--accent)}
.langlink{color:var(--muted);text-decoration:none;font-size:.88rem;font-weight:500}
.langlink:hover{color:var(--ink)}

/* --------------------------------------------------------------------------
   Titluri
   -------------------------------------------------------------------------- */
h1,h2,h3,h4{color:var(--ink);margin:0;letter-spacing:-.02em}
h1{font-size:clamp(2.1rem,4.6vw,3.4rem);line-height:1.06;font-weight:500;max-width:20ch}
h2{font-size:clamp(1.5rem,2.8vw,2.1rem);line-height:1.16;font-weight:500;
  margin-top:var(--s6);margin-bottom:var(--s3)}
h3{font-size:1.16rem;line-height:1.35;font-weight:600;letter-spacing:-.01em;
  margin-top:var(--s5);margin-bottom:var(--s2)}
h4{font-size:.95rem;font-weight:600;letter-spacing:0}
h2+h3{margin-top:var(--s4)}

.lead{font-family:var(--serif);font-size:clamp(1.1rem,1.8vw,1.35rem);
  line-height:1.5;color:var(--muted);max-width:56ch;margin:var(--s4) 0 0;font-weight:400}

/* etichetă discretă, propoziție normală, fără majuscule spațiate */
.kicker,.tag{font-size:.9rem;color:var(--muted);margin:0 0 var(--s2);font-weight:500}

/* --------------------------------------------------------------------------
   Text curgător
   -------------------------------------------------------------------------- */
p{margin:0 0 var(--s3)}
.prose p:last-child{margin-bottom:0}

a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;
  text-decoration-thickness:1px;text-decoration-color:var(--hairline)}
a:hover{text-decoration-color:var(--accent)}

ul,ol{margin:0 0 var(--s3);padding-left:1.3em}
li{margin-bottom:var(--s2)}
li:last-child{margin-bottom:0}
li>ul,li>ol{margin-top:var(--s2)}
strong{font-weight:600}
hr{border:0;border-top:1px solid var(--hairline);margin:var(--s6) 0}
blockquote{margin:var(--s4) 0;padding-left:var(--s4);border-left:2px solid var(--accent);
  font-family:var(--serif);font-size:1.1rem;line-height:1.5;color:var(--ink)}
code,.mono{font-family:var(--mono);font-size:.92em}

/* --------------------------------------------------------------------------
   Secțiuni
   -------------------------------------------------------------------------- */
main{padding:var(--section-y) 0}
section{margin-bottom:var(--s6)}
section:last-child{margin-bottom:0}

.section--tint{background:var(--tint);padding:var(--section-y) 0;margin:var(--s7) 0}
.section--ink{background:var(--ink-deep);color:#fff;padding:var(--section-y) 0;margin:var(--s7) 0}
.section--ink h1,.section--ink h2,.section--ink h3{color:#fff}
.section--ink p{color:var(--on-dark)}
.section--ink a{color:#fff;text-decoration-color:rgba(255,255,255,.4)}

/* --------------------------------------------------------------------------
   Hero, folosit doar pe paginile de start
   -------------------------------------------------------------------------- */
.hero{position:relative;background:var(--ink-deep);color:#fff;isolation:isolate}
.hero__media{position:absolute;inset:0;overflow:hidden}
.hero__media img{width:100%;height:100%;object-fit:cover;display:block}
.hero__scrim{position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(2,38,82,.94) 0%,rgba(2,38,82,.82) 48%,rgba(2,38,82,.45) 100%)}
.hero__in{position:relative;padding:clamp(84px,11vw,160px) 0 clamp(84px,11vw,150px)}
.hero h1{color:#fff;max-width:18ch}
.hero .lead{color:var(--on-dark);font-family:var(--sans);margin-top:var(--s4);
  font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.55;max-width:54ch}
.hero .tag{color:#9FB2C7}
.hero__cta{margin-top:var(--s5);display:flex;gap:14px;flex-wrap:wrap}

/* Bară de cifre. Scoasă din paginile de start în septembrie 2026, pentru că
   nu existau cifre care să poată fi susținute cu un document. Stilul rămâne
   aici, gata de folosit. Marcajul se găsește în registrul de versiuni al
   procedurii, versiunea 1.13. */
.facts{position:relative;border-top:1px solid rgba(255,255,255,.2);
  display:grid;grid-template-columns:repeat(3,1fr)}
.facts div{padding:var(--s4) 0;border-left:1px solid rgba(255,255,255,.2);padding-left:var(--s4)}
.facts div:first-child{border-left:0;padding-left:0}
.facts b{display:block;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:400;
  letter-spacing:-.02em;color:#fff}
.facts small{color:#9FB2C7;font-size:.88rem;line-height:1.4;display:block;margin-top:4px}

/* --------------------------------------------------------------------------
   Loc marcat pentru fotografie
   Se înlocuiește cu <img>. Textul din <span> spune ce se caută acolo.
   -------------------------------------------------------------------------- */
.ph{position:relative;background:#E7EBEE;overflow:hidden;
  background-image:linear-gradient(135deg,rgba(29,39,51,.06) 25%,transparent 25%,
    transparent 50%,rgba(29,39,51,.06) 50%,rgba(29,39,51,.06) 75%,transparent 75%);
  background-size:14px 14px}
.ph span{position:absolute;inset:auto 0 0 0;padding:10px 12px;
  background:rgba(2,38,82,.86);color:#fff;font-size:.76rem;line-height:1.35}
.ph--hero{position:absolute;inset:0;background-color:#2A3B52}

/* --------------------------------------------------------------------------
   Tabel
   -------------------------------------------------------------------------- */
.tablewrap{overflow-x:auto;margin:var(--s4) 0;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;background:var(--paper);font-size:.95rem}
th,td{text-align:left;vertical-align:top;padding:var(--s2) var(--s3);
  border-bottom:1px solid var(--hairline-soft)}
thead th{font-weight:600;color:var(--ink);border-bottom:1px solid var(--ink);white-space:nowrap}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
tbody tr:last-child td{border-bottom:0}

/* --------------------------------------------------------------------------
   Casetă de notă
   -------------------------------------------------------------------------- */
.note{background:var(--tint);border-left:2px solid var(--accent);
  padding:var(--s3) var(--s4);margin:var(--s4) 0;max-width:var(--prose)}
.note>*:last-child{margin-bottom:0}

/* --------------------------------------------------------------------------
   Pașii de lucru
   -------------------------------------------------------------------------- */
.steps{list-style:none;padding-left:0;counter-reset:step;margin:var(--s4) 0}
.steps>li{counter-increment:step;position:relative;padding-left:var(--s5);
  padding-bottom:var(--s4);border-left:1px solid var(--hairline);margin-bottom:0}
.steps>li:last-child{border-left-color:transparent;padding-bottom:0}
.steps>li::before{content:counter(step);position:absolute;left:-13px;top:0;
  width:26px;height:26px;border-radius:50%;background:var(--paper);
  border:1px solid var(--hairline);color:var(--accent);font-size:.8rem;font-weight:600;
  display:flex;align-items:center;justify-content:center}
.steps .step-title{font-weight:600;display:block}
.steps .step-meta{color:var(--muted);font-size:.9rem}
.steps p{margin:var(--s2) 0 0}

/* „ce trebuie să aveți deja" */
.pre{background:var(--tint);padding:var(--s3) var(--s4);margin:var(--s4) 0;max-width:var(--prose)}
.pre h3{margin:0 0 var(--s2);font-size:1rem}
.pre ul{margin:0;padding-left:1.2em}

/* --------------------------------------------------------------------------
   Grilă de carduri
   -------------------------------------------------------------------------- */
.cards{display:grid;gap:var(--s5);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  margin:var(--s5) 0}
.card{border-top:1px solid var(--ink);padding-top:var(--s3)}
.card h3{margin-top:0}

/* ce include / ce nu include */
.scope{display:grid;gap:var(--s5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  margin:var(--s4) 0}
.scope h3{margin-top:0}
.scope ul{list-style:none;padding-left:0}
.scope li{padding-left:var(--s3);border-left:1px solid var(--hairline);margin-bottom:var(--s3)}

/* --------------------------------------------------------------------------
   Bloc de sursă oficială
   -------------------------------------------------------------------------- */
.source{border:1px solid var(--hairline);background:var(--paper);
  padding:var(--s4);margin:var(--s4) 0;max-width:var(--prose)}
.source .src-name{font-weight:600;display:block;margin-bottom:var(--s2)}
.source p{font-size:.95rem;color:var(--muted)}
.source>*:last-child{margin-bottom:0}

/* --------------------------------------------------------------------------
   Ce urmează după
   -------------------------------------------------------------------------- */
.next{border-top:1px solid var(--ink);padding-top:var(--s4);margin-top:var(--s6);
  max-width:var(--prose)}

/* --------------------------------------------------------------------------
   Butoane
   -------------------------------------------------------------------------- */
.btn{display:inline-block;text-decoration:none;font-weight:600;font-size:.95rem;
  padding:13px 26px;border:1px solid transparent;transition:background .18s,color .18s}
.btn--solid,.btn{background:var(--accent);color:#fff}
.btn--solid:hover,.btn:hover{background:var(--accent-deep);text-decoration:none;color:#fff}
.btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.btn--ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.btn-ghost{color:var(--accent);text-decoration:none;font-weight:600;font-size:.95rem;
  border-bottom:2px solid var(--accent);padding-bottom:2px}

/* --------------------------------------------------------------------------
   Nota de verificare
   -------------------------------------------------------------------------- */
.verified{font-size:.87rem;color:var(--muted);margin-top:var(--s6);
  padding-top:var(--s3);border-top:1px solid var(--hairline-soft);max-width:var(--prose)}

/* --------------------------------------------------------------------------
   Subsol
   -------------------------------------------------------------------------- */
footer{background:var(--ink-deep);color:var(--on-dark);margin-top:var(--s7);
  padding:var(--s6) 0 var(--s5);font-size:.92rem}
.foot{display:grid;gap:var(--s5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.foot h2{font-size:.92rem;color:#fff;margin:0 0 var(--s2);font-weight:600;letter-spacing:0}
.foot ul{list-style:none;padding-left:0;margin:0}
.foot li{margin-bottom:6px}
.foot a{color:var(--on-dark);text-decoration:none}
.foot a:hover{color:#fff;text-decoration:underline}
.legal{margin-top:var(--s5);padding-top:var(--s3);
  border-top:1px solid rgba(255,255,255,.18);color:#8FA2B8;font-size:.85rem}

/* --------------------------------------------------------------------------
   Imagini și figuri
   -------------------------------------------------------------------------- */
img,svg{max-width:100%;height:auto}
figure{margin:var(--s5) 0}
figcaption{font-size:.87rem;color:var(--muted);margin-top:var(--s2)}

/* --------------------------------------------------------------------------
   Focalizare din tastatură
   -------------------------------------------------------------------------- */
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.section--ink :focus-visible,.hero :focus-visible,footer :focus-visible{outline-color:#fff}

/* --------------------------------------------------------------------------
   Ecrane mici
   -------------------------------------------------------------------------- */
@media (max-width:640px){
  body{font-size:16px}
  .bar{flex-wrap:wrap;gap:var(--s3);padding:var(--s2) 0}
  .nav{gap:var(--s3);width:100%}
  .facts{grid-template-columns:1fr}
  .facts div{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.2)}
  .facts div:first-child{border-top:0}
}

/* --------------------------------------------------------------------------
   Mișcare redusă
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* --------------------------------------------------------------------------
   Tipărire
   -------------------------------------------------------------------------- */
@media print{
  header,.next,.btn,.hero__media,.ph{display:none}
  body{background:#fff;color:#000;font-size:11pt}
  .hero,footer,.section--ink{background:#fff!important;color:#000!important}
  .hero h1,.section--ink h2{color:#000!important}
  a{text-decoration:none;color:#000}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;color:#555}
}