:root {
    /* =====================================================
       ERATHRON – HLAVNÍ BARVY
    ====================================================== */

    --color-bg: #080808;
    --color-bg-soft: #0e0e0f;
    --color-panel: #141416;
    --color-panel-light: #1b1b1e;
    --color-panel-hover: #222226;

    /* ZLATÁ */
    --color-gold: #d4af37;
    --color-gold-light: #f0cf69;
    --color-gold-dark: #8f6b18;
    --color-gold-muted: #9d8235;

    /* ČERVENÁ */
    --color-red: #b51f28;
    --color-red-light: #d52b36;
    --color-red-dark: #701117;

    /* TEXT */
    --color-text: #f3f3f3;
    --color-text-soft: #b8b8bd;
    --color-text-muted: #77777f;

    /* STAVY */
    --color-success: #4fa866;
    --color-warning: #d5a737;
    --color-danger: #d13842;

    /* BORDER */
    --border-dark: #27272c;
    --border-gold: rgba(212, 175, 55, 0.35);
    --border-red: rgba(181, 31, 40, 0.4);

    /* STÍNY */
    --shadow-dark: 0 12px 35px rgba(0, 0, 0, 0.45);
    --shadow-gold: 0 0 22px rgba(212, 175, 55, 0.12);
    --shadow-red: 0 0 22px rgba(181, 31, 40, 0.14);

    /* ROZMĚRY */
    --topbar-height: 78px;
    --sidebar-width: 230px;
    --activity-width: 300px;

    /* ZAOBLENÍ */
    --radius-small: 6px;
    --radius-medium: 10px;
    --radius-large: 16px;

    /* PŘECHODY */
    --transition-fast: 0.18s ease;
    --transition-normal: 0.28s ease;
}
/* =========================================================
   ERATHRON – STANDARD CENY UPGRADE
   HLAVNÍ BUDOVA
========================================================= */

.main-building-upgrade-price {
    display: grid;

    grid-template-columns:
        repeat(
            auto-fit,
            minmax(125px, 1fr)
        );

    gap: 10px;

    width: 100%;
}


.main-building-upgrade-price > span {
    min-height: 48px;

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 8px 13px;

    border:
        1px solid
        rgba(255, 255, 255, 0.10);

    border-radius: 7px;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.045),
            rgba(255, 255, 255, 0.018)
        );
}


.main-building-upgrade-price img {
    width: 30px;
    height: 30px;

    flex-shrink: 0;

    object-fit: contain;
}


.main-building-upgrade-price strong {
    color: #f0d77d;

    font-size: 16px;
    font-weight: 900;
}


.main-building-upgrade-cost-title {
    margin-bottom: 10px;

    font-size: 11px;
}