/* Kolor linków w pozycji bottom na wszystkich urządzeniach */
.container-bottom-a a, 
[class*="position-bottom"] a, 
.bottom a {
    color: #ffffff !important; /* Wpisz swój kolor podstawowy */
    text-decoration: none;
}
/* Kolor po najechaniu (laptop) / dotknięciu (smartfon) */
a:hover, a:active, a:focus {
    color: #00B300 !important; /* Twój kolor podświetlenia */
    text-decoration: underline;
}

/* Zablokowanie zmiany koloru numerów telefonów przez smartfony */
a[href^="tel:"] {
    color: inherit !important;
    text-decoration: none !important;
}
/* Wyśrodkowanie głównego kontenera strony */
body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: 100vh;
    margin: 0;
}
.container-bottom-a, /* Zmień na faktyczną klasę/ID kontenera w Twoim szablonie */
.container-bottom {
    display: flex;
    justify-content: center; /* Centruje moduły w poziomie */
    /*align-items: center;    Wyrównuje moduły w pionie (opcjonalnie) */
    flex-wrap: wrap;        /* Pozwala modułom przejść do nowej linii, gdy zabraknie miejsca */
    gap: 20px;              /* Odstęp między modułami */
    text-align: center;
}
.container-header .mod-menu {
    justify-content: center;
}
/* Automatyczne przewijanie za szerokich tabel na smartfonach */
@media (max-width:300px) {
    table {
        display: block;
        width: 100% !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
.article-details table, 
table {
    display: block;
    width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
/* Wymuszenie responsywności i suwaka dla wszystkich tabel na stronie */
table {
    width: 100% !important;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    display: block;
    overflow-x: auto; /* Dodaje suwak, gdy tabela jest za szeroka */
}

/* Opcjonalnie: dodanie ładnego, delikatnego obramowania i odstępów */
table th, table td {
    padding: 0.75rem;
    border: 1px solid #dee2e6;
}
/* Wymuszenie wyśrodkowania dla wszystkich kontenerów nagłówków artykułów */
.page-header, 
.com-content-article__title, 
.com-content-category-blog__item h2 {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
}

.container-bottom-a,
.container-bottom-b {
    background-color: var(--cassiopeia-color-primary, ); /* Ten sam kolor tła co footer */
    color: var(--cassiopeia-color-footer-text, #ffffff);     /* Biały kolor tekstu */
    padding-top: 0!important;                                        /* Dopasowanie wewnętrznych odstępów */
    padding-bottom: 0!important;
    margin-bottom: 0 !important;                              /* Usunięcie przerwy pod sekcją bottom */
}
/* Rozciągnięcie sekcji bottom na pełną szerokość z tłem stopki */
.footer,
.container-bottom-a,
.container-bottom-b {
  grid-column: full-start / full-end; /* Wymuszenie pełnej szerokości w siatce Cassiopeia */
  box-shadow: 0 0 0 100vmax var(--cassiopeia-color-primary); /* Sztuczka rozszerzająca kolor tła na boki */
  clip-path: inset(0 -100vmax); /* Odcięcie nadmiaru tła poza ekranem */
  background-color: var(--cassiopeia-color-primary); /* Główny kolor Cassiopeia (taki jak w footer) */
  color: #ffffff; /* Biały kolor tekstu, identyczny jak w stopce */
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 992px) {
  .site-grid {
    display: grid !important;
    /* Gwarantuje zachowanie wolnej przestrzeni (gap) między kolumnami */
    gap: 1.5rem; 
  } 
/* Wyrównanie zawartości modułów wewnątrz pozycji do siatki strony */
.site-grid > .container-bottom-a > *,
.site-grid > .container-bottom-b > * {
  max-width: 1320px; /* Standardowa szerokość układu Static w Cassiopeia */
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
/* Zapewnienie, że linki w pozycjach bottom będą jasne i czytelne */
.container-bottom-a a,
.container-bottom-b a {
  color: rgba(255, 255, 255, 0.85);
}

.container-bottom-a a:hover,
.container-bottom-b a:hover {
  color: #00B300;
}

/* Usunięcie domyślnego marginesu pod sekcją bottom, by dotykała bezpośrednio stopki */
.site-grid {

  margin-bottom: 0 !important;
  
}
/* Usunięcie domyślnego marginesu górnego dla stopki, aby nie było przerwy */
.container-footer {
    margin-top: 0 !important;
    padding-top: 0; /* Opcjonalnie, jeśli chcesz, by stopka była bliżej sekcji bottom */
}
.footer, 
.site-container .bottom-a, 
.site-container .bottom-b {
    background-image: none ;
    background-color: var(--cassiopeia-color-primary)!important; /* Wpisz tutaj swój własny jednolity kolor tła */
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.container-bottom-a .mod-menu a {
  color: #ffffff; /* Wpisz swój kolor */
}
/* Kolor po najechaniu myszką (hover) */
.container-header .mod-menu a:hover {
  color: #00B300; 
  }
/* Automatyczne przewijanie!important za szerokich tabel na smartfonach */
@media (max-width:300px) {
    table {
        display: block;
        width: 100% !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
.article-details table, 
table {
    display: block;
    width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
/* Wymuszenie responsywności i suwaka dla wszystkich tabel na stronie */
table {
    width: 100% !important;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    display: block;
    overflow-x: auto; /* Dodaje suwak, gdy tabela jest za szeroka */
}
/* Opcjonalnie: dodanie ładnego, delikatnego obramowania i odstępów */
table th, table td {
    padding: 0.75rem;
    border: 1px solid #dee2e6;
}
/* Wymuszenie wyśrodkowania dla wszystkich kontenerów nagłówków artykułów */
.page-header, 
.com-content-article__title, 
.com-content-category-blog__item h2 {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
}
/* Centrowanie tytułów wszystkich modułów */
.card-title, .mod-title, h3.module-title {
    text-align: center;
}

.site-grid .container-bottom-b h2, 
.site-grid .container-bottom-b h3, 
.site-grid .container-bottom-b  .card-title {
    text-align: center !important;
}
  /* Automatyczne przewijanie zbyt szerokich tabel w głównym kontenerze */
.com-content #main, 
.com-content .com-content__article {
  overflow-x: auto;
}

.com-content table {
  width: 100% !important;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}
  /* Zapobieganie rozpychaniu kontenera przez tabele */
.com-content #content-properties, 
.main-content table {
    width: 100% !important;
    display: block;
    overflow-x: auto;
  
}
  table {
    table-layout: fixed;
    width: 100%;
}
td, th {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}