/* L07 — Colonnes | C2RB Design System 2.1.0 */
.cds-columns {
  --cds-columns-gap: 2rem;
  --cds-columns-template: minmax(0, 1fr) minmax(0, 1fr);
  --cds-columns-align: start;
  display: grid;
  grid-template-columns: var(--cds-columns-template);
  align-items: var(--cds-columns-align);
  gap: var(--cds-columns-gap);
  width: 70%;
  max-width: 1120px;
  margin-inline: auto;
  box-sizing: border-box;
}

.cds-columns--50-50 { --cds-columns-template: minmax(0, 1fr) minmax(0, 1fr); }
.cds-columns--40-60 { --cds-columns-template: minmax(0, 2fr) minmax(0, 3fr); }
.cds-columns--60-40 { --cds-columns-template: minmax(0, 3fr) minmax(0, 2fr); }
.cds-columns--33-66 { --cds-columns-template: minmax(0, 1fr) minmax(0, 2fr); }
.cds-columns--66-33 { --cds-columns-template: minmax(0, 2fr) minmax(0, 1fr); }
.cds-columns--33-33-33 { --cds-columns-template: repeat(3, minmax(0, 1fr)); }

.cds-columns--gap-none { --cds-columns-gap: 0; }
.cds-columns--gap-small { --cds-columns-gap: 1rem; }
.cds-columns--gap-medium { --cds-columns-gap: 2rem; }
.cds-columns--gap-large { --cds-columns-gap: 3rem; }

.cds-columns--align-top { --cds-columns-align: start; }
.cds-columns--align-center { --cds-columns-align: center; }
.cds-columns--align-bottom { --cds-columns-align: end; }
.cds-column { min-width: 0; }

/* Gutenberg : la grille est appliquée au conteneur réel des InnerBlocks. */
.editor-styles-wrapper .wp-block-c2rb-columns.cds-columns {
  display: block;
  width: 70%;
  max-width: 1120px;
  margin-inline: auto;
}
.editor-styles-wrapper .wp-block-c2rb-columns.cds-columns > .block-editor-inner-blocks > .block-editor-block-list__layout {
  display: grid;
  grid-template-columns: var(--cds-columns-template);
  align-items: var(--cds-columns-align);
  gap: var(--cds-columns-gap);
  width: 100%;
}
.editor-styles-wrapper .wp-block-c2rb-column.cds-column {
  min-width: 0;
  padding: 0.75rem;
  border: 1px dashed rgba(61, 143, 134, 0.5);
  border-radius: 0.25rem;
}

@media (max-width: 1100px) {
  .cds-columns,
  .editor-styles-wrapper .wp-block-c2rb-columns.cds-columns {
    width: calc(100% - 3rem);
  }
}

@media (max-width: 781px) {
  .cds-columns,
  .editor-styles-wrapper .wp-block-c2rb-columns.cds-columns {
    width: calc(100% - 2rem);
  }
  .cds-columns--stack-mobile {
    --cds-columns-template: minmax(0, 1fr) !important;
  }
  .editor-styles-wrapper .wp-block-c2rb-columns.cds-columns--stack-mobile > .block-editor-inner-blocks > .block-editor-block-list__layout {
    grid-template-columns: minmax(0, 1fr);
  }
}
.cds-columns--100 { --cds-columns-template: minmax(0, 1fr); }
.cds-columns--25-25-25-25 { --cds-columns-template: repeat(4, minmax(0, 1fr)); }

/* 2.7.8 — centrage des médias placés dans une colonne. */
.cds-column > .wp-block-image,
.cds-column > figure.wp-block-image,
.cds-column > .wp-block-c2rb-media{
  justify-self:center;
  align-self:center;
  margin-inline:auto;
}
.cds-column > .wp-block-image img,
.cds-column > figure.wp-block-image img{
  display:block;
  margin-inline:auto;
}
.editor-styles-wrapper .wp-block-c2rb-column.cds-column > .block-editor-inner-blocks,
.editor-styles-wrapper .wp-block-c2rb-column.cds-column > .block-editor-inner-blocks > .block-editor-block-list__layout{
  height:100%;
}
.editor-styles-wrapper .wp-block-c2rb-column.cds-column .wp-block-image{
  margin-inline:auto;
}