.elementor-2085 .elementor-element.elementor-element-98aedf5{--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;}:root{--page-title-display:none;}/* Start custom CSS *//* Styl dla całej tabeli */
.spotkania-tabela {
    width: 100%; /* Ustawienie szerokości na 100% dla responsywności */
    border-collapse: collapse; /* Zlewa ramki komórek w jedną */
    font-family: Arial, sans-serif;
    margin: 20px 0;
    border: 1px solid #ccc; /* Dodanie ramki zewnętrznej */
}

/* 1. STYL DLA PIERWSZEGO WIERSZA (NAGŁÓWEK) */
.spotkania-tabela thead th {
    background-color: #f0f0f0; /* Jasnoszare tło */
    font-weight: bold; /* Tekst POGRUBIONY */
    text-align: left;
    padding: 10px;
    border: 1px solid #ccc;
}

/* 2. STYL DLA POZOSTAŁYCH KOMÓREK DANYCH */
.spotkania-tabela tbody td {
    background-color: #ffffff; /* Białe tło */
    padding: 8px 10px;
    border: 1px solid #ccc;
}

/* 3. USUWANIE POGRUBIENIA Z KOMÓREK DANYCH (td) */
/* Upewnia się, że komórki danych są zwykłe, a nagłówki (th) pogrubione */
.spotkania-tabela tbody td {
    font-weight: normal !important; 
}

/* Ustawienia responsywne dla małych ekranów (np. telefony) */
@media screen and (max-width: 600px) {
    .spotkania-tabela, .spotkania-tabela tbody, .spotkania-tabela tr, .spotkania-tabela td {
        display: block; /* Ustawienie komórek jako bloki, by się układały pionowo */
        width: 100% !important; /* Pełna szerokość dla lepszej czytelności */
    }

    .spotkania-tabela tr {
        margin-bottom: 15px; /* Odstęp między rekordami */
        border: 1px solid #ccc;
    }

    .spotkania-tabela td {
        text-align: right;
        padding-left: 50%;
        position: relative;
        border: none;
        border-bottom: 1px solid #eee;
    }

    /* Dodanie nagłówków wierszy przed każdą komórką */
    .spotkania-tabela td:before {
        content: attr(data-label); /* Używa atrybutu data-label jako etykiety */
        position: absolute;
        left: 10px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: bold;
        text-align: left;
    }

    /* Ukrywamy pierwotny nagłówek, bo dodajemy etykiety w trybie mobilnym */
    .spotkania-tabela thead {
        display: none;
    }
}/* End custom CSS */