/* Start custom CSS for html, class: .elementor-element-a97a7b5 */.tj-m-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 10px;
}

@media screen and (max-width: 440px) {
    .tj-m-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .tj-main {
        font-size: 0.8rem;
    }
    .tj-sub ul li a {
        font-size: 1rem;
    }
}

.tj-m-item {
  background-color: #f9f9f9;
  display: flex;
  padding: 0;
  flex-direction: column;
}

/* tj-main jako przycisk */
.tj-main {
  background-color: #cf0c12;
  padding: 5px;
  display: block;      /* Kluczowe: link zajmuje całą szerokość */
  text-align: center;
  color: white;        /* Przykładowy kolor tekstu */
  text-decoration: none;
  font-weight: 400;
  transition: background 0.3s;
  border-radius: 5px
}

.tj-main:hover {
  background-color: darkred; /* Efekt najechania */
  color: white;
}

.tj-sub {
  border-left: dashed #606162 1px;
  margin: 5px;
}

.tj-sub ul {
  list-style-type: none;
  margin: 0;
  padding-left: 10px !important;
}

/* li jako przyciski */
.tj-sub ul li a {
  display: block;      /* Kluczowe: link zajmuje całą dostępną przestrzeń w li */
  padding: 0;
  text-decoration: none;
  font-size: 0.9rem;
  color: #606162;
  transition: padding-left 0.2s;
}

.tj-sub ul li a:hover {
  padding-left: 5px;   /* Delikatna animacja przy najechaniu */
  color: #cf0c12;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e420c9f */table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
  line-height: 1.3em;
}
tr {
  text-align: center;
}
th, td {
  padding: 10px 5px;
}
th {
  font-size: 0.8em;
}
td {
  font-size: 0.9em;
}
.desc {
  font-size: 0.8em;
}

.data{
  width: 15%;
}
.leftalign {
  text-align: left;
}

.tak {
  background-color: #89f289;
}
.nie {
  background-color: #ff8686;
}
.utrudnione {
  background-color: orange;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a5e9ff7 */table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
  line-height: 1.3em;
}
tr {
  text-align: center;
}
th, td {
  padding: 10px 5px;
}
th {
  font-size: 0.8em;
}
td {
  font-size: 0.9em;
}
.desc {
  font-size: 0.8em;
}

.data{
  width: 20%;
}
.leftalign {
  text-align: left;
}

.tak {
  background-color: #89f289;
}
.nie {
  background-color: #ff8686;
}
.utrudnione {
  background-color: orange;
}
.hide {
    display:none;
}/* End custom CSS */