/* ==========================================================================
   MASTER CSS - MIDIAMO (v0.31)
   ========================================================================== */

/* 1. Pobieranie czcionki Poppins (Wagi: 300, 400, 500, 600, 700) */
/* MUSI BYĆ NA SAMEJ GÓRZE PLIKU */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* ==========================================================================
   GLOBALNE USTAWIENIA CZCIONKI
   ========================================================================== */
:root {
    /* Podmieniamy wszystkie zmienne systemowe na Poppins */
    --font-family: 'Poppins', sans-serif !important;
    --font-family-headline: 'Poppins', sans-serif !important;
    --menu-categories-5-title-font-family: 'Poppins', sans-serif !important;
    --menu-categories-5-font-family: 'Poppins', sans-serif !important;
    --product-name-font-family: 'Poppins', sans-serif !important;
    --article-title-font-family: 'Poppins', sans-serif !important;
    --footer-headline-font-family: 'Poppins', sans-serif !important;
    --footer-link-font-family: 'Poppins', sans-serif !important;
}

/* Wymuszenie czcionki na sztywno dla wszystkich elementów */
body, h1, h2, h3, h4, h5, h6, p, a, span, li, div, input, textarea, button, .btn, .menu__link {
    font-family: 'Poppins', sans-serif !important;
}

/* Usunąłem sekcję "KOREKTA POGRUBIEŃ", ponieważ Poppins ma naturalne pogrubienie 
   i nie potrzebuje sztucznego rozsuwania liter (letter-spacing). */

/* ==========================================================================
   MENU GŁÓWNE
   ========================================================================== */
#menu_categories ul li a,
#menu_navbar ul li a,
.menu__item a {
    font-family: 'Poppins', sans-serif !important;
    /* Poppins jest dość duży, więc 13px będzie bardzo czytelne */
    font-size: 14px !important; 
    
    /* Zmniejszenie odstępów bocznych, żeby zmieścić elementy */
    padding-left: 8px !important;
    padding-right: 8px !important;
    
    /* Resetujemy odstępy liter */
    letter-spacing: normal !important;
    
    /* Ustawiamy wagę 400 (Regular) lub 500 (Medium) - 400 wygląda w menu lepiej */
    font-weight: 400 !important; 
}

/* Wyśrodkowanie menu na komputerach */
@media (min-width: 992px) {
    #menu_categories .navbar-collapse {
        justify-content: center;
    }
    #menu_categories .navbar-nav {
        justify-content: center;
        width: 100%;
    }
}



/* ==========================================================================
   POPRAWKI MOBILNE (BANNERY)
   ========================================================================== */
@media only screen and (max-width: 1024px) {
    /* Obniżenie bannera */
    .main_page #main_banner1 {
        margin-top: 50px !important;
        padding-top: 0px !important;
        position: relative !important;
        z-index: 1 !important;
        display: block !important;
    }
    /* Naprawa uciętego zdjęcia */
    .main_page .main_slider__item,
    .main_page .swiper-slide,
    .main_page #main_banner1 img {
        height: auto !important; 
        min-height: auto !important; 
        width: 100% !important; 
        object-fit: contain !important; 
    }
    .main_page .swiper-wrapper {
        height: auto !important;
    }
}

/* ==========================================================================
   BLOG - UKŁAD STRONY
   ========================================================================== */

/* Ukrycie przycisku RSS */
#menu_blog_rss {
    display: none !important;
}
/* Układ w jednej kolumnie */
#container.blog-item_page #layout aside {
    display: none !important;
}

#container.blog-item_page #layout #content {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    float: none !important;
}

#container.blog-item_page #blog-item {
    width: 100%;
    max-width: 900px; /* Optymalna szerokość czytania */
    margin: 0 auto;
    display: block;
}

@media (max-width: 991px) {
    #container.blog-item_page #blog-item {
        width: 100%;
        max-width: 100%;
        padding: 0 15px;
    }
}