/* Antetul site-ului, afișat pe toate paginile de plugin-ul „Simulări EN".
   Aceleași culori și fonturi ca pe prima pagină. */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Sora:wght@700;800&display=swap');

/* antetul temei nu mai are rost: ar fi două unul sub altul */
.site-header,
.page-header { display: none !important; }

/* Simularea are bara ei lipicioasă (progres + „Finalizează testul") tot la top:0.
   O așezăm sub antet. Variabila e pusă din JS: când antetul se ascunde la
   coborâre, devine 0 și bara simulării urcă la rândul ei. */
:root{--sen-antet-h:68px}
.ma-topbar{top:calc(var(--sen-antet-h) + 12px)!important}

/* Când ești autentificat, bara neagră de administrare stă fixată deasupra.
   Antetul se dă deja la o parte; bara simulării trebuie coborâtă și ea,
   altfel îi intră colțul de sus sub bara neagră. */
body.admin-bar .ma-topbar{top:calc(var(--sen-antet-h) + 44px)!important}
@media screen and (max-width:782px){
  body.admin-bar .ma-topbar{top:calc(var(--sen-antet-h) + 58px)!important}
}

/* legăturile „#ancora" să nu intre sub antet */
html { scroll-padding-top: 86px; }
@media(max-width:620px){ html { scroll-padding-top: 76px; } }

.sen-antet{--or:#e8590c;--or-d:#b84008;--or-m:#f7c49a;--bg:#fff;--bd:#eeeae4;--ink:#1a1a18;--mut:#6b6a67;
  position:sticky;top:0;z-index:60;background:var(--bg);border-bottom:1px solid var(--bd);
  font:16px/1.6 "DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);
  transition:transform .28s ease,box-shadow .28s ease;will-change:transform}
.sen-antet *{box-sizing:border-box}
.sen-antet.sen-ascuns{transform:translateY(-100%)}
.sen-antet.sen-umbra{box-shadow:0 8px 28px rgba(26,26,24,.10)}

/* bara neagră de administrare, când ești autentificat */
body.admin-bar .sen-antet{top:32px}
@media screen and (max-width:782px){body.admin-bar .sen-antet{top:46px}}

/* mai lată decât conținutul paginii: altfel numele și legăturile nu încap pe un rând */
.sen-antet-in{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:20px;min-height:68px}

.sen-antet .sen-marca{font-family:Sora,"DM Sans",sans-serif;font-weight:800;font-size:1.02rem;line-height:1.2;
  text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:10px}
.sen-antet .sen-marca:hover{color:var(--or)}
/* numele se așază pe două rânduri echilibrate, în loc să se rupă oricum */
.sen-antet .sen-marca-t{max-width:210px;text-wrap:balance}
.sen-antet .sen-marca-t small{display:block;margin-top:1px;font:500 .72rem/1.3 "DM Sans",sans-serif;color:var(--mut);letter-spacing:0;white-space:nowrap}
/* „.sen-antet" în față: tema are regula img{max-width:100%}, care ar întinde sigla */
.sen-antet .sen-sigla{flex:none;display:block;width:40px;height:auto;max-width:40px}

.sen-antet .sen-nav-s{margin-left:auto;display:flex;align-items:center;gap:20px}
.sen-antet .sen-legaturi{display:flex;gap:18px;align-items:center}
/* „nowrap": o legătură nu se rupe niciodată în mijloc. Dacă nu mai încap toate,
   se trece la hamburger (pragul de mai jos), nu se sparg pe două rânduri. */
.sen-antet .sen-legaturi a{text-decoration:none;font-weight:500;font-size:.95rem;color:var(--ink);white-space:nowrap}
.sen-antet .sen-legaturi a:hover{color:var(--or)}
.sen-antet a:focus-visible,.sen-antet button:focus-visible{outline:3px solid var(--or);outline-offset:3px;border-radius:8px}

/* butonul portocaliu, fixat ca tema să nu-l schimbe */
.sen-antet a.sen-b{display:inline-block;text-decoration:none;
  border:2px solid #e8590c!important;background:#e8590c!important;background-image:none!important;color:#fff!important;
  border-radius:12px!important;padding:9px 18px!important;font:600 .92rem/1.3 "DM Sans",system-ui,sans-serif!important;
  text-transform:none!important;letter-spacing:normal!important;box-shadow:none!important;text-shadow:none!important;
  white-space:nowrap;transition:background .15s,transform .15s}
.sen-antet a.sen-b:hover,.sen-antet a.sen-b:focus{background:#b84008!important;border-color:#b84008!important;color:#fff!important;transform:translateY(-1px)}

/* hamburgerul */
.sen-antet .sen-ham{display:none;appearance:none;background:transparent;border:1.5px solid var(--bd);border-radius:11px;
  width:42px;height:42px;padding:0;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;flex:none}
.sen-antet .sen-ham span{display:block;width:19px;height:2px;border-radius:2px;background:var(--ink);transition:transform .2s ease,opacity .2s ease}
.sen-antet .sen-ham:hover{border-color:var(--or-m)}
.sen-antet.sen-deschis .sen-ham span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.sen-antet.sen-deschis .sen-ham span:nth-child(2){opacity:0}
.sen-antet.sen-deschis .sen-ham span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* selector lung intenționat: regula „a.sen-b" de mai sus pune display:inline-block
   și ar câștiga în fața unui „.sen-b-mob{display:none}" simplu */
.sen-antet .sen-legaturi a.sen-b-mob{display:none}

@media(max-width:1160px){
  .sen-antet .sen-ham{display:flex}
  .sen-antet .sen-nav-s{gap:10px}
  .sen-antet .sen-legaturi{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;
    background:var(--bg);border-bottom:1px solid var(--bd);box-shadow:0 16px 34px rgba(26,26,24,.12);padding:6px 20px 14px}
  .sen-antet.sen-deschis .sen-legaturi{display:flex}
  .sen-antet .sen-legaturi a{padding:14px 2px;border-bottom:1px solid var(--bd);font-size:1rem}
  .sen-antet .sen-legaturi a:last-child{border-bottom:none}
}

@media(max-width:620px){
  .sen-antet-in{gap:12px;min-height:62px;padding:0 16px}
  .sen-antet .sen-marca{font-size:.94rem;gap:9px}
  .sen-antet .sen-sigla{width:34px;max-width:34px}
  .sen-antet .sen-marca-t small{font-size:.66rem}
  .sen-antet .sen-nav-s a.sen-b-bara{display:none}
  .sen-antet .sen-legaturi a.sen-b-mob{display:block;margin-top:14px;border-bottom:none;padding:13px 18px!important;text-align:center}
}

@media(max-width:420px){
  .sen-antet .sen-marca-t small{display:none}
  .sen-antet .sen-marca{font-size:.9rem}
  .sen-antet .sen-sigla{width:30px;max-width:30px}
}

@media(prefers-reduced-motion:reduce){.sen-antet,.sen-antet *{transition:none!important}}
