/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Minimale Custom Styles für Idle Clans Tracker */
/* Lassen Bootstrap Themes ihre Farben selbst bestimmen */

/* Theme Selector Styles - nur visuelle Verbesserungen */
.theme-selector .dropdown-toggle {
    transition: all 0.2s ease;
}

.theme-selector .dropdown-toggle:hover {
    opacity: 0.8;
}

/* Smooth transitions für Theme-Wechsel */
body,
.navbar,
.card,
.table,
.btn {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Kleine Verbesserungen für alle Themes */
.card {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

/* Navbar Brand Glow-Effekt nur für Cyborg Theme */
.navbar-brand {
    transition: text-shadow 0.3s ease;
}

/* Hall of Fame Card - behält seinen blauen Gradient bei allen Themes */
.hall-of-fame-card {
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%) !important;
    color: white !important;
}

/* Alle Texte in der Hall of Fame bleiben weiß */
.hall-of-fame-card * {
    color: white !important;
}

/* API Status Badge - kleine Verbesserung */
.navbar-text .badge {
    font-size: 0.75rem;
}

/* Toast Notifications - falls wir die später brauchen */
.toast {
    backdrop-filter: blur(10px);
}

/* Responsive Verbesserungen */
@media (max-width: 768px) {
    .theme-selector .dropdown-toggle span:not(:first-child) {
        display: none !important;
    }
}

/* Accessibility improvements */
.dropdown-item:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

/* Keyboard navigation highlight */
.dropdown-item:focus-visible {
    box-shadow: inset 0 0 0 2px currentColor;
}