/* ===========================================================================
   AdventureNET — bara academică (navbar) pentru paginile speciale + hub.
   Replică barei din ecranul de intrare: sigla UPG + datele academice în stânga,
   „Închide sesiunea" + emblema AdventureNET în dreapta, cu firul auriu dedesubt.
   Autonom (culori scrise direct), ca să arate identic pe orice pagină.
   =========================================================================== */
.sp-nav{position:sticky;top:0;z-index:60;width:100%;
  background:rgba(8,12,26,.86);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:0 10px 30px rgba(4,8,18,.38);}
.sp-nav::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;
  background:linear-gradient(90deg,transparent,rgba(220,180,95,.35) 22%,#fbeec2 50%,rgba(220,180,95,.35) 78%,transparent);
  opacity:.8;}
.sp-nav-in{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;
  padding:.6rem clamp(1rem,3vw,2.4rem);}
.sp-acad{display:flex;align-items:center;gap:.95rem;min-width:0;text-decoration:none;}
.sp-acad-sigla{width:clamp(46px,4.6vw,60px);height:clamp(46px,4.6vw,60px);flex:0 0 auto;padding:4px;border-radius:50%;
  background:radial-gradient(circle at 34% 28%,#24354f 0%,#14203a 46%,#070c18 100%);
  box-shadow:0 0 0 1px rgba(220,180,95,.45),0 4px 12px rgba(0,0,0,.4);object-fit:contain;}
.sp-acad-date{display:flex;flex-direction:row;align-items:center;gap:1.6rem;margin:0;}
.sp-acad-date > div{display:flex;gap:.35rem;flex-wrap:wrap;align-items:baseline;}
.sp-acad-date dt{font-family:"Cormorant Garamond",Palatino,Georgia,serif;font-size:.82rem;color:rgba(232,237,248,.55);white-space:nowrap;margin:0;}
.sp-acad-date dd{margin:0;font-family:"Cormorant Garamond",Palatino,Georgia,serif;font-size:.86rem;font-weight:600;color:#e8edf8;}
.sp-nav-dreapta{display:flex;align-items:center;gap:.9rem;flex:0 0 auto;}
.sp-iesire{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;border-radius:12px;text-decoration:none;
  font-family:"Inter",system-ui,sans-serif;font-size:.82rem;font-weight:600;color:#fbeec2;cursor:pointer;border:0;
  background:linear-gradient(172deg,rgba(46,60,104,.55),rgba(10,16,36,.9) 66%);
  box-shadow:0 0 0 1px rgba(220,180,95,.28),0 1px 0 rgba(251,238,194,.18) inset,0 6px 14px rgba(4,8,18,.4);
  transition:transform .18s ease,box-shadow .18s ease,color .18s ease,background .18s ease;}
.sp-iesire:hover,.sp-iesire:focus-visible{transform:translateY(-1px);color:#ffd9d2;
  background:linear-gradient(172deg,rgba(104,46,60,.55),rgba(36,10,16,.9) 66%);
  box-shadow:0 0 0 1px rgba(243,139,127,.5),0 1px 0 rgba(255,214,208,.2) inset,0 12px 24px rgba(4,8,18,.5);}
.sp-iesire svg{width:16px;height:16px;stroke:currentColor;}
.sp-emblema{width:clamp(46px,4.6vw,60px);height:clamp(46px,4.6vw,60px);border-radius:50%;object-fit:cover;
  box-shadow:0 0 0 1px rgba(220,180,95,.45),0 4px 12px rgba(0,0,0,.4);}
@media (max-width:820px){
  .sp-nav-in{flex-direction:column;align-items:stretch;text-align:center;gap:.55rem;padding:.6rem .8rem;}
  .sp-acad{flex-direction:column;text-align:center;}
  .sp-acad-date{flex-direction:column;gap:.3rem;}
  .sp-acad-date > div{justify-content:center;}
  .sp-nav-dreapta{justify-content:center;}
}
@media (prefers-reduced-motion:reduce){ .sp-iesire{transition:none;} }
