body { 
  font-family: sans-serif; 
  background-color:#F9F7F2; 
}

.active-tab-pill { 
  background-color: #D84315 !important; 
  color: #F9F7F2 !important; 
}

.slide-down {
  animation: slideDown 0.2s ease-out forwards;
  transform-origin: top;
}

@keyframes slideDown {
  from { opacity: 0; transform: scaleY(0.95); }
  to { opacity: 1; transform: scaleY(1); }
}

.custom-scrollbar::-webkit-scrollbar { width: 4px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #e4e4e7; border-radius: 2px; }

/* Scrollbar komplett ausblenden (für App-Feeling) */
::-webkit-scrollbar {
  display: none;
  width: 0;
  background: transparent;
}

* {
  -ms-overflow-style: none;  /* für Internet Explorer und Edge */
  scrollbar-width: none;     /* für Firefox */
}


/* Container für flüssige Übergänge der Tabs */
.tab-slide-left {
  animation: slideInFromRight 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.tab-slide-right {
  animation: slideInFromLeft 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes slideInFromRight {
  from {
    opacity: 0;
    transform: translateX(35px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInFromLeft {
  from {
    opacity: 0;
    transform: translateX(-35px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}


/* --- BREITER UNDERDOG GLOW (Nur für die Hotpick-Tippkachel auf dem Hub) --- */
@keyframes underdogFlicker {
  0%, 100% {
    border-color: rgba(245, 158, 11, 0.4);
    box-shadow: 0 0 14px 1px rgba(245, 158, 11, 0.2);
  }
  50% {
    border-color: rgba(245, 158, 11, 0.85);
    box-shadow: 0 0 24px 5px rgba(245, 158, 11, 0.45);
  }
}

.underdog-card-glow {
  animation: underdogFlicker 5s ease-in-out infinite;
}