/* ============================================================
   NOVA UI ANIMATED — Cassiopeia user.css scoala-patrauti.com
   Encoding: UTF-8
   ============================================================ */

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

:root {
  --c-bg:       #080b18;
  --c-bg2:      #0d1026;
  --c-surface:  rgba(255,255,255,0.045);
  --c-surface2: rgba(255,255,255,0.08);
  --c-border:   rgba(255,255,255,0.10);
  --c-border2:  rgba(255,255,255,0.18);
  --c-accent:   #7c6ee0;
  --c-accent2:  #5eead4;
  --c-text:     #f0f4ff;
  --c-muted:    rgba(200,210,240,0.60);
  --c-muted2:   rgba(200,210,240,0.35);
  --r-sm: 10px; --r-md: 16px; --r-lg: 22px;
  --blur: blur(24px) saturate(180%);
  --shadow-sm: 0 4px 16px rgba(0,0,0,0.30);
  --shadow-md: 0 8px 32px rgba(0,0,0,0.45);
  --shadow-lg: 0 20px 60px rgba(0,0,0,0.55);
  --transition: 0.22s cubic-bezier(0.4,0,0.2,1);
}

*,*::before,*::after{box-sizing:border-box}

/* ══════════════════════════════════════
   FUNDAL ANIMAT
══════════════════════════════════════ */
body {
  font-family: 'Plus Jakarta Sans','Inter',system-ui,sans-serif !important;
  background-color: var(--c-bg) !important;
  background-image:
    radial-gradient(ellipse 80% 60% at 10% -10%,rgba(124,110,224,0.22) 0%,transparent 55%),
    radial-gradient(ellipse 70% 50% at 90% 110%,rgba(94,234,212,0.14) 0%,transparent 55%),
    radial-gradient(ellipse 50% 40% at 50% 50%,rgba(244,114,182,0.07) 0%,transparent 60%) !important;
  background-attachment: fixed !important;
  color: var(--c-text) !important;
  min-height: 100vh !important;
  overflow-x: hidden !important;
}

/* Orbe plutitoare animate in fundal */
body::before {
  content: '' !important;
  position: fixed !important;
  inset: 0 !important;
  background:
    radial-gradient(circle 600px at var(--ox,20%) var(--oy,30%), rgba(124,110,224,0.12) 0%, transparent 70%),
    radial-gradient(circle 400px at var(--ox2,70%) var(--oy2,60%), rgba(94,234,212,0.10) 0%, transparent 70%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
  animation: orbMove 18s ease-in-out infinite alternate !important;
}

body::after {
  content: '' !important;
  position: fixed !important;
  inset: 0 !important;
  background:
    radial-gradient(circle 300px at 80% 20%, rgba(244,114,182,0.08) 0%, transparent 60%),
    radial-gradient(circle 500px at 10% 80%, rgba(124,110,224,0.09) 0%, transparent 60%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
  animation: orbMove2 22s ease-in-out infinite alternate !important;
}

@keyframes orbMove {
  0%   { transform: translate(0,0) scale(1); }
  33%  { transform: translate(40px,-30px) scale(1.08); }
  66%  { transform: translate(-20px,50px) scale(0.95); }
  100% { transform: translate(30px,20px) scale(1.05); }
}
@keyframes orbMove2 {
  0%   { transform: translate(0,0) rotate(0deg); }
  50%  { transform: translate(-50px,30px) rotate(20deg); }
  100% { transform: translate(40px,-40px) rotate(-15deg); }
}

/* ══════════════════════════════════════
   HEADER ANIMAT
══════════════════════════════════════ */
.header,header.header {
  background: rgba(8,11,24,0.72) !important;
  backdrop-filter: var(--blur) !important;
  -webkit-backdrop-filter: var(--blur) !important;
  border-bottom: 1px solid var(--c-border) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.04),var(--shadow-sm) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  animation: slideDown 0.6s cubic-bezier(0.4,0,0.2,1) both !important;
}

@keyframes slideDown {
  from { transform: translateY(-100%); opacity: 0; }
  to   { transform: translateY(0);     opacity: 1; }
}

/* Linie luminoasa animata sub header */
.header::after,header.header::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 1px !important;
  background: linear-gradient(90deg,transparent 0%,var(--c-accent) 30%,var(--c-accent2) 70%,transparent 100%) !important;
  animation: lineSweep 4s ease-in-out infinite !important;
  opacity: 0.6 !important;
}

@keyframes lineSweep {
  0%,100% { transform: scaleX(0.3) translateX(-100%); opacity: 0; }
  50%      { transform: scaleX(1)   translateX(0);    opacity: 0.8; }
}

/* ══════════════════════════════════════
   BRAND / LOGO — shimmer animat
══════════════════════════════════════ */
.navbar-brand a,.brand-logo,.navbar-brand{text-decoration:none !important}

.navbar-brand span,.brand-logo span {
  font-family: 'Plus Jakarta Sans',sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.1rem !important;
  letter-spacing: -0.02em !important;
  background: linear-gradient(100deg,#fff 0%,var(--c-accent2) 40%,var(--c-accent) 60%,#fff 100%) !important;
  background-size: 250% auto !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: shimmer 4s linear infinite !important;
}

@keyframes shimmer {
  0%   { background-position: 0% center; }
  100% { background-position: 250% center; }
}

/* ══════════════════════════════════════
   MENIU NAV
══════════════════════════════════════ */
.container-nav {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  padding-left: 1.5rem !important;
}

ul.mod-menu.nav {
  display: flex !important;
  flex-wrap: wrap !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 2px !important;
  align-items: center !important;
}

ul.mod-menu.nav > li.nav-item {
  animation: navItemIn 0.5s cubic-bezier(0.4,0,0.2,1) both !important;
}
ul.mod-menu.nav > li.nav-item:nth-child(1){animation-delay:0.05s !important}
ul.mod-menu.nav > li.nav-item:nth-child(2){animation-delay:0.10s !important}
ul.mod-menu.nav > li.nav-item:nth-child(3){animation-delay:0.15s !important}
ul.mod-menu.nav > li.nav-item:nth-child(4){animation-delay:0.20s !important}
ul.mod-menu.nav > li.nav-item:nth-child(5){animation-delay:0.25s !important}
ul.mod-menu.nav > li.nav-item:nth-child(6){animation-delay:0.30s !important}
ul.mod-menu.nav > li.nav-item:nth-child(7){animation-delay:0.35s !important}
ul.mod-menu.nav > li.nav-item:nth-child(n+8){animation-delay:0.40s !important}

@keyframes navItemIn {
  from { opacity:0; transform: translateY(-10px); }
  to   { opacity:1; transform: translateY(0); }
}

ul.mod-menu.nav > li.nav-item > a,
ul.mod-menu.nav > li.nav-item > span {
  color: var(--c-muted) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  padding: 0.4rem 0.85rem !important;
  border-radius: var(--r-sm) !important;
  transition: color 0.2s,background 0.2s,transform 0.2s !important;
  text-decoration: none !important;
  display: block !important;
  white-space: nowrap !important;
  position: relative !important;
}

/* Underline animata la hover */
ul.mod-menu.nav > li.nav-item > a::after {
  content: '' !important;
  position: absolute !important;
  bottom: 2px !important;
  left: 50% !important;
  width: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg,var(--c-accent),var(--c-accent2)) !important;
  border-radius: 2px !important;
  transition: width 0.25s cubic-bezier(0.4,0,0.2,1), left 0.25s cubic-bezier(0.4,0,0.2,1) !important;
}

ul.mod-menu.nav > li.nav-item > a:hover {
  color: var(--c-text) !important;
  background: var(--c-surface2) !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
}
ul.mod-menu.nav > li.nav-item > a:hover::after {
  width: calc(100% - 1.7rem) !important;
  left: 0.85rem !important;
}

ul.mod-menu.nav > li.nav-item.active > a,
ul.mod-menu.nav > li.nav-item.current > a {
  color: #fff !important;
  background: linear-gradient(135deg,rgba(124,110,224,0.28) 0%,rgba(94,234,212,0.16) 100%) !important;
  border: 1px solid rgba(124,110,224,0.30) !important;
  text-decoration: none !important;
  padding-left: 1.4rem !important;
}
ul.mod-menu.nav > li.nav-item.active > a::after,
ul.mod-menu.nav > li.nav-item.current > a::after {
  width: calc(100% - 2.25rem) !important;
  left: 1.4rem !important;
  background: var(--c-accent2) !important;
}

/* Punct glow activ */
ul.mod-menu.nav > li.nav-item.active > a::before,
ul.mod-menu.nav > li.nav-item.current > a::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 6px !important;
  transform: translateY(-50%) !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: var(--c-accent2) !important;
  box-shadow: 0 0 8px var(--c-accent2),0 0 16px var(--c-accent2) !important;
  animation: pulseGlow 2s ease-in-out infinite !important;
}

@keyframes pulseGlow {
  0%,100% { box-shadow: 0 0 6px var(--c-accent2),0 0 12px var(--c-accent2); opacity:1; }
  50%      { box-shadow: 0 0 12px var(--c-accent2),0 0 28px var(--c-accent2); opacity:0.7; }
}

/* ══════════════════════════════════════
   SUBMENIU DROPDOWN
══════════════════════════════════════ */
ul.mod-menu.nav li.nav-item.deeper{position:relative !important}

ul.mod-menu__sub {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  z-index: 9999 !important;
  min-width: 210px !important;
  list-style: none !important;
  padding: 6px !important;
  margin: 0 !important;
  background: rgba(12,15,35,0.95) !important;
  backdrop-filter: var(--blur) !important;
  -webkit-backdrop-filter: var(--blur) !important;
  border: 1px solid var(--c-border2) !important;
  border-radius: var(--r-md) !important;
  box-shadow: var(--shadow-lg),0 0 30px rgba(124,110,224,0.12) !important;
  transform-origin: top center !important;
}

ul.mod-menu.nav li.nav-item.deeper:hover > ul.mod-menu__sub,
ul.mod-menu.nav li.nav-item.deeper:focus-within > ul.mod-menu__sub {
  display: block !important;
  animation: dropIn 0.22s cubic-bezier(0.34,1.56,0.64,1) forwards !important;
}

@keyframes dropIn {
  from { opacity:0; transform:translateY(-12px) scale(0.95); }
  to   { opacity:1; transform:translateY(0) scale(1); }
}

ul.mod-menu__sub li.nav-item > a {
  color: var(--c-muted) !important;
  font-size: 0.85rem !important;
  padding: 0.45rem 0.85rem !important;
  border-radius: var(--r-sm) !important;
  display: block !important;
  text-decoration: none !important;
  transition: all 0.16s !important;
  border-left: 2px solid transparent !important;
}
ul.mod-menu__sub li.nav-item > a:hover {
  background: rgba(124,110,224,0.18) !important;
  color: #fff !important;
  padding-left: 1.1rem !important;
  border-left-color: var(--c-accent2) !important;
}

/* ══════════════════════════════════════
   CARDURI — animatie reveal + 3D hover
══════════════════════════════════════ */
#content,.site-grid,main{position:relative;z-index:1}
.site-grid{padding-top:2rem !important;padding-bottom:3rem !important}

.card,.com-content-article,article.item,.blog-item,.article-item,.item-page,
.com-content-featured__items .item {
  background: var(--c-surface) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid var(--c-border) !important;
  border-radius: var(--r-lg) !important;
  box-shadow: var(--shadow-md) !important;
  padding: 1.75rem !important;
  margin-bottom: 1.5rem !important;
  transition: transform 0.35s cubic-bezier(0.34,1.3,0.64,1),
              box-shadow 0.35s ease,
              border-color 0.35s ease !important;
  color: var(--c-text) !important;
  animation: cardReveal 0.6s cubic-bezier(0.4,0,0.2,1) both !important;
  will-change: transform !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Sclipire subtila la intrare */
.card::before,.com-content-article::before,article.item::before,.item-page::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg,rgba(255,255,255,0.06) 0%,transparent 50%,transparent 100%) !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Linie glow sus la hover */
.card::after,.com-content-article::after,article.item::after,.item-page::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg,var(--c-accent),var(--c-accent2)) !important;
  border-radius: var(--r-lg) var(--r-lg) 0 0 !important;
  transform: scaleX(0) !important;
  transition: transform 0.4s cubic-bezier(0.34,1.3,0.64,1) !important;
  transform-origin: left !important;
}

.card:hover,.com-content-article:hover,article.item:hover,.item-page:hover {
  transform: translateY(-6px) scale(1.01) !important;
  box-shadow: var(--shadow-lg),0 0 40px rgba(124,110,224,0.15) !important;
  border-color: rgba(124,110,224,0.30) !important;
}
.card:hover::after,.com-content-article:hover::after,
article.item:hover::after,.item-page:hover::after {
  transform: scaleX(1) !important;
}

/* Stagger pentru mai multe carduri */
article.item:nth-child(1),.blog-item:nth-child(1){animation-delay:0.05s !important}
article.item:nth-child(2),.blog-item:nth-child(2){animation-delay:0.15s !important}
article.item:nth-child(3),.blog-item:nth-child(3){animation-delay:0.25s !important}
article.item:nth-child(4),.blog-item:nth-child(4){animation-delay:0.35s !important}
article.item:nth-child(n+5),.blog-item:nth-child(n+5){animation-delay:0.45s !important}

@keyframes cardReveal {
  from { opacity:0; transform:translateY(30px) scale(0.97); }
  to   { opacity:1; transform:translateY(0) scale(1); }
}

/* ══════════════════════════════════════
   TITLURI
══════════════════════════════════════ */
h1,h2,h3,h4,h5,h6,.page-header h1,.item-title a,.article-header h2 {
  font-family: 'Plus Jakarta Sans',sans-serif !important;
  color: #fff !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}
h1{font-size:clamp(1.6rem,4vw,2.4rem) !important}
h2{font-size:clamp(1.3rem,3vw,1.85rem) !important}

.item-title a {
  transition: color 0.2s,text-shadow 0.2s !important;
}
.item-title a:hover {
  color: var(--c-accent2) !important;
  text-decoration: none !important;
  text-shadow: 0 0 20px rgba(94,234,212,0.4) !important;
}

/* ══════════════════════════════════════
   TEXT & LINK-URI
══════════════════════════════════════ */
p,.article-body,.item-fulltext,li {
  color: var(--c-muted) !important;
  line-height: 1.8 !important;
  font-size: 0.96rem !important;
}

a{color:var(--c-accent2) !important;transition:color 0.2s,text-shadow 0.2s !important;text-decoration:none !important}
a:hover{color:#fff !important;text-decoration:underline !important;text-shadow:0 0 15px rgba(94,234,212,0.35) !important}

/* ══════════════════════════════════════
   SIDEBAR / MODULE
══════════════════════════════════════ */
.sidebar,aside,.moduletable {
  background: var(--c-surface) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid var(--c-border) !important;
  border-radius: var(--r-md) !important;
  box-shadow: var(--shadow-sm) !important;
  padding: 1.25rem !important;
  margin-bottom: 1.25rem !important;
  transition: border-color 0.3s,box-shadow 0.3s !important;
  animation: cardReveal 0.7s cubic-bezier(0.4,0,0.2,1) 0.2s both !important;
}
.sidebar:hover,aside:hover,.moduletable:hover {
  border-color: rgba(124,110,224,0.2) !important;
  box-shadow: var(--shadow-md) !important;
}

.moduletable h3,.module-title,.moduletable h4 {
  color: var(--c-accent2) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.10em !important;
  border-bottom: 1px solid var(--c-border) !important;
  padding-bottom: 0.6rem !important;
  margin-bottom: 1rem !important;
}

/* ══════════════════════════════════════
   BUTOANE ANIMATE
══════════════════════════════════════ */
.btn-primary,.btn,button[type="submit"] {
  background: linear-gradient(135deg,var(--c-accent) 0%,#9b8cf0 100%) !important;
  border: none !important;
  border-radius: 50px !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  padding: 0.55rem 1.5rem !important;
  transition: all 0.25s cubic-bezier(0.34,1.56,0.64,1) !important;
  box-shadow: 0 4px 18px rgba(124,110,224,0.35) !important;
  cursor: pointer !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Ripple effect la hover */
.btn-primary::before,.btn::before,button[type="submit"]::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg,rgba(255,255,255,0.15) 0%,transparent 60%) !important;
  opacity: 0 !important;
  transition: opacity 0.25s !important;
}
.btn-primary:hover,.btn:hover,button[type="submit"]:hover {
  transform: translateY(-3px) scale(1.04) !important;
  box-shadow: 0 10px 30px rgba(124,110,224,0.55),0 0 0 2px rgba(124,110,224,0.3) !important;
  color: #fff !important;
}
.btn-primary:hover::before,.btn:hover::before,button[type="submit"]:hover::before {
  opacity: 1 !important;
}
.btn-primary:active,.btn:active,button[type="submit"]:active {
  transform: translateY(0) scale(0.98) !important;
}

/* ══════════════════════════════════════
   FORMULARE
══════════════════════════════════════ */
input[type="text"],input[type="email"],input[type="password"],
input[type="search"],textarea,select {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid var(--c-border2) !important;
  border-radius: var(--r-sm) !important;
  color: #fff !important;
  padding: 0.6rem 1rem !important;
  font-family: inherit !important;
  transition: border-color 0.2s,box-shadow 0.2s,background 0.2s !important;
}
input:focus,textarea:focus,select:focus {
  border-color: var(--c-accent) !important;
  box-shadow: 0 0 0 3px rgba(124,110,224,0.20),0 0 20px rgba(124,110,224,0.12) !important;
  outline: none !important;
  background: rgba(255,255,255,0.09) !important;
}

/* ══════════════════════════════════════
   BREADCRUMB, PAGINARE, FOOTER
══════════════════════════════════════ */
.breadcrumb{background:transparent !important;padding:0.5rem 0 !important;font-size:0.82rem !important}
.breadcrumb-item a{color:var(--c-accent2) !important}
.breadcrumb-item.active{color:var(--c-muted2) !important}
.breadcrumb-item + .breadcrumb-item::before{color:var(--c-muted2) !important}

.pagination .page-link {
  background: var(--c-surface) !important;
  border: 1px solid var(--c-border) !important;
  color: var(--c-muted) !important;
  border-radius: var(--r-sm) !important;
  margin: 0 3px !important;
  transition: all 0.2s cubic-bezier(0.34,1.3,0.64,1) !important;
}
.pagination .page-item.active .page-link {
  background: var(--c-accent) !important;
  border-color: var(--c-accent) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(124,110,224,0.4) !important;
  animation: pulsePage 2s ease-in-out infinite !important;
}
@keyframes pulsePage {
  0%,100%{box-shadow:0 4px 12px rgba(124,110,224,0.4)}
  50%    {box-shadow:0 4px 20px rgba(124,110,224,0.7)}
}
.pagination .page-link:hover{
  background:var(--c-surface2) !important;
  color:#fff !important;
  transform:translateY(-2px) !important;
}

footer,#footer,.footer {
  background: rgba(8,11,24,0.88) !important;
  backdrop-filter: var(--blur) !important;
  -webkit-backdrop-filter: var(--blur) !important;
  border-top: 1px solid var(--c-border) !important;
  color: var(--c-muted2) !important;
  text-align: center !important;
  padding: 2.5rem 1rem !important;
  margin-top: 4rem !important;
  font-size: 0.84rem !important;
  position: relative !important;
}
/* Linie glow sus la footer */
footer::before,#footer::before,.footer::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 10% !important;
  width: 80% !important;
  height: 1px !important;
  background: linear-gradient(90deg,transparent,var(--c-accent),var(--c-accent2),transparent) !important;
  animation: linePulse 3s ease-in-out infinite !important;
}
@keyframes linePulse {
  0%,100%{opacity:0.3} 50%{opacity:0.9}
}
footer a{color:var(--c-accent2) !important;transition:all 0.2s !important}
footer a:hover{color:#fff !important;text-shadow:0 0 10px var(--c-accent2) !important}

/* ══════════════════════════════════════
   IMAGINI, SCROLLBAR, TABELE
══════════════════════════════════════ */
img{border-radius:var(--r-sm) !important;transition:transform 0.3s ease,box-shadow 0.3s ease !important}
img:hover{transform:scale(1.02) !important;box-shadow:0 8px 30px rgba(0,0,0,0.4) !important}

::-webkit-scrollbar{width:7px;background:var(--c-bg2)}
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,var(--c-accent),var(--c-accent2));
  border-radius:10px;
  transition:background 0.3s;
}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--c-accent2),var(--c-accent))}

hr{border:none !important;border-top:1px solid var(--c-border) !important;margin:1.5rem 0 !important}

table{width:100% !important;border-collapse:collapse !important}
th {
  background:rgba(124,110,224,0.15) !important;
  color:var(--c-accent2) !important;
  font-weight:600 !important;font-size:0.82rem !important;
  text-transform:uppercase !important;letter-spacing:0.06em !important;
  padding:0.7rem 1rem !important;
}
td {
  padding:0.6rem 1rem !important;
  border-bottom:1px solid var(--c-border) !important;
  color:var(--c-muted) !important;font-size:0.9rem !important;
  transition:background 0.15s !important;
}
tr:hover td{background:var(--c-surface) !important}

/* ══════════════════════════════════════
   TOGGLER MOBIL & OFFCANVAS
══════════════════════════════════════ */
.navbar-toggler{
  border:1px solid var(--c-border2) !important;
  border-radius:var(--r-sm) !important;
  padding:0.3rem 0.6rem !important;
  transition:all 0.2s !important;
}
.navbar-toggler:hover{
  border-color:var(--c-accent) !important;
  box-shadow:0 0 12px rgba(124,110,224,0.3) !important;
}
.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(200,210,240,0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important}

.offcanvas,#offcanvas-menu{
  background:rgba(8,11,24,0.97) !important;
  backdrop-filter:var(--blur) !important;
  border-right:1px solid var(--c-border2) !important;
}

/* ══════════════════════════════════════
   SYSTEM MESSAGES ANIMATE
══════════════════════════════════════ */
.alert,div.alert,.message {
  border-radius:var(--r-md) !important;
  border:1px solid var(--c-border2) !important;
  backdrop-filter:blur(8px) !important;
  animation:cardReveal 0.4s ease both !important;
}

/* ══════════════════════════════════════
   PAGINA CONTACT — com_contact Joomla
══════════════════════════════════════ */

/* Container principal */
.com-contact {
  max-width: 760px !important;
  margin: 0 auto !important;
  animation: cardReveal 0.6s cubic-bezier(0.4,0,0.2,1) both !important;
}

/* Sectiunea cu informatii (adresa, telefon) */
.com-contact__container {
  background: var(--c-surface) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid var(--c-border) !important;
  border-radius: var(--r-lg) !important;
  padding: 2rem !important;
  margin-bottom: 1.5rem !important;
  position: relative !important;
  overflow: hidden !important;
}
.com-contact__container::after {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 0; right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, var(--c-accent), var(--c-accent2)) !important;
  border-radius: var(--r-lg) var(--r-lg) 0 0 !important;
}

.com-contact__container > h2 {
  font-size: 1.3rem !important;
  color: var(--c-accent2) !important;
  font-weight: 700 !important;
  margin-bottom: 1.2rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 1px solid var(--c-border) !important;
}

/* Adresa — dl/dt/dd */
.com-contact__address.dl-horizontal {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 0.4rem 1rem !important;
  margin: 0 !important;
}
.com-contact__address dt {
  color: var(--c-accent2) !important;
  font-size: 1.1rem !important;
  padding-top: 0.1rem !important;
}
.com-contact__address dd {
  margin: 0 !important;
  color: var(--c-muted) !important;
  font-size: 0.95rem !important;
  line-height: 1.9 !important;
}
.com-contact__address .contact-street {
  display: block !important;
}

/* Formular de contact */
.com-contact__form {
  background: var(--c-surface) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid var(--c-border) !important;
  border-radius: var(--r-lg) !important;
  padding: 0 !important;
  margin-bottom: 1.5rem !important;
  overflow: hidden !important;
}

/* titlu deasupra formularului */
.com-contact + h2,
h2.contact-form-title,
.com-contact > h2:last-of-type {
  font-size: 1.2rem !important;
  color: var(--c-text) !important;
  margin: 1.5rem 0 0.5rem !important;
}

/* form.well — Joomla adauga clasa well */
.com-contact__form .well,
form.form-horizontal.well,
.contact-form .well,
.com-contact__form form {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 1.75rem !important;
  margin: 0 !important;
}

/* fieldset + legend */
.com-contact__form fieldset,
.contact-form fieldset {
  border: 1px solid var(--c-border) !important;
  border-radius: var(--r-md) !important;
  padding: 1.5rem !important;
  margin-bottom: 1.25rem !important;
  background: rgba(255,255,255,0.02) !important;
}
.com-contact__form legend,
.contact-form legend {
  color: var(--c-accent2) !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.10em !important;
  padding: 0 0.75rem !important;
  background: var(--c-bg) !important;
  border: none !important;
  float: none !important;
  width: auto !important;
}

/* control-group = rand din formular */
.control-group {
  display: grid !important;
  grid-template-columns: 160px 1fr !important;
  gap: 0.5rem 1rem !important;
  align-items: start !important;
  margin-bottom: 1rem !important;
}
@media (max-width: 600px) {
  .control-group {
    grid-template-columns: 1fr !important;
  }
}

.control-label label {
  color: var(--c-muted) !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  padding-top: 0.6rem !important;
  display: block !important;
}
.control-label .required,
.control-label .star {
  color: var(--c-accent) !important;
}

.controls input[type="text"],
.controls input[type="email"],
.controls input[type="password"],
.controls textarea,
.controls select {
  width: 100% !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid var(--c-border2) !important;
  border-radius: var(--r-sm) !important;
  color: #fff !important;
  padding: 0.6rem 1rem !important;
  font-family: inherit !important;
  font-size: 0.9rem !important;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s !important;
}
.controls input:focus,
.controls textarea:focus,
.controls select:focus {
  border-color: var(--c-accent) !important;
  box-shadow: 0 0 0 3px rgba(124,110,224,0.20), 0 0 20px rgba(124,110,224,0.12) !important;
  outline: none !important;
  background: rgba(255,255,255,0.09) !important;
}
.controls textarea {
  min-height: 130px !important;
  resize: vertical !important;
}

/* rand cu nota "camp obligatoriu" */
.control-group.field-spacer {
  margin-bottom: 1.25rem !important;
  border-bottom: 1px solid var(--c-border) !important;
  padding-bottom: 0.75rem !important;
}
.control-group.field-spacer .red {
  color: var(--c-accent) !important;
}

/* Captcha / row butoane */
.control-group:last-child,
.form-actions,
.btn-toolbar {
  grid-template-columns: 1fr !important;
  justify-content: flex-end !important;
}

/* Buton Trimite */
.com-contact__form .btn,
.contact-form .btn,
.com-contact__form button[type="submit"],
#contact-form .btn {
  background: linear-gradient(135deg, var(--c-accent) 0%, #9b8cf0 100%) !important;
  border: none !important;
  border-radius: 50px !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  padding: 0.65rem 2rem !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.34,1.56,0.64,1) !important;
  box-shadow: 0 4px 18px rgba(124,110,224,0.35) !important;
}
.com-contact__form .btn:hover,
#contact-form .btn:hover {
  transform: translateY(-3px) scale(1.04) !important;
  box-shadow: 0 10px 30px rgba(124,110,224,0.55), 0 0 0 2px rgba(124,110,224,0.3) !important;
  color: #fff !important;
}

/* Mesaj confirmare trimitere */
.alert-message, .alert {
  border-radius: var(--r-md) !important;
  padding: 1rem 1.25rem !important;
  margin: 1rem 0 !important;
  animation: cardReveal 0.4s ease both !important;
}
.alert-success {
  background: rgba(94,234,212,0.12) !important;
  border: 1px solid rgba(94,234,212,0.30) !important;
  color: var(--c-accent2) !important;
}
.alert-error, .alert-warning {
  background: rgba(244,114,182,0.10) !important;
  border: 1px solid rgba(244,114,182,0.30) !important;
  color: #f472b6 !important;
}

/* ─── Menu icon Morariu ───────────────────────────────────────── */
.metismenu .menu-icon-morariu,
.mod-menu .menu-icon-morariu,
nav .menu-icon-morariu,
img.menu-icon-morariu,
.menu-icon-morariu {
  width: 34px !important;
  height: 34px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  border: 2px solid rgba(255,255,255,0.35) !important;
  box-shadow: 0 0 0 1px rgba(124,110,224,0.45), 0 4px 14px rgba(0,0,0,0.45) !important;
  margin-right: 10px !important;
  vertical-align: middle !important;
  display: inline-block !important;
  background: #fff !important;
  padding: 1px !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.mod-menu a:hover .menu-icon-morariu,
nav a:hover .menu-icon-morariu {
  transform: scale(1.08) rotate(-3deg) !important;
  box-shadow: 0 0 0 2px rgba(94,234,212,0.6), 0 6px 18px rgba(124,110,224,0.55) !important;
}

/* ─── Menu icon Morariu ───────────────────────────────────────── */
.metismenu .menu-icon-morariu,
.mod-menu .menu-icon-morariu,
nav .menu-icon-morariu,
img.menu-icon-morariu,
.menu-icon-morariu {
  width: 34px !important;
  height: 34px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  border: 2px solid rgba(255,255,255,0.35) !important;
  box-shadow: 0 0 0 1px rgba(124,110,224,0.45), 0 4px 14px rgba(0,0,0,0.45) !important;
  margin-right: 10px !important;
  vertical-align: middle !important;
  display: inline-block !important;
  background: #fff !important;
  padding: 1px !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.mod-menu a:hover .menu-icon-morariu,
nav a:hover .menu-icon-morariu {
  transform: scale(1.08) rotate(-3deg) !important;
  box-shadow: 0 0 0 2px rgba(94,234,212,0.6), 0 6px 18px rgba(124,110,224,0.55) !important;
}

/* ─── Iconuri per meniu (emoji prin URL) ──────────────────────── */
.mod-menu a::before,
nav .mod-menu a::before {
  display: inline-block;
  margin-right: 8px;
  font-size: 1.05em;
  line-height: 1;
  vertical-align: -2px;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.45));
  transition: transform 0.25s ease;
  content: "";
}
.mod-menu a:hover::before { transform: translateY(-2px) scale(1.15); }

.mod-menu a[href="/"]::before,
.mod-menu a[href$="/index.php"]::before { content: "🏠"; }
.mod-menu a[href$="/scoala"]::before { content: "🏫"; }
.mod-menu a[href$="/gpn"]::before { content: "🧒"; }
.mod-menu a[href*="documente-manageriale"]::before { content: "📋"; }
.mod-menu a[href$="/parinti"]::before { content: "👪"; }
.mod-menu a[href$="/scurt-istoric"]::before { content: "📜"; }
.mod-menu a[href$="/inscriere-clasa-pregatitoare-2020-2021"]::before,
.mod-menu a[href*="inv-primar"]::before { content: "✏️"; }
.mod-menu a[href$="/pnras"]::before { content: "🎒"; }
.mod-menu a[href$="/contact"]::before { content: "✉️"; }

/* submeniu (Școala) */
.mod-menu a[href$="/activitati"]::before { content: "🎭"; }
.mod-menu a[href$="/concursuri"]::before { content: "🏆"; }
.mod-menu a[href$="/personal"]::before { content: "👨‍🏫"; }
.mod-menu a[href$="/reviste"]::before { content: "📖"; }
.mod-menu a[href$="/proiecte"]::before { content: "💡"; }

/* submeniu (GPN) */
.mod-menu a[href*="sa-citim"]::before { content: "📚"; }
.mod-menu a[href*="promoting-innovation"]::before { content: "🎨"; }
.mod-menu a[href*="challenge-of-teaching"]::before { content: "🚀"; }
.mod-menu a[href*="parteneri-pentru-viitor"]::before { content: "🤝"; }
.mod-menu a[href*="travelling-toys"]::before { content: "🧸"; }

/* submeniu (Documente manageriale) */
.mod-menu a[href*="2017-2018"]::before,
.mod-menu a[href*="2016-2017"]::before,
.mod-menu a[href*="2022-2023"]::before { content: "📅"; }
.mod-menu a[href*="regulament-de-organizare"]::before { content: "⚖️"; }
.mod-menu a[href*="regulament-intern"]::before { content: "📕"; }
.mod-menu a[href*="plan-managerial"]::before { content: "📊"; }
.mod-menu a[href*="plan-operational"]::before { content: "🗂️"; }
.mod-menu a[href*="pdi-"]::before { content: "📈"; }
.mod-menu a[href*="roi-2017"]::before { content: "📑"; }

/* submeniu (Părinți) */
.mod-menu a[href*="programe-sociale"]::before { content: "🤲"; }

/* fallback search/login items if any */
.mod-menu a[href*="search"]::before { content: "🔎"; }
.mod-menu a[href*="login"]::before { content: "🔐"; }

/* ─── Iconuri per meniu (emoji prin URL) ──────────────────────── */
.mod-menu a::before,
nav .mod-menu a::before {
  display: inline-block;
  margin-right: 8px;
  font-size: 1.05em;
  line-height: 1;
  vertical-align: -2px;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.45));
  transition: transform 0.25s ease;
  content: "";
}
.mod-menu a:hover::before { transform: translateY(-2px) scale(1.15); }

.mod-menu a[href="/"]::before,
.mod-menu a[href$="/index.php"]::before { content: "🏠"; }
.mod-menu a[href$="/scoala"]::before { content: "🏫"; }
.mod-menu a[href$="/gpn"]::before { content: "🧒"; }
.mod-menu a[href*="documente-manageriale"]::before { content: "📋"; }
.mod-menu a[href$="/parinti"]::before { content: "👪"; }
.mod-menu a[href$="/scurt-istoric"]::before { content: "📜"; }
.mod-menu a[href$="/inscriere-clasa-pregatitoare-2020-2021"]::before,
.mod-menu a[href*="inv-primar"]::before { content: "✏️"; }
.mod-menu a[href$="/pnras"]::before { content: "🎒"; }
.mod-menu a[href$="/contact"]::before { content: "✉️"; }

/* submeniu (Școala) */
.mod-menu a[href$="/activitati"]::before { content: "🎭"; }
.mod-menu a[href$="/concursuri"]::before { content: "🏆"; }
.mod-menu a[href$="/personal"]::before { content: "👨‍🏫"; }
.mod-menu a[href$="/reviste"]::before { content: "📖"; }
.mod-menu a[href$="/proiecte"]::before { content: "💡"; }

/* submeniu (GPN) */
.mod-menu a[href*="sa-citim"]::before { content: "📚"; }
.mod-menu a[href*="promoting-innovation"]::before { content: "🎨"; }
.mod-menu a[href*="challenge-of-teaching"]::before { content: "🚀"; }
.mod-menu a[href*="parteneri-pentru-viitor"]::before { content: "🤝"; }
.mod-menu a[href*="travelling-toys"]::before { content: "🧸"; }

/* submeniu (Documente manageriale) */
.mod-menu a[href*="2017-2018"]::before,
.mod-menu a[href*="2016-2017"]::before,
.mod-menu a[href*="2022-2023"]::before { content: "📅"; }
.mod-menu a[href*="regulament-de-organizare"]::before { content: "⚖️"; }
.mod-menu a[href*="regulament-intern"]::before { content: "📕"; }
.mod-menu a[href*="plan-managerial"]::before { content: "📊"; }
.mod-menu a[href*="plan-operational"]::before { content: "🗂️"; }
.mod-menu a[href*="pdi-"]::before { content: "📈"; }
.mod-menu a[href*="roi-2017"]::before { content: "📑"; }

/* submeniu (Părinți) */
.mod-menu a[href*="programe-sociale"]::before { content: "🤲"; }

/* fallback search/login items if any */
.mod-menu a[href*="search"]::before { content: "🔎"; }
.mod-menu a[href*="login"]::before { content: "🔐"; }

/* ─── Iconuri meniu — override specificity ──────────────────────── */
ul.mod-menu.nav > li.nav-item > a::before,
ul.mod-menu__sub li > a::before,
ul.mod-menu.nav > li.nav-item.active > a::before,
ul.mod-menu.nav > li.nav-item.current > a::before {
  position: static !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  box-shadow: none !important;
  animation: none !important;
  border-radius: 0 !important;
  transform: none !important;
  display: inline-block !important;
  margin-right: 8px !important;
  font-size: 1.05em !important;
  line-height: 1 !important;
  vertical-align: -2px !important;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.45)) !important;
  transition: transform 0.25s ease !important;
  content: "•" !important;
  opacity: 0.85;
}
ul.mod-menu.nav a:hover::before { transform: translateY(-2px) scale(1.15) !important; }

ul.mod-menu.nav a[href="/"]::before,
ul.mod-menu.nav a[href$="/index.php"]::before { content: "🏠" !important; }
ul.mod-menu.nav a[href$="/scoala"]::before { content: "🏫" !important; }
ul.mod-menu.nav a[href$="/gpn"]::before { content: "🧒" !important; }
ul.mod-menu.nav a[href*="documente-manageriale"]::before { content: "📋" !important; }
ul.mod-menu.nav a[href$="/parinti"]::before { content: "👪" !important; }
ul.mod-menu.nav a[href$="/scurt-istoric"]::before { content: "📜" !important; }
ul.mod-menu.nav a[href*="inscriere-clasa-pregatitoare"]::before,
ul.mod-menu.nav a[href*="inv-primar"]::before { content: "✏️" !important; }
ul.mod-menu.nav a[href$="/pnras"]::before { content: "🎒" !important; }
ul.mod-menu.nav a[href$="/contact"]::before { content: "✉️" !important; }

ul.mod-menu__sub a[href$="/activitati"]::before { content: "🎭" !important; }
ul.mod-menu__sub a[href$="/concursuri"]::before { content: "🏆" !important; }
ul.mod-menu__sub a[href$="/personal"]::before { content: "👨‍🏫" !important; }
ul.mod-menu__sub a[href$="/reviste"]::before { content: "📖" !important; }
ul.mod-menu__sub a[href$="/proiecte"]::before { content: "💡" !important; }
ul.mod-menu__sub a[href*="sa-citim"]::before { content: "📚" !important; }
ul.mod-menu__sub a[href*="promoting-innovation"]::before { content: "🎨" !important; }
ul.mod-menu__sub a[href*="challenge-of-teaching"]::before { content: "🚀" !important; }
ul.mod-menu__sub a[href*="parteneri-pentru-viitor"]::before { content: "🤝" !important; }
ul.mod-menu__sub a[href*="travelling-toys"]::before { content: "🧸" !important; }
ul.mod-menu__sub a[href*="2017-2018"]::before,
ul.mod-menu__sub a[href*="2016-2017"]::before,
ul.mod-menu__sub a[href*="2022-2023"]::before { content: "📅" !important; }
ul.mod-menu__sub a[href*="regulament-de-organizare"]::before { content: "⚖️" !important; }
ul.mod-menu__sub a[href*="regulament-intern"]::before { content: "📕" !important; }
ul.mod-menu__sub a[href*="plan-managerial"]::before { content: "📊" !important; }
ul.mod-menu__sub a[href*="plan-operational"]::before { content: "🗂️" !important; }
ul.mod-menu__sub a[href*="pdi-"]::before { content: "📈" !important; }
ul.mod-menu__sub a[href*="roi-2017"]::before { content: "📑" !important; }
ul.mod-menu__sub a[href*="programe-sociale"]::before { content: "🤲" !important; }

/* ─── Iconuri meniu — fix specificitate ──────────────────────── */
ul.mod-menu.nav > li.nav-item > a[href="/"]::before { content: "🏠" !important; }
ul.mod-menu.nav > li.nav-item > a[href$="/scoala"]::before { content: "🏫" !important; }
ul.mod-menu.nav > li.nav-item > a[href$="/gpn"]::before { content: "🧒" !important; }
ul.mod-menu.nav > li.nav-item > a[href*="documente-manageriale"]::before { content: "📋" !important; }
ul.mod-menu.nav > li.nav-item > a[href$="/parinti"]::before { content: "👪" !important; }
ul.mod-menu.nav > li.nav-item > a[href$="/scurt-istoric"]::before { content: "📜" !important; }
ul.mod-menu.nav > li.nav-item > a[href*="inscriere-clasa-pregatitoare"]::before,
ul.mod-menu.nav > li.nav-item > a[href*="inv-primar"]::before { content: "✏️" !important; }
ul.mod-menu.nav > li.nav-item > a[href$="/pnras"]::before { content: "🎒" !important; }
ul.mod-menu.nav > li.nav-item > a[href$="/contact"]::before { content: "✉️" !important; }

/* ─── Iconuri meniu — fix specificitate ──────────────────────── */
ul.mod-menu.nav > li.nav-item > a[href="/"]::before { content: "🏠" !important; }
ul.mod-menu.nav > li.nav-item > a[href$="/scoala"]::before { content: "🏫" !important; }
ul.mod-menu.nav > li.nav-item > a[href$="/gpn"]::before { content: "🧒" !important; }
ul.mod-menu.nav > li.nav-item > a[href*="documente-manageriale"]::before { content: "📋" !important; }
ul.mod-menu.nav > li.nav-item > a[href$="/parinti"]::before { content: "👪" !important; }
ul.mod-menu.nav > li.nav-item > a[href$="/scurt-istoric"]::before { content: "📜" !important; }
ul.mod-menu.nav > li.nav-item > a[href*="inscriere-clasa-pregatitoare"]::before,
ul.mod-menu.nav > li.nav-item > a[href*="inv-primar"]::before { content: "✏️" !important; }
ul.mod-menu.nav > li.nav-item > a[href$="/pnras"]::before { content: "🎒" !important; }
ul.mod-menu.nav > li.nav-item > a[href$="/contact"]::before { content: "✉️" !important; }