/* public/css/style.css */

body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #f4f7f6; /* Lekko szare tło dla całej strony */
    padding-top: 0; /* Usuń padding jeśli masz stały pasek nawigacyjny, który go dodaje */
}

.container {
    max-width: 1140px; /* Możesz dostosować maksymalną szerokość kontenera */
}

/* Przykładowe style dla kart, jeśli chcesz je ujednolicić */
.card {
    margin-bottom: 1.5rem;
    border: 1px solid #e0e0e0;
    border-radius: .35rem; /* Lekko zaokrąglone rogi */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.card-header {
    background-color: #f8f9fa; /* Jaśniejszy nagłówek karty */
    border-bottom: 1px solid #e0e0e0;
    font-weight: 500;
    padding: .75rem 1.25rem;
}

/* Style dla formularzy */
.form-group label {
    font-weight: 500;
    color: #495057;
}

.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}

/* Stopka */
footer {
    color: #6c757d;
    padding: 20px 0;
    font-size: 0.9em;
}

/* Dostosowanie alertów (messages) */
.alert {
    border-radius: .25rem;
}

/* Style specyficzne dla portalu klienta można dodać tutaj */
/* np. .client-login-form { ... } */

/* Dodatkowe style dla lepszej czytelności i estetyki */
h1, h2, h3, h4, h5, h6 {
    color: #343a40; /* Ciemniejszy kolor dla nagłówków */
}

/* Upewnienie się, że linki FontAwesome są wyświetlane poprawnie */
.fas, .fab, .far, .fal {
    line-height: inherit; /* Zapobiega problemom z wysokością linii dla ikon */
}

/* Ulepszenie wyglądu tabel */
.table th {
    background-color: #e9ecef; /* Lekkie tło dla nagłówków tabel */
    color: #495057;
    font-weight: 500; /* Pogrubienie tekstu w nagłówkach */
}

.table td, .table th {
    vertical-align: middle; /* Centrowanie zawartości komórek w pionie */
}

/* Poprawki dla małych ekranów, jeśli Bootstrap domyślnie nie wystarcza */
@media (max-width: 768px) {
    /* Twoje style dla mniejszych ekranów */
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}