/* public/css/style.css */

/* === Podstawowa struktura i Twoje istniejące style === */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Sugerowana bardziej nowoczesna czcionka */
    color: #333333; /* Ciemnoszary dla głównego tekstu */
    font-size: 0.95rem; /* Można lekko zmniejszyć globalną czcionkę, jeśli domyślna Bootstrapa jest za duża */
}

main {
    flex: 1;
    background-color: #FFFFFF; /* Białe tło dla głównej treści */
    padding-top: 1rem; /* Dodajmy trochę odstępu na górze treści */
    padding-bottom: 2rem; /* I na dole */
}

/* Zmniejszenie czcionki dla wszystkich tabel z klasą .table */
.table {
    font-size: 0.9rem; /* Twoje ustawienie */
}

/* Twoje specyficzne style dla tabeli zagrożeń */
.identified-hazards-table th,
.identified-hazards-table td {
    font-size: 0.875rem; 
    vertical-align: middle; 
}

/* Twój styl dla H4 w main */
main h4 {
    font-size: 1.25rem;
}

/* === Nowe style tematyczne (eshield.pl) === */

/* Nawigacja */
.navbar.bg-dark { /* Zakładamy, że .navbar ma klasę .bg-dark w index.php */
    background-color: #003366 !important; /* Główny niebieski eshield */
    border-bottom: 3px solid #FFA500; /* Pomarańczowy akcent na dole nawigacji */
}

.navbar.bg-dark .navbar-brand,
.navbar.bg-dark .nav-link {
    color: #FFFFFF;
    font-weight: 500;
}

.navbar.bg-dark .navbar-brand:hover,
.navbar.bg-dark .nav-link:hover {
    color: #FFA500; /* Pomarańczowy akcent dla hover */
}
.navbar.bg-dark .nav-link.active {
    color: #FFA500;
    font-weight: bold;
}


/* Przyciski */
.btn-primary {
    background-color: #FF6600; /* Pomarańczowy jako główny przycisk akcji */
    border-color: #FF6600;
    color: #FFFFFF;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #E55C00; /* Ciemniejszy pomarańczowy */
    border-color: #D95600;
    color: #FFFFFF;
}

.btn-secondary {
    background-color: #003366; /* Niebieski jako drugorzędny */
    border-color: #003366;
    color: #FFFFFF;
}

.btn-secondary:hover, .btn-secondary:focus {
    background-color: #002244; /* Ciemniejszy niebieski */
    border-color: #001A33;
    color: #FFFFFF;
}

.btn-success { /* Dostosujmy też przycisk sukcesu */
    background-color: #004d00; /* Ciemniejszy zielony, bardziej stonowany */
    border-color: #004d00;
}
.btn-success:hover {
    background-color: #003300;
    border-color: #002900;
}

.btn-outline-primary {
    color: #FF6600;
    border-color: #FF6600;
}
.btn-outline-primary:hover {
    background-color: #FF6600;
    color: #FFFFFF;
}

.btn-outline-secondary {
    color: #003366;
    border-color: #003366;
}
.btn-outline-secondary:hover {
    background-color: #003366;
    color: #FFFFFF;
}


/* Nagłówki */
h1, h2, h3, h4, h5, h6 { /* h4 jest już zdefiniowane przez Ciebie, to będzie miało pierwszeństwo jeśli jest później wczytywane lub bardziej specyficzne */
    color: #003366; 
}
h1 { font-size: 1.8rem; margin-bottom: 1rem;}
h2 { font-size: 1.6rem; }
h3 { font-size: 1.4rem; }


/* Linki */
a {
    color: #003366; /* Domyślny niebieski dla linków */
    text-decoration: none; /* Usuńmy domyślne podkreślenie */
}

a:hover {
    color: #FF6600; /* Pomarańczowy dla hover */
    text-decoration: underline; /* Podkreślenie przy najechaniu */
}

/* Karty (Card) - popularny element Bootstrapa */
.card {
    border: 1px solid #DDE8F1; /* Delikatna niebieskawa ramka */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.card-header {
    background-color: #E9F1F8; /* Jasnoniebieskie tło dla nagłówków kart */
    color: #003366; /* Niebieski tekst w nagłówkach kart */
    border-bottom: 1px solid #DDE8F1;
    font-weight: 600;
}

/* Twój styl dla tekstu w card-header, dostosowany do nowych kolorów */
.card-header strong.text-primary { /* Klasa .text-primary Bootstrapa zostanie nadpisana */
    font-size: 1rem; 
    font-weight: 600;  
    color: #003366 !important; /* Użyj naszego niebieskiego */
}

.card-header strong.text-primary small.text-muted {
    font-size: 0.8em;
    color: #54799B !important; /* Ciemniejszy, stonowany niebiesko-szary */
}


/* Akordeon */
.accordion-button:not(.collapsed) {
    color: #FFFFFF;
    background-color: #003366; /* Niebieski dla aktywnego nagłówka akordeonu */
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.accordion-button:not(.collapsed)::after {
    filter: brightness(0%) invert(100%); /* Zmiana koloru strzałki w akordeonie na biały */
}
.accordion-button:focus {
    border-color: #8ab6e0;
    box-shadow: 0 0 0 0.25rem rgba(0, 51, 102, 0.25); /* Cień pasujący do niebieskiego */
}


/* Alerty */
.alert-success {
    background-color: #E6F5E6;
    border-color: #B3DDB3;
    color: #004d00;
}
.alert-danger {
    background-color: #F8D7DA;
    border-color: #F5C6CB;
    color: #721C24;
}
.alert-warning {
    background-color: #FFF3CD; 
    border-color: #FFEEBA;
    color: #856404; 
}
.alert-info {
    background-color: #DDE8F1;
    border-color: #BAD2E6;
    color: #003366;
}

/* HRN wizard */
.hrn-col .hrn-choice{display:block;padding:.5rem .75rem;border-radius:.5rem;text-decoration:none;border:1px solid #e0e7ff;margin:.35rem 0;color:#0d6efd;background:#fff}
.hrn-col .hrn-choice:hover{background:#f5f8ff}
.hrn-col .hrn-choice.selected{background:#0d6efd;color:#fff;border-color:#0d6efd}
.hrn-col .desc{margin-bottom:.25rem;color:#6b7280}

/* Section headers with vertical flag (dashboard style) */
.card-header.flagged{border-left:4px solid var(--bs-border-color); padding-left:.75rem;}
.card-header.flagged.flagged-primary{border-left-color:var(--bs-primary)}
.card-header.flagged.flagged-info{border-left-color:var(--bs-info)}
.card-header.flagged.flagged-warning{border-left-color:var(--bs-warning)}
.card-header.flagged.flagged-danger{border-left-color:var(--bs-danger)}
.card-header.flagged.flagged-secondary{border-left-color:var(--bs-secondary)}
.card-header.header-soft{background-color:var(--bs-tertiary-bg);border-bottom:1px solid var(--bs-border-color)}
/* Dashboard-like header (as in 'Ostatnio modyfikowane projekty') */
.card-header.header-dashboard{background-color:#fff;border-bottom:1px solid var(--bs-border-color);}

/* Stopka */
.footer { /* Zachowuję Twoją definicję, lekko dostosowując */
    background-color: #f0f4f8; /* Jaśniejszy, chłodniejszy szary */
    padding: 1rem 0;
    text-align: center;
    font-size: 0.9em;
    color: #54799B; /* Niebiesko-szary tekst */
    border-top: 1px solid #DDE8F1; /* Niebieskawa górna krawędź */
}

/* Dodatkowe klasy pomocnicze */
.text-brand { /* Nasz główny niebieski */
    color: #003366 !important;
}
.bg-brand-light { /* Jasne tło brandowe */
    background-color: #E9F1F8 !important;
}
.text-accent { /* Nasz pomarańczowy akcent */
    color: #FF6600 !important;
}