.elementor-15085 .elementor-element.elementor-element-a736633{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-8591a3a *//* ========= ProCognita – tabela szkoleń ========= */
.training-table{
  width:100%;
  border-collapse:separate;         /* pozwala na zaokrąglenia */
  border-spacing:0;
  font-size:16px;
  line-height:1.6;
  color:#1b2a41;                    /* granatowy tekst */
  background:#fff;
  border:1px solid #e6ecf4;         /* jasny szaroniebieski */
  border-radius:12px;
  overflow:hidden;                  /* zaokrąglenie dla thead */
  box-shadow:0 1px 2px rgba(0,0,0,.03);
}

.training-table thead th{
  background:#e7ecfd;               /* jasny „procognita” niebieski */
  color:#1b2a41;
  font-weight:700;
  text-align:left;
  padding:14px 18px;
  border-bottom:1px solid #e6ecf4;
}

.training-table td{
  padding:16px 18px;
  vertical-align:top;
  border-bottom:1px solid #eef2f7;  /* bardzo delikatna linia */
}

.training-table tr:last-child td{
  border-bottom:none;
}

/* kolumna z poziomem – trochę węższa na desktopie */
@media (min-width: 1024px){
  .training-table td:first-child,
  .training-table th:first-child{ width:32%; }
  .training-table td:nth-child(2),
  .training-table th:nth-child(2){ width:28%; }
  .training-table td:nth-child(3),
  .training-table th:nth-child(3){ width:40%; }
}

/* listy punktowane jak na stronie */
.training-table ul{
  margin:0;
  padding-left:18px;
}
.training-table li{ margin:.35rem 0; }

/* akcent wiersza przy hover – subtelny */
.training-table tbody tr:hover td{
  background:#f6f8fc;
}

/* małe znaczniki/etykiety – opcjonalnie */
.training-table .badge{
  display:inline-block;
  padding:.2rem .5rem;
  font-size:.85em;
  color:#b25a00;
  background:#ffe9cc;
  border:1px solid #f6b46b;
  border-radius:6px;
}

/* ======= Wersja mobilna (stackowane „karty”) ======= */
@media (max-width: 768px){
  .training-table,
  .training-table thead,
  .training-table tbody,
  .training-table th,
  .training-table td,
  .training-table tr{ display:block; width:100%; }

  .training-table thead{ display:none; }

  .training-table tr{
    border-bottom:1px solid #e6ecf4;
    padding:10px 12px;
  }

  .training-table td{
    border:none;
    padding:10px 0;
  }

  /* labelki dla komórek – jeśli dodasz data-label w HTML */
  .training-table td[data-label]::before{
    content:attr(data-label);
    display:block;
    font-weight:700;
    color:#6a768a;                  /* szaroniebieski opis */
    margin-bottom:4px;
  }

  /* delikatny akcent po lewej (pomarańczowy) */
  .training-table tr{
    border-left:4px solid #f39a2e;
    border-radius:8px;
    background:#fff;
    margin:12px 0;
  }
}

/* drobne ujednolicenia typografii */
.training-table strong{ font-weight:700; }
.training-table a{ color:#1b2a41; text-decoration:underline; }
.training-table a:hover{ color:#f39a2e; }/* End custom CSS */