/* ARTHENXIA V2.1 - Elementor passthrough minimal
 * Strategie : ne casser AUCUN rendu V1. On laisse Elementor injecter ses
 * wrappers .e-con / .elementor-widget mais on retire leurs margins/paddings
 * pour que les espacements du CSS source soient respectes.
 */

/* Containers et widgets Elementor : transparents en layout */
.arthenxia-canvas-v21 .e-con,
.arthenxia-canvas-v21 .e-con > .e-con-inner {
    --container-widget-width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100%;
    flex: 1 1 auto;
    background: transparent;
}

/* Container Elementor en flex column par defaut. On veut block pour preserver
   le flux normal du CSS source (qui s'attend a un block layout natif). */
.arthenxia-canvas-v21 .e-con {
    display: block;
    flex-direction: initial;
    flex-wrap: initial;
    gap: 0;
}

/* Widgets Elementor : transparents en layout */
.arthenxia-canvas-v21 .elementor-widget,
.arthenxia-canvas-v21 .elementor-widget-wrap,
.arthenxia-canvas-v21 .elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent;
}

/* Widget HTML : padding 0 pour que le HTML source garde son rendu V1 */
.arthenxia-canvas-v21 .elementor-widget-html,
.arthenxia-canvas-v21 .elementor-widget-html > .elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
}

/* Wrapper de notre v21-section-header (utilise pour les sections hybrides) */
.arthenxia-canvas-v21 .v21-section-header {
    text-align: center;
    margin-bottom: 32px;
}

/* Pas de "section" Elementor visible (anciens layouts) */
.arthenxia-canvas-v21 .elementor-section-wrap > .elementor-section {
    padding: 0 !important;
    margin: 0 !important;
}

/* Editeur Elementor : couleurs cohérentes en backend */
body.elementor-editor-active .v21-section-header,
body.elementor-editor-active .e-con {
    outline: 1px dashed rgba(26, 43, 95, 0.15);
}