/* Ten plik używa zmiennych zdefiniowanych w main.php */

body {
    background-color: var(--faction-background);
    color: var(--faction-text);
    font-family: 'Orbitron', sans-serif;
}

.navbar {
    /* Używamy !important, aby mieć pewność, że nadpiszemy domyślne style Bootstrapa */
    background-color: var(--faction-primary) !important;
}

.footer {
    background-color: var(--faction-primary);
    color: #fff; /* Zakładamy, że główny kolor frakcji jest ciemny */
}
.navbar .navbar-nav .nav-link {
    color: var(--faction-navbar-text);
}

.navbar .navbar-nav .nav-link,
.navbar .navbar-brand,
.navbar .logout.btn-link {
    color: var(--faction-navbar-text);
    transition: opacity 0.2s ease-in-out; 
}


.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-brand:hover,
.navbar .logout.btn-link:hover { 
    color: var(--faction-navbar-text);
    opacity: 0.8;
}

/* Zaktualizowany styl dla nazwy aplikacji (większy tekst, ale bez powiększania menu) */
.navbar-brand {
    font-family: 'Stardos Stencil', cursive;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;

    /* Powiększamy czcionkę jeszcze bardziej */
    font-size: 2.5rem; /* Zwiększona wartość */
    
    /* Zachowujemy line-height na 1 i zerowe paddingi, aby kontrolować przestrzeń */
    line-height: 1;
    padding-top: 0;
    padding-bottom: 0;
    
    /* Minimalne marginesy zewnętrzne, jeśli Bootstrap dodaje jakieś domyślnie */
    margin-top: 0;
    margin-bottom: 0;

    transition: none;
}

.building-image {
    width: 200px;
    height: 200px;
    flex-shrink: 0;
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;

}

.building-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
}

.building-action {
    width: 130px; /* <-- TĄ WARTOŚCIĄ STERUJESZ SZEROKOŚCIĄ KONTENERA PRZYCISKU */
    flex-shrink: 0;
    text-align: end;
}