/* 1. Główny tekst na stronie oraz zwykły tekst w tabelach */
:root {
  --body-color: #777246;
  --bs-body-color: #777246;
}

body,
.table {
  color: var(--body-color);
  --bs-table-color: var(--body-color);
}

/* 2. Podlinkowane nagłówki w tabelach (np. listy artykułów, tabele komponentów) */
table th a,
table thead a,
.table th a,
.table thead a,
.com-content-category__table th a {
  color: var(--link-color);
  text-decoration: underline; /* opcjonalnie: podkreślenie dla wyraźnego odróżnienia linku */
}

/* 3. Podlinkowane nagłówki w tabelach po najechaniu myszką */
table th a:hover,
table thead a:hover,
.table th a:hover,
.table thead a:hover,
.com-content-category__table th a:hover {
  color: var(--link-hover-color);
}

/*zmiana koloru nakładki header */
.container-header {
  background: #CFCBB8;
}
.container-header {
  background-image: url('/images/headers/header.png');
  background-size: cover;  /*   cover  conatain  Dopasowuje obrazek do szerokości nagłówka */
  background-position: center;  /*Centruje obrazek */
  background-repeat: no-repeat;
}
/* Tło paska topbar (jeśli używasz pozycji topbar) */
.container-topbar {
  background: #777246 !important;
  color: ffffff
}

/* Tło samego obszaru menu wewnątrz nagłówka (pozycja menu)
.container-header .container-nav {
  background: ##BEBAAC !important;
  padding: 10px 15px;
  border-radius: 5px;
} */
/* Podstawowy kolor linków w menu */
.container-header .mod-menu > li > a,
.container-header .mod-menu > li > span {
  color: #ffffff !important;
  font-weight: 500;
}

/* Kolor linku po najechaniu myszką (hover) */
.container-header .mod-menu > li > a:hover,
.container-header .mod-menu > li > span:hover {
  color: #ffffff !important;
  text-decoration: none;
}

/* Kolor aktualnie wybranej (aktywnej) zakładki */
.container-header .mod-menu > li.active > a,
.container-header .mod-menu > li.current > a {
  color: #ffffff !important;
  border-bottom: 2px solid #464B77;
}
/* Ujednolicenie koloru wszystkich pozycji w górnym menu (linki, separatory, przyciski podmenu) */
.container-header .mod-menu > li > a,
.container-header .mod-menu > li > span.mod-menu__separator,
.container-header .mod-menu > li > button {
    color: #ffff;
}

/* Ujednolicenie koloru po najechaniu kursorem (hover) */
.container-header .mod-menu > li > a:hover,
.container-header .mod-menu > li > span.mod-menu__separator:hover,
.container-header .mod-menu > li > button:hover {
    color: #ffffff;
}
/* Wielkość czcionki głównych pozycji w górnym menu (poziom 1) */
.container-header .mod-menu > li > a,
.container-header .mod-menu > li > span.mod-menu__separator,
.container-header .mod-menu > li > button {
    font-size: 1.1rem;
}

/* Wielkość czcionki elementów w rozwijanym podmenu (poziom 2 i niższe) */
.container-header .mod-menu ul li a,
.container-header .mod-menu ul li span.mod-menu__separator,
.container-header .mod-menu ul li button {
    font-size: 0.95rem;
}
/* Zmniejszenie czcionki dla listy artykułów w sidebar-left */
.container-sidebar-left .mod-articlescategory li,
.container-sidebar-left .mod-articlescategory li a,
.container-sidebar-left .mod-articles li,
.container-sidebar-left .mod-articles li a,
.container-sidebar-left ul.category-module li,
.container-sidebar-left ul.category-module li a {
    font-size: 0.85rem;
    line-height: 1.1;
}
/* Opcjonalnie: zmniejszenie nagłówka (tytułu) samego modułu w sidebar-left */
.container-sidebar-left .card-header,
.container-sidebar-left h3 {
    font-size: 1rem;
}
.footer {
  background-image: none; /* Usuwa domyślny gradient */
  background-color: #464B77; /* Nowy jednolity kolor tła */
  color: #ffffff; /* Kolor tekstu w stopce */
}

.footer a {
  color: #94a3b8; /* Kolor linków w stopce */
}
/* Zmiana rozmiaru czcionki dla całej listy artykułów w pozycji sidebar-left */
.container-sidebar-left .mod-articlescategory li,
.container-sidebar-left .mod-articlescategory a,
.container-sidebar-left .category-module li,
.container-sidebar-left .category-module a {
    font-size: 12px; /* Wpisz wybraną wartość, np. 14px lub 0.9rem */
    line-height: 1.4;
}
@media (min-width: 992px) {
  /* Zachowujemy układ 4 wewnętrznych kolumn, ale zmieniamy ich szerokość */
  /* Domyślnie w Cassiopeia jest: repeat(4, minmax(0, 19.875rem)) */
  body.has-sidebar-left.has-sidebar-right .site-grid {
    grid-template-columns: 
      [full-start] minmax(0, 1fr) 
      [main-start] 
      minmax(0, 19.875rem)   /* Kolumna 1: Lewy sidebar (bez zmian - 25%) */
      minmax(0, 19.875rem)   /* Kolumna 2: Część 1 treści głównej (25%) */
      minmax(0, 27.825rem)   /* Kolumna 3: Część 2 treści głównej (powiększona do 35%) */
      minmax(0, 11.925rem)   /* Kolumna 4: Prawy sidebar (zmniejszony do 15%) */
      [main-end] minmax(0, 1fr) [full-end] !important;
  }
}
/* 1. Tło zewnętrzne widoczne po bokach ekranu */
body {
    background-color: #ffffff; /* Tu wpisz swój kolor lub obrazek tła po bokach */
}

/* 2. Ograniczenie szerokości całej siatki strony, aby było widać boki (bez zmiany jej koloru!) */
/*.site-grid {
    max-width: 1200px;
    margin: 0 auto;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
}

/* 3. Białe tło WYŁĄCZNIE dla środkowej sekcji z treścią i kolumnami bocznymi */
/*container-component,
.container-sidebar-left,
.container-sidebar-right,
.container-top-a,
.container-top-b,
.container-bottom-a,
.container-bottom-b {
    background-color: #ffffff;
    padding: 20px; /* Odstęp treści od krawędzi białego tła */
}