/*
 * Poprawki TC (zadanie 869av1m9a, 07.10.2026). Plik podpina tc_themehooks (theme-custom, ?v=filemtime).
 * theme.css jest kompilowany, więc go nie ruszamy.
 */

/* Opis kolekcji: tabele ze zdjęciami jak w .rte / .blog_description (theme.css nie obejmuje tego pola),
   ale bez ujemnego marginesu, bo kontener opisu ma tylko 15px odstępu od krawędzi.
   Treść ma wpisane style="width:1100px;height:400px", stąd !important. */
.tcp-collection-description__body table:has(img) {
    border-collapse: separate;
    border-spacing: 0;
    height: auto !important;
    margin: 0;
    max-width: 100%;
    table-layout: fixed;
    width: 100% !important;
}
.tcp-collection-description__body table:has(img) td,
.tcp-collection-description__body table:has(img) th {
    border: 0;
    padding: 0;
    vertical-align: top;
}
.tcp-collection-description__body table:has(img) td + td,
.tcp-collection-description__body table:has(img) th + th {
    padding-left: 16px;
}
.tcp-collection-description__body table:has(img) img {
    border-radius: 8px;
    display: block;
    height: auto;
    width: 100%;
}
@media (max-width: 749.98px) {
    .tcp-collection-description__body table:has(img) {
        display: block;
    }
    .tcp-collection-description__body table:has(img) tbody,
    .tcp-collection-description__body table:has(img) tr,
    .tcp-collection-description__body table:has(img) td,
    .tcp-collection-description__body table:has(img) th {
        display: block;
        width: 100%;
    }
    .tcp-collection-description__body table:has(img) tr + tr,
    .tcp-collection-description__body table:has(img) td + td,
    .tcp-collection-description__body table:has(img) th + th {
        margin-top: 16px;
        padding-left: 0;
    }
}

/* Sekcja kontaktu z formularzem (strona główna): poniżej 1200px układ jest kolumną, a karty mają
   flex: 1 1 0 + flex-direction: column + flex-wrap: wrap. WebKit na iOS liczy wtedy wysokość kart
   za nisko i zawija je w bok, strona robi się ~3x szersza i Safari/Chrome na iPhonie ją pomniejsza. */
@media (max-width: 1199.98px) {
    .tc-contact__cards {
        flex: 0 0 auto;
    }
}