/* Header per varianta (meniu) */
body.v6 header { background: #070b14 !important; }
body.v7 header { background: #14100e !important; }
body.v8 header { background: #0a0a0a !important; }
body.v9 header { background: #1e1b4b !important; }
body.v10 header { background: #000 !important; }
body.v11 header { background: #022c22 !important; }
body.v12 header { background: #1e40af !important; }
body.v13 header { background: #450a0a !important; }
body.v14 header { background: #0f172a !important; }
body.v15 header { background: #0f766e !important; }

body.pb-demo { padding-bottom: 4.5rem; }
#site-footer { position: relative; z-index: 10; }

.demo-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 60;
  background: rgba(10, 22, 69, 0.97) !important;
  backdrop-filter: blur(10px);
  overflow-x: auto;
  scrollbar-width: thin;
  border-top: 2px solid #e31e24;
}

.demo-bar::-webkit-scrollbar { height: 4px; }
.demo-bar .demo-links { flex-wrap: nowrap; min-width: max-content; }
.demo-bar a { color: rgba(255, 255, 255, 0.92) !important; }
.demo-bar a.demo-active { background: #e31e24; color: #fff !important; }

.card-dark h2, .card-dark h3 { color: #f8fafc !important; }
.card-dark p { color: #cbd5e1 !important; }

.mesh-hero {
  background-color: #070b14;
  background-image:
    radial-gradient(at 20% 30%, rgba(0, 212, 255, 0.18) 0, transparent 50%),
    radial-gradient(at 80% 20%, rgba(99, 102, 241, 0.15) 0, transparent 45%),
    radial-gradient(at 60% 80%, rgba(227, 30, 36, 0.12) 0, transparent 50%);
}

.grid-tech {
  background-image:
    linear-gradient(rgba(132, 204, 22, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(132, 204, 22, 0.07) 1px, transparent 1px);
  background-size: 48px 48px;
}

.brutal-shadow { box-shadow: 6px 6px 0 #0a0a0a; }
.brutal-shadow:hover { box-shadow: 10px 10px 0 #ffe500; }

.glass-card {
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.aurora-bg {
  background: linear-gradient(135deg, #1e1b4b 0%, #4c1d95 35%, #be185d 70%, #0ea5e9 100%);
}

.pit-stripe {
  background: repeating-linear-gradient(
    -45deg,
    #111 0px, #111 12px,
    #1a1a1a 12px, #1a1a1a 24px
  );
}

@keyframes float-y {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
.animate-float { animation: float-y 5s ease-in-out infinite; }