/* =============================================================
   VITEC — container collapse/expand in the Page module
   ============================================================= */

/* Hide the container body (nested child columns) when collapsed. */
.t3-page-ce.vitec-ce-collapsed > .t3-page-ce-element > .t3-page-ce-body {
    display: none;
}

/* Optional: dim/round the collapsed container header a touch. */
.t3-page-ce.vitec-ce-collapsed > .t3-page-ce-element > .t3-page-ce-header {
    border-bottom: 1px dashed var(--typo3-component-border-color, #ccc);
}

/* Chevron rotates when collapsed. */
.vitec-collapse-toggle typo3-backend-icon {
    display: inline-flex;
    transition: transform 0.15s ease-in-out;
}
.t3-page-ce.vitec-ce-collapsed .vitec-collapse-toggle typo3-backend-icon {
    transform: rotate(180deg);
}

/* Collapsed: the element's own preview header lives in the CE header row —
   full width on its own line below the icon/button row. */
.t3-page-ce-header:has(.vitec-preview-header--in-header) {
    flex-wrap: wrap;
}
.element-preview-header.vitec-preview-header--in-header {
    flex-basis: 100%;
    width: 100%;
    order: 10;
    margin-top: 0.25rem;
}