/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

/* --- CUSTOMIZACJA DLA GMINY KOZIENICE --- */

/* 1. Główne kolory marki - Granat i Złoto */
:root {
    --kozienice-navy: #003366; /* Główny granat - podmień jeśli masz dokładny HEX */
    --kozienice-gold: #FFCC00; /* Złoty/Żółty akcent */
    --kozienice-bg: #ffffff;   /* Białe tło */
}

/* 2. Pasek nawigacji (Górna belka) */
.fruity .navbar {
    background-color: var(--kozienice-navy) !important;
    border-bottom: 3px solid var(--kozienice-gold) !important;
    color: #ffffff !important;
}

.fruity .navbar-brand, 
.fruity .navbar a {
    color: #ffffff !important;
}

/* 3. Przyciski główne (np. Dalej, Wyślij) */
.fruity .btn-primary {
    background-color: var(--kozienice-navy);
    border-color: var(--kozienice-navy);
    color: #fff;
}

.fruity .btn-primary:hover, 
.fruity .btn-primary:focus, 
.fruity .btn-primary:active {
    background-color: var(--kozienice-gold) !important;
    border-color: var(--kozienice-gold) !important;
    color: var(--kozienice-navy) !important; /* Ciemny tekst na złotym tle dla kontrastu */
}

/* 4. Pasek postępu (Progress bar) */
.fruity .progress-bar {
    background-color: var(--kozienice-gold);
    color: var(--kozienice-navy);
}

/* 5. Elementy aktywne list (np. wybrane odpowiedzi w macierzach) */
.fruity a.list-group-item.active, 
.fruity a.list-group-item.active:hover, 
.fruity a.list-group-item.active:focus {
    background-color: var(--kozienice-navy);
    border-color: var(--kozienice-navy);
    color: #fff;
}

/* 6. Nagłówki pytań */
.fruity .list-surveys h3, 
.fruity .pagetitle, 
.fruity .side-body h3 {
    border-bottom: 2px solid var(--kozienice-gold);
    color: var(--kozienice-navy);
}

.question-title-container {
    color: var(--kozienice-navy);
}

/* 7. Stopka (opcjonalnie, jeśli chcesz zmienić tło) */
.fruity .footer {
    background-color: #f5f5f5;
    border-top: 1px solid var(--kozienice-gold);
    color: #333;
}

/* 8. Poprawka czytelności tekstu */
body {
    color: #333333; /* Ciemnoszary dla lepszej czytelności niż czarny */
}