/* Import czcionki (opcjonalnie, ale poprawia wygląd) */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap');

body {
    font-family: 'Roboto', sans-serif;
    /* To jest ważne, aby uniknąć chowania się treści pod przyklejoną nawigacją */
    padding-top: 56px; 
}

/* Włącza płynne przewijanie po kliknięciu linków w menu */
html {
    scroll-behavior: smooth;
}

/* --- Sekcja Hero --- */
#hero {
    padding: 120px 0;
    /* TODO: Zastąp ten gradient prawdziwym zdjęciem! 
      Odwiedź np. unsplash.com i wyszukaj "metalworking" lub "steel"
    */
    background-color: #343a40; /* Kolor tła na wypadek, gdyby obraz się nie załadował */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://images.unsplash.com/photo-1589223708814-35d0b49b4c0e?q=80&w=1974&auto=format&fit=crop');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Efekt paralaksy */
}

#hero h1 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/* --- Sekcja Usługi --- */
.card {
    transition: all 0.3s ease-in-out;
}

.card:hover {
    transform: translateY(-10px); /* Lekkie "uniesienie" karty po najechaniu */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* --- Kolory --- */
/* Możesz łatwo zmienić główny kolor strony */
:root {
    --bs-primary: #0d6efd; /* Domyślny niebieski Bootstrapa */
    /* np. --bs-primary: #f0ad4e; dla industrialnego pomarańczu */
}

.text-primary {
    color: var(--bs-primary) !important;
}

.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-primary:hover {
    opacity: 0.9;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}