/* ==========================================================================
   hero block
   ========================================================================== */

.hero {
  position: relative;
  display: flex;
  align-items: center;
  min-height: clamp(240px, 28.5vw, 560px);
  background-color: var(--color-bg-primary);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-block: 3rem;
}

.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(7, 11, 29, 0.6), rgba(7, 11, 29, 0.88));
}

.hero__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  max-width: 46rem;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.hero--ready .hero__inner {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .hero__inner {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

.hero__title {
  margin: 0;
}

.hero__subtitle {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 0.85rem + 0.4vw, 1.1rem);
  margin-bottom: 0;
}

.hero__cta {
  margin-top: 0.5rem;
}

.hero--home {
  background-image: url('/img/main-banner.webp');
}

.hero--bonus {
  background-image: url('/img/bonuses-banner.webp');
}

.hero--app {
  background-image: url('/img/app-banner.webp');
}

.hero--slots {
  background-image: url('/img/slots-banner.webp');
}

.hero--live {
  background-image: url('/img/live-banner.webp');
}

.hero--login {
  background-image: url('/img/login-banner.webp');
}

.hero--support {
  background-image: url('/img/support-banner.webp');
}

.hero--privacy {
  background-image: url('/img/privacy-policy-banner.webp');
}

.hero--responsible-gaming {
  background-image: url('/img/responsible-gaming-banner.webp');
}

@media (min-width: 768px) {
  .hero {
    padding-block: 5rem;
  }
}

/* Breadcrumb (część heroBlockData, wspólny styl) */
.breadcrumb {
  position: relative;
  z-index: 1;
}

.breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  font-size: var(--font-size-small);
  color: var(--color-text-primary);
}

.breadcrumb__item {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.breadcrumb__item a {
  color: var(--color-text-primary);
  transition: color var(--transition-fast);
}

.breadcrumb__item a:hover,
.breadcrumb__item a:focus-visible {
  color: var(--color-gold);
}

.breadcrumb__item span[aria-current] {
  color: var(--color-gold);
}

.breadcrumb__separator {
  color: rgba(212, 197, 177, 0.5);
}