html,body{margin:0;padding:0;background:#0d1117;}
/* hero trebuie să fie context de poziționare */
#hero{position:relative; overflow:hidden;}
/* valurile stau deasupra background-ului din hero, dar sub text/butoane */
#waves{
  position:absolute;
  left:0; right:0; bottom:0;
  width:100% !important;
  height:260px !important;
  display:block;
  z-index:1;            /* IMPORTANT: peste bg, sub conținut */
  pointer-events:none;
  opacity:.35;          /* fă vizibil imediat */
}
/* conținutul din hero peste valuri */
#hero .inner, #hero h1, #hero h2, #hero .cta{
  position:relative; z-index:2;
}

/* Responsive tweaks – 2025-09-02 */
@media (max-width: 1024px) {
  body { font-size: 16px; }
  .container { width: 100%; max-width: none; padding: 0 16px; }
  .hero h1 { font-size: clamp(28px, 6vw, 42px); line-height: 1.15; }
  .hero h2 { font-size: clamp(18px, 3.8vw, 24px); }
  .navigation { display: flex; flex-wrap: wrap; gap: 12px; }
  .grid-2, .grid-3 { display: grid; grid-template-columns: 1fr; gap: 16px; }
  .statbar { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
  .cta { flex-direction: column; gap: 12px; text-align: center; }
  .a.btn { width: 100%; }
  code, .kbd { font-size: 14px; white-space: pre; overflow-x: auto; }
}

@media (max-width: 480px) {
  .statbar { grid-template-columns: 1fr; }
  .hero .cta { flex-direction: column; gap: 12px; }
}

/* --- Mobile fixes: keep nav items visible --- */
@media (max-width: 480px) {
  .hide-sm { display: inline !important; }   /* NU mai ascunde linkurile */
  nav { flex-wrap: wrap; gap: 8px; }         /* să nu se suprapună */
  nav a { padding: 6px 8px; }                /* touch target decent */
}
/* --- hide empty cards (safety net) --- */
.card:empty{
  display:none !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
}
/* --- Dashboard: hide truly empty cards (and any border/shadow) --- */
.card:empty { display:none !important; }
.card[data-empty="1"]{ display:none !important; }
.card:empty,
.card[data-empty="1"]{
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
.card { border:none !important; box-shadow:none !important; }
/* --- kill stubborn card borders/shadows/backgrounds --- */
div.card, section.card, .cards .card, .grid .card {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  background: transparent !important;
}
.card::before, .card::after, .grid .card::before, .grid .card::after {
  display: none !important;
}
/* dashboard: no card borders/shadows */
div.card, section.card, .cards .card, .grid .card {border:0!important; box-shadow:none!important; background:rgba(0,0,0,.2)!important;}