header.container-header.header {
    /* gradient od lewej do prawej, od niebieskiego do zielonego */
    /*background-image: linear-gradient(135deg, #004080 0%, #00a099 100%) !important;*/
	background-image: none !important;
    
    /* kolor bazowy na wypadek, gdyby gradient nie działał */
    background-color: #003399 !important;
    
    /* opcjonalnie padding itp. */
    padding-top: 10px !important;
    padding-bottom: 10px !important;

}

header.container-header {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* linki w menu nagłówka */
header.container-header.header .grid-child.container-nav a {
    font-size: 1.3rem !important;   /* rozmiar czcionki, zmień wg potrzeby */
    font-weight: 700 !important;    /* pogrubienie: 400-normal, 700-bold */
    color: #ffffff !important;      /* kolor linków, żeby były czytelne */
}

/* opcjonalnie: hover */
header.container-header.header .grid-child.container-nav a:hover {
    color: #ffcc00 !important;      /* kolor żółty po najechaniu */
}

.container-header .navbar-brand {
    height: 250px; /* wysokość logo */
}

/* przesunięcie całego menu (listy) na prawą stronę */
header.container-header.header .grid-child.container-nav ul.mod-menu {
    margin-left: auto !important;
    margin-right: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    width: 100% !important; /* rozciągnięcie, żeby flex działał poprawnie */
}

/* Tło dla tytułu artykułu */
.article-header {
    margin-bottom: 0; /* usuwa margines od szczegółów */
    background-color: #f5f5f5; /* jasnoszare tło */
    padding: 10px 15px; /* trochę przestrzeni wewnątrz */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: bold; /* pogrubienie tytułu */
}

/* Tło dla szczegółów artykułu */
dl.article-info,
.article-info-horizontal {
    margin: 0 0 0 0;
    padding: 5px 15px 10px 15px; /* górny padding minimalny, dolny większy przed linią */
    background-color: #f9f9f9; /* delikatne tło dla info */
    border-bottom: 1px solid #ddd; /* linia oddzielająca od treści */
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

/* Wygląd poszczególnych elementów info */
dl.article-info dd,
.article-info-horizontal li {
    margin: 0;
    padding: 0;
    font-size: 0.9rem;
    color: #666;
}

dl.article-info dd::after {
    content: " •";
    margin: 0 5px;
}

dl.article-info dd:last-child::after {
    content: "";
}

/* Odstęp pierwszego paragrafu artykułu od linii pod szczegółami */
.com-content-article p:first-of-type {
    margin-top: 20px !important; /* ustawia pionowy odstęp */
}

/* Widok kategorii (blog/kategoria) */
.blog-items .blog-item .item-content dl.article-info + p {
    margin-top: 20px !important;
}

/* Ramka wokół artykułów */
.com-content-article {
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: #fff;

    overflow: auto; /* sprawia, że kontener obejmuje wszystkie pływające elementy */
	font-size: 1.05rem;  /* zamiast rem można podać px */
    line-height: 1.5;
}

/* Artykuły w widoku bloga kategorii (np. strona główna) */
.blog-items .blog-item {
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: #fff;
}

.com-content-article img {
    margin: 15px 15px 15px 0; /* górny 0, prawy 15px, dolny 15px, lewy 0 */
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.container-footer {
	background-image: none !important;
    background-color: #003399 !important;
}

.btn,
button,
input[type="submit"],
input[type="button"] {
    background-color: #003399 !important;
    border-color: #003399 !important;
    color: #fff !important; /* biały tekst */
}

/* efekt hover */
.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background-color: #000066 !important; /* ciemniejszy odcień */
    border-color: #000066 !important;
}

/* Czcionka w treściach artykułów we widoku kategorii */
.blog-items .blog-item .item-content {
    font-size: 1.05rem;  /* np. 17–18px */
    line-height: 1.5;   /* odstęp między wierszami */
}

/* Globalna zmiana czcionki na całej stronie */
/*body {
    font-size: 1.05rem;   /* domyślnie 1rem = 16px, czyli tu ~17.6px */
    line-height: 1.2;   /* odstęp między wierszami */
}*/