/**
 * ====================================================================
 * BEERPRICE TABLE STYLES
 * ====================================================================
 * Template: beerprice_bs5.twig
 * Zweck: Bierpreis-Tabelle - zeigt Bierpreise in verschiedenen Stadien
 *        mit Markenangaben und Preisstaffelung
 * 
 * Enthält nur template-spezifische Styles für:
 * - Bierpreis-Anzeige (Preis pro Liter, Gesamtpreis)
 * - Biermarken-Styling
 * - Tabellen-spezifische Spaltenbreiten
 * - Hover-Effekte für Stadion-Links
 * 
 * Allgemeine Wrapper, Responsive-Breakpoints und Print-Styles 
 * werden über fm-table-content-wrapper gehandhabt
 * ====================================================================
 */

/* Beer Price Column Styling */
.beer-price strong {
    color: var(--fm-text-primary);
    font-size: 1.1rem;
}

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

/* Beer Brand Styling */
.beer-brand {
    font-weight: 500;
    color: var(--fm-text-secondary);
}

/* Table-specific column widths */
#beerpriceTable th:nth-child(3),
#beerpriceTable td:nth-child(3) {
    min-width: 100px;
}

#beerpriceTable th:nth-child(4),
#beerpriceTable td:nth-child(4) {
    min-width: 110px;
}

#beerpriceTable th:nth-child(5),
#beerpriceTable td:nth-child(5) {
    min-width: 120px;
}

/* Hover-Effekte für Stadion-Links */
#beerpriceTable tbody tr:hover .team-link {
    color: var(--fm-gold);
}

/* Mobile-spezifische Anpassungen */
@media (max-width: 767px) {
    .beer-price strong {
        font-size: 1rem;
    }
    
    /* Kleinere Spaltenbreiten auf Mobile */
    #beerpriceTable th:nth-child(3),
    #beerpriceTable td:nth-child(3),
    #beerpriceTable th:nth-child(4),
    #beerpriceTable td:nth-child(4),
    #beerpriceTable th:nth-child(5),
    #beerpriceTable td:nth-child(5) {
        min-width: 80px;
    }
}