/* /assets/css/main.css */

/* --- Global & Body --- */
body {
    /* Płynne przejście przy zmianie tła z motywu */
    transition: background-color 0.5s ease;
    /* Lepsze renderowanie czcionek */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* --- Animowane Tło Wideo --- */
#background-video {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100; /* Umieszcza wideo za całą treścią */
    object-fit: cover; /* Odpowiednik background-size: cover */
    background-size: cover;
}


/* --- Domyślne style dla komponentów --- */

/* Usuwamy domyślną ramkę z kart Bootstrapa, aby nasze style miały pierwszeństwo */
.card {
    border: 0;
}

/* Podstawowa animacja dla przycisków */
.btn {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* Poprawka dla paska nawigacji, aby był nad tłem wideo */
.navbar {
    z-index: 1030; /* Wyższy z-index niż tło */
}

/* /assets/css/main.css */

/* Biała ikona "hamburgera" dla ciemnych motywów */
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.navbar-toggler {
    border-color: rgba(255, 255, 255, 0.5) !important;
}

/* /assets/css/main.css */

/* NOWA KLASA POMOCNICZA DO CENTROWANIA */
.body-centered-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100vh; /* 100% wysokości okna przeglądarki */
}

/* /assets/css/main.css */

.main-content-centered {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    width: 100%;
}

/* Poprawka zapewniająca, że treść jest NAD rozmytym tłem */
main {
    position: relative;
    z-index: 2;
}