/* 1. Import czcionki */
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');

/* 2. Stylizacja linków w menu */
#menu_categories ul li a,
#menu_navbar ul li a,
.menu__item a {
    font-family: 'Questrial', sans-serif !important;
    font-size: 13px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    letter-spacing: 0px !important;
    font-weight: 400 !important;
}

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

/* Ukrycie przycisku RSS */
#menu_blog_rss {
    display: none !important;
}


/* 4. Blog - Układ strony artykułu (Bez błędnego zagnieżdżania) */
#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;
}

#container.blog-item_page #blog-item {
    width: 80%;
    margin: 0 auto;
}

/* Blog - Mobile */
@media (max-width: 978px) {
    #container.blog-item_page #blog-item {
        width: 100%;
        padding: 0 15px;
    }
}
#backTop {
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
}
/* Marginesy bezpośrednio na głównym layoutcie */
.main_page #layout {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: calc(100% - 20px) !important; /* Szerokość 100% minus suma marginesów */
}