/* FIX: Nawigacja zawsze na wierzchu */
.navbar {
    position: fixed !important; /* Przyklejone do góry */
    top: 0;
    width: 100%;
    z-index: 9999 !important;   /* Najwyższy możliwy priorytet warstwy */
}




/* =========================================
   MAMARIDE - MOBILE.CSS (WERSJA BEZPIECZNA - TYLKO WIZUALNA)
   ========================================= */

@media (max-width: 991px) {

    /* --- 1. POPRAWA STABILNOŚCI (CLS) --- */
    /* Zapobiega skakaniu treści przy ładowaniu */
    .hero-professional {
        min-height: 450px;       /* Rezerwuje miejsce */
        display: flex;
        align-items: center;
        /* Nie dajemy tu background-color, jeśli psuje Ci to wygląd */
    }
    
    body {
        overflow-x: hidden;      /* Naprawia paski przewijania na boki */
    }

    /* --- 2. MENU: CENTROWANIE I MNIEJSZE CZCIONKI --- */
    .navbar-collapse {
        background-color: #ffffff;
        max-height: 80vh;
        overflow-y: auto;
        padding: 15px;
        border-top: 1px solid #eee;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        text-align: center !important; /* Wyśrodkowanie kontenera */
    }

    .navbar-nav .nav-item {
        width: 100%;
        border-bottom: 1px solid #f5f5f5;
    }

    .navbar-nav .nav-link {
        color: #333 !important;
        font-size: 0.95rem !important; /* Mniejsza czcionka */
        padding: 10px 0 !important;
        display: block !important;
        width: 100% !important;
        text-align: center !important; /* Tekst na środku */
    }

    /* Aktywny element menu */
    .navbar-nav .nav-link.active {
        color: #0d6efd !important;
        font-weight: 700;
        background-color: #f8f9fa;
        border-radius: 8px;
        /* Usunięte border-left, bo przy centrowaniu źle wygląda */
    }

    /* --- 3. PRZYCISKI W MENU (ZALOGUJ/PROFIL) --- */
    .navbar-collapse .d-flex {
        margin-top: 15px !important;
        flex-direction: column;
        align-items: center !important;
        width: 100%;
        gap: 10px;
    }

    .navbar-collapse .d-flex .btn {
        width: 100%;
        max-width: 300px;
        font-size: 0.9rem !important;
        padding: 8px !important;
        margin: 0 auto; /* Centrowanie */
    }

    /* Dropdown profilu */
    .navbar-collapse .dropdown,
    .navbar-collapse .dropdown-toggle,
    .navbar-collapse .dropdown-menu {
        width: 100%;
        text-align: center;
        max-width: 300px;
        margin: 0 auto;
    }

    /* --- 4. WYGLĄD BANERA GŁÓWNEGO --- */
    .hero-content {
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        padding: 0 10px !important;
    }

    .hero-card {
        margin: 0 auto !important;
        width: 100% !important;
        padding: 25px 15px !important;
        border-radius: 15px !important;
        /* Reset pozycji z komputera */
        position: relative !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
    }

    .hero-card .d-flex {
        justify-content: center !important;
        flex-direction: column;
        gap: 10px;
    }

    /* Mniejsze nagłówki */
    h1.hero-title {
        font-size: 1.8rem !important;
        line-height: 1.2;
    }
    
    .hero-subtitle {
        font-size: 0.95rem !important;
        margin-bottom: 20px !important;
    }
}