/* Digichap rich-content layout: columns + sections (editor + frontend) */

.dg-columns {
    display: grid;
    gap: 1rem;
    width: 100%;
    margin: 1rem 0;
    box-sizing: border-box;
}

.dg-columns--1 { grid-template-columns: 1fr; }
.dg-columns--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dg-columns--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dg-columns--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dg-columns--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.dg-columns--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }

.dg-column {
    min-width: 0;
    box-sizing: border-box;
}

.dg-section {
    box-sizing: border-box;
    margin: 1rem 0;
}

.dg-section__body {
    min-width: 0;
}

/* Editor chrome hints (admin only; harmless on frontend) */
.ck-content .dg-columns {
    outline: 1px dashed #c5c9d3;
    padding: 0.5rem;
    border-radius: 0.35rem;
}

.ck-content .dg-column {
    outline: 1px dashed #e1e3ea;
    padding: 0.35rem;
    border-radius: 0.25rem;
    min-height: 2.5rem;
}

.ck-content .dg-section {
    outline: 1px dashed #b5b5c3;
}

@media (max-width: 767.98px) {
    .dg-columns,
    .dg-columns--1,
    .dg-columns--2,
    .dg-columns--3,
    .dg-columns--4,
    .dg-columns--5,
    .dg-columns--6 {
        grid-template-columns: 1fr;
    }
}