/* Add here all your CSS customizations */
.fw-logo {
  display: flex;
  align-items: center;         /* <- sorgt wirklich für vertikale Mitte */
  gap: .6rem;
  text-decoration: none;
}
.fw-logo-img {
  height: 50px;
  display: block;              /* kein extra Zeilenabstand */
  object-fit: contain;
}
.fw-logo-text {
  display: flex;
  flex-direction: column;
  justify-content: center;     /* Titel + Unterzeile mittig zur Bildhöhe */
  line-height: 1.1;
}
.fw-logo-title {
  font-size: 1.05rem;
  font-weight: 700;
  color: #fff;
}
.fw-logo-accent {
  color: #dc2626;              /* dein Rot */
}
.fw-logo-sub {
  font-size: .65rem;
  color: rgba(255,255,255,.45);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.fire-gradient {
  background: linear-gradient(90deg, #fcd34d 0%, #f97316 45%, #dc2626 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* für Firefox */
  background-clip: text;
  color: transparent;
}

.rc-glow {
  box-shadow: 0 0 6px rgba(251, 191, 36, 0.55),
              0 0 15px rgba(251, 191, 36, 0.35);
  border-color: rgba(251, 191, 36, 0.4); /* optional, damit der Rand auch orange wird */
}

.jackpot-icon {
  font-size: 60px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  transform: translateY(1px); /* Emoji minimal ausgleichen */
}

.jackpot-glow {
  background: #fbbf24 !important;
  animation: jackpot-pulse 1.6s ease-in-out infinite;
  border-radius: 1rem;
}

@keyframes jackpot-pulse {
  0% {
    box-shadow:
      0 0 22px rgba(220, 38, 38, 0.35),
      0 0 48px rgba(249, 115, 22, 0.25);
  }
  50% {
    box-shadow:
      0 0 30px rgba(220, 38, 38, 0.7),
      0 0 80px rgba(249, 115, 22, 0.55);
  }
  100% {
    box-shadow:
      0 0 22px rgba(220, 38, 38, 0.35),
      0 0 48px rgba(249, 115, 22, 0.25);
  }
}

/* nur für diese Zeile: vertikales Gutter killen */
.jackpot-row {
  --bs-gutter-y: 0;
  min-height: 70px;
}

/* alle Spalten darin vertikal mittig */
.jackpot-row > [class^="col-"],
.jackpot-row > [class*=" col-"] {
  display: flex;
  align-items: center;
}

/* Text-Spalte bleibt Column – aber links */
.jackpot-row .col-lg-3 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start; /* <- hier nach links */
  text-align: left;
}

/* Mitte bleibt mittig */
.jackpot-row .col-lg-6 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.jackpot-btn{
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: #000;
  color: #fbbf24;            /* gelbe Schrift */
  border: none;
  border-radius: .9rem;
  padding: .85rem 1.8rem;
  font-weight: 600;
  font-size: .9rem;
  box-shadow: 0 6px 20px rgba(0,0,0,.25);
  transition: transform .12s ease-out, box-shadow .12s ease-out, background .12s ease-out;
  white-space: nowrap;
}

.jackpot-btn:hover{
  background: #111;
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(0,0,0,.25);
}
.game-card {
    transition: all 0.3s ease;
    cursor: pointer;
}

.game-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 30px rgba(251, 191, 36, 0.55);
}