/* Wyśrodkowanie menu głównego na komputerach */
@media (min-width: 992px) {
    #menu_categories .navbar-collapse {
        justify-content: center;
    }
    
    #menu_categories .navbar-nav {
        justify-content: center;
        width: 100%; /* Opcjonalnie: rozciąga kontener, by ułatwić centrowanie */
    }
}
/* Ukrycie przycisku RSS na blogu */
#menu_blog_rss {
    display: none !important;
}
@media (max-width: 991px) {
    /* 1. STICKY HEADER - Lity blok zamiast "pływającego" */
    header {
        /* Sticky sprawia, że element zajmuje fizyczne miejsce na stronie */
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 0;
        
        /* Białe tło i cień sprawiają, że wygląda to estetycznie */
        background-color: #ffffff !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        
        /* Kluczowe: auto wysokość. Jeśli wyszukiwarka się rozwinie, nagłówek urośnie
           i automatycznie przesunie banner w dół, zamiast go zasłaniać. */
        height: auto !important;
        min-height: 60px;
        z-index: 1050; /* Zawsze na wierzchu */
    }

    /* 2. ZABEZPIECZENIE BANNERA (Reset marginesów) */
    /* Często bannery mają ujemny margines, żeby wjechać pod menu. Tutaj to kasujemy. */
    .commercial_banner, 
    #banner_top,
    .main-banner,
    #layout {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* 3. USUNIĘCIE SZAREJ DZIURY */
    /* IdoSell dodaje padding do body dla fixed menu. My używamy sticky, więc to zerujemy. */
    body, 
    #container, 
    .main_page {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    
    /* 4. ESTETYKA WYSZUKIWARKI (Opcjonalne) */
    /* Skoro musi być otwarta, niech wygląda ładnie i nie dotyka krawędzi */
    #menu_search {
        padding-bottom: 10px; /* Oddech na dole, żeby nie kleiło się do bannera */
    }
}