/* 🏛️ ATLAS-CIV-CLICKER | CARDS: PRODUCTION ELITE (Nova v4.0) */
/* @ui-render @production-cards @building-ids @v4.0-elite */

/* Mapping auf echte HTML-Strukturen */
.stats-grid-imperial {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    margin-top: 1rem !important;
}

.stat-box-v6 {
    background: rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 14px !important;
    padding: 12px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.stat-label-v6 {
    font-size: 0.65rem !important;
    text-transform: uppercase !important;
    color: var(--text-secondary) !important;
    letter-spacing: 1px !important;
    margin-bottom: 4px !important;
}

.stat-value-v6 {
    font-size: 1.3rem !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
    letter-spacing: 0.5px !important;
}

/* Banner System */
.building-banner {
    width: 100% !important;
    height: 110px !important; /* Deutlich kompakter für bessere Übersicht */
    position: relative !important;
    overflow: hidden !important;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.building-banner img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 1s ease !important;
}

.main-structure-card:hover .building-banner img {
    transform: scale(1.1) !important;
}

/* Elite Ressourcen-Box */
.resource-value-box {
    flex-grow: 1 !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-left: 4px solid var(--color-gold-elite) !important;
    border-radius: 14px !important;
    padding: 10px 15px !important;
    display: flex !important;
    flex-direction: column !important;
}

.value-label {
    font-size: 0.6rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: var(--text-secondary) !important;
    opacity: 0.8 !important;
}

.value-number {
    font-size: 1.6rem !important;
    font-weight: 900 !important;
    color: #fff !important;
    line-height: 1.2 !important;
}

/* Ertrags-Pillen */
.yield-badge-v5 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 4px !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    color: var(--color-gold-elite) !important;
}

/* Icon System (Fallback für Holz/Stein ohne Circle) */
.resource-icon {
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.resource-icon i, .resource-icon .material-symbols-outlined {
    font-size: 2rem !important;
    filter: drop-shadow(0 0 10px rgba(255,255,255,0.2)) !important;
}

/* HUD-Overlay Stile konsolidiert in cards_system.css (v4.0 Elite) */