/**
 * Bootstrap 5 Stadium Template - Vereinfacht
 * Orientiert am Original-Design mit Bootstrap 5 Standards
 */

/* ============================================
   Stadium Hero Section - Uses custom-bootstrap.css standards
   ============================================ */

/* Hero Section styles are handled by custom-bootstrap.css */

/* ============================================
   Stadium Navigation (Previous/Next)
   ============================================ */

.fm-nav-btn {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1020;
    display: none;
}

/* Hide stadium navigation when modal is open */
.modal.show ~ .fm-nav-btn,
body.modal-open .fm-nav-btn {
    display: none !important;
}

.fm-nav-btn--prev {
    left: 20px;
}

.fm-nav-btn--next {
    right: 20px;
}

@media (min-width: 576px) {
    .fm-nav-btn {
        display: block;
    }
}

.fm-nav-btn .btn {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* ============================================
   Stadium Tab Navigation (Einfach wie team_bs5)
   ============================================ */

.stadium-tabs-nav {
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 0;
}

.stadium-tabs-nav .nav-link {
    color: #6c757d;
    border: none;
    padding: 1rem 1.5rem;
    font-weight: 600;
    border-bottom: 3px solid transparent;
    white-space: nowrap;
    margin-bottom: -1px;
}

.stadium-tabs-nav .nav-link:hover {
    color: #d4af37;
    border-bottom-color: #d4af37;
}

.stadium-tabs-nav .nav-link.active {
    color: #d4af37;
    background: transparent;
    border-bottom: 3px solid #d4af37;
}

@media (max-width: 768px) {
    .stadium-tabs-nav {
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .stadium-tabs-nav::-webkit-scrollbar {
        display: none;
    }
    
    .stadium-tabs-nav .nav-link {
        padding: 0.75rem 1rem;
        font-size: 0.9rem;
    }
}

/* ============================================
   Stadium Gallery Items
   ============================================ */

.stadium-gallery__item {
    position: relative;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.stadium-gallery__item:hover {
    transform: scale(1.02);
}

.stadium-gallery__item img {
    transition: opacity 0.3s ease;
}

.stadium-gallery__item:hover img {
    opacity: 0.9;
}

/* ============================================
   Standard Bootstrap Overrides
   ============================================ */

.card {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.5rem;
}

.card-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.table-borderless td {
    padding: 0.5rem 0;
    vertical-align: top;
}

.table-borderless td:first-child {
    font-weight: 600;
    width: 30%;
    color: #6c757d;
}

/* ============================================
   Responsive Improvements
   ============================================ */

@media (max-width: 992px) {
    .col-lg-8 {
        margin-bottom: 1rem;
    }
    
    .col-lg-6 {
        margin-bottom: 1rem;
    }
}

/* ============================================
   UserSuggest Modal Sizing
   ============================================ */

#userSuggestModal .modal-content {
    min-height: auto;
}

#userSuggestModal .modal-dialog {
    max-width: 500px;
    margin-top: 2rem;
}

@media (max-width: 768px) {
    #userSuggestModal .modal-dialog {
        margin: 1rem;
        max-width: calc(100vw - 2rem);
    }
}

/* ============================================
   Utilities
   ============================================ */

.text-fm-gold {
    color: #d4af37 !important;
}

.bg-fm-gold {
    background-color: #d4af37 !important;
}

.border-fm-gold {
    border-color: #d4af37 !important;
}