/*
 * ====================================================================
 * SEASONTICKETS TABLE STYLES
 * ====================================================================
 * Template: seasontickets_bs5.twig
 * Zweck: Dauerkarten-Tabelle - zeigt Dauerkartenverkäufe und Preise
 *        der Vereine mit Vergleich zum Vorjahr
 * 
 * Enthält nur template-spezifische Styles für:
 * - Ticket Count Info (Dauerkartenanzahl mit Stand)
 * - Price Info (Preisanzeige in Euro)
 * - Previous Values Info (Vorjahreswerte)
 * - Tabellen-spezifische Hover-Effekte (Blue glow)
 * - Alert-Info Styling für Dauerkarten
 * - Spalten-spezifische Breiten
 * 
 * Wrapper, Responsive-Breakpoints und Print-Styles 
 * werden zentral gehandhabt
 * ====================================================================
 */

/* Ticket Count Info */
.ticket-count-info .ticket-count {
    color: var(--fm-blue);
    font-size: 1.1rem;
}

.ticket-count-info small {
    font-size: 0.8rem;
    line-height: 1;
}

/* Price Info */
.price-info .price-value {
    color: var(--fm-orange);
    font-size: 1.1rem;
    font-weight: 700;
}

.price-info small {
    font-size: 0.8rem;
    line-height: 1;
}

/* Previous Values Info */
.prev-ticket-info .prev-value,
.prev-price-info .prev-price-value {
    color: var(--fm-text-secondary);
    font-size: 1rem;
}

.prev-ticket-info small,
.prev-price-info small {
    font-size: 0.8rem;
    line-height: 1;
}

/* Table-spezifische Hover-Effekte */
#seasonticketsTable tbody tr:hover {
    background-color: rgba(66, 139, 202, 0.1); /* Blue glow for tickets */
}

#seasonticketsTable tbody tr:hover .team-name {
    color: var(--fm-blue);
}

#seasonticketsTable tbody tr:hover .ticket-count,
#seasonticketsTable tbody tr:hover .price-value {
    color: var(--fm-blue);
}

/* Alert Styling */
.alert-info {
    background-color: rgba(66, 139, 202, 0.1);
    border-color: var(--fm-blue);
    color: var(--fm-text-primary);
}

.alert-info .alert-heading {
    color: var(--fm-blue);
    font-weight: 600;
}

/* Spalten-spezifische Breiten */
#seasonticketsTable th:nth-child(3),
#seasonticketsTable td:nth-child(3) {
    min-width: 120px;
}

#seasonticketsTable th:nth-child(4),
#seasonticketsTable td:nth-child(4),
#seasonticketsTable th:nth-child(5),
#seasonticketsTable td:nth-child(5),
#seasonticketsTable th:nth-child(6),
#seasonticketsTable td:nth-child(6) {
    min-width: 100px;
}

/* Mobile-spezifische Anpassungen */
@media (max-width: 1199px) {
    .ticket-count-info .ticket-count,
    .price-info .price-value {
        font-size: 1rem;
    }
}

@media (max-width: 991px) {
    .ticket-count-info small,
    .price-info small,
    .prev-ticket-info small,
    .prev-price-info small {
        font-size: 0.75rem;
    }
}

@media (max-width: 767px) {
    .ticket-count-info .ticket-count,
    .price-info .price-value {
        font-size: 0.9rem;
    }
    
    .prev-ticket-info .prev-value,
    .prev-price-info .prev-price-value {
        font-size: 0.85rem;
    }
    
    .ticket-count-info small,
    .price-info small,
    .prev-ticket-info small,
    .prev-price-info small {
        font-size: 0.7rem;
    }
}

@media (max-width: 576px) {
    .ticket-count-info .ticket-count,
    .price-info .price-value {
        font-size: 0.85rem;
    }
    
    .prev-ticket-info .prev-value,
    .prev-price-info .prev-price-value {
        font-size: 0.8rem;
    }
    
    .ticket-count-info small,
    .price-info small,
    .prev-ticket-info small,
    .prev-price-info small {
        font-size: 0.65rem;
    }
    
    /* Kompaktere Spaltenbreiten auf Mobile */
    #seasonticketsTable th:nth-child(3),
    #seasonticketsTable td:nth-child(3) {
        min-width: 90px;
    }
    
    #seasonticketsTable th:nth-child(4),
    #seasonticketsTable td:nth-child(4),
    #seasonticketsTable th:nth-child(5),
    #seasonticketsTable td:nth-child(5),
    #seasonticketsTable th:nth-child(6),
    #seasonticketsTable td:nth-child(6) {
        min-width: 80px;
    }
}