/*
 * Zen core layout utilities.
 * Migrated from Solvea/wwwroot/css/default.css by R2F22D.
 *
 * Ownership: ZEN_CORE_LAYOUT_UTILITY
 * Shadow phase: default.css still contains the original family and loads later.
 */

[class^="col-"] {
    display: flex;
    flex: 0 0 auto; /* largeur fixe */
}

/* 12 colonnes système avec correction du gap */
/* Colonnes */
[class^="col-"] {
    box-sizing: border-box;
    flex: 0 0 auto;
    /* IMPORTANT: ne mets pas display:flex ici */
}


/* Largeurs */
.col-1 {
    flex-basis: calc( 8.333% - (1rem * 11 / 12));
    max-width: calc( 8.333% - (1rem * 11 / 12));
}

.col-2 {
    flex-basis: calc( 16.666% - (1rem * 10 / 12));
    max-width: calc( 16.666% - (1rem * 10 / 12));
}

.col-3 {
    flex-basis: calc( 25.000% - (1rem * 9 / 12));
    max-width: calc( 25.000% - (1rem * 9 / 12));
}

.col-4 {
    flex-basis: calc( 33.333% - (1rem * 8 / 12));
    max-width: calc( 33.333% - (1rem * 8 / 12));
}

.col-5 {
    flex-basis: calc( 41.666% - (1rem * 7 / 12));
    max-width: calc( 41.666% - (1rem * 7 / 12));
}

.col-6 {
    flex-basis: calc( 50.000% - (1rem * 6 / 12));
    max-width: calc( 50.000% - (1rem * 6 / 12));
}

.col-7 {
    flex-basis: calc( 58.333% - (1rem * 5 / 12));
    max-width: calc( 58.333% - (1rem * 5 / 12));
}

.col-8 {
    flex-basis: calc( 66.666% - (1rem * 4 / 12));
    max-width: calc( 66.666% - (1rem * 4 / 12));
}

.col-9 {
    flex-basis: calc( 75.000% - (1rem * 3 / 12));
    max-width: calc( 75.000% - (1rem * 3 / 12));
}

.col-10 {
    flex-basis: calc( 83.333% - (1rem * 2 / 12));
    max-width: calc( 83.333% - (1rem * 2 / 12));
}

.col-11 {
    flex-basis: calc( 91.666% - (1rem * 1 / 12));
    max-width: calc( 91.666% - (1rem * 1 / 12));
}

.col-12 {
    max-width: 100%;
    flex: 1;
}