/* Kritické CSS styly pro rychlé načtení stránky */
:root {
  --color-primary: #dc2626;
  --color-dark: #111111;
  --font-primary: 'Montserrat', sans-serif;
  --font-heading: 'Orbitron', sans-serif;
}

.header-gradient {
  background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.8) 100%);
}

.bg-gradient-dark {
  background-color: #0a0a0a;
  background-image: radial-gradient(circle at center, #111111 0%, #000000 100%);
}

.glassmorphism {
  background-color: rgba(10, 10, 10, 0.7);
  backdrop-filter: blur(12px);
}

.btn-primary {
  background-color: var(--color-primary);
  transition: background-color 0.3s ease;
}

.btn-primary:hover {
  background-color: #b91c1c;
}

.navbar {
  background-color: transparent;
}

.navbar.scrolled {
  background-color: rgba(0, 0, 0, 0.9);
}

/* Základní layouty */
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

/* Lazy-loading image placeholder */
img[loading="lazy"] {
  min-height: 1px;
}

/* Animace */
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
.animate-bounce {
  animation: bounce 1s infinite;
}