/* =========================
   PG Collapsible
   ========================= */

/* Hlavní kontejner */
.collapssize-table {
    border: 2px solid #00B6ED;
    background-color: rgba(0,182,237,.45);
    padding: 14px 16px;
    transition: background-color 0.3s ease;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}

.collaps-wrapper p:empty {
    display: none;
}

.collaps-wrapper > p {
    margin: 0;
}

/* Hover efekt na celý blok */
.collapssize-table:hover {
    background-color: rgba(0,182,237,.45);
}

/* Řádek s nadpisem */
.collapssize-table .collapssummary {
    cursor: pointer;
    font-size: 12pt;
    font-family: inherit;
    font-weight: 600;
    color: #000000;
    display: flex;
    align-items: center;
    gap: 8px;
    list-style: none;
}

/* Odstranění výchozí šipky prohlížeče */
.collapssize-table .collapssummary::-webkit-details-marker {
    display: none;
}

/* Vlastní šipka */
.collapsarrow {
    width: 10px;
    height: 10px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(-45deg);
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

/* Rotace šipky při otevření */
.collapssize-table[open] .collapsarrow {
    transform: rotate(135deg);
}

/* Skrytý obsah */
.collapscontent {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.4s ease, opacity 0.3s ease;
}

/* Otevřený stav */
.collapssize-table[open] .collapscontent {
    max-height: 500px; /* případně upravte dle reálné výšky obsahu */
    opacity: 1;
    margin-top: 10px;
}