/* ==========================================================================
   SECTION "CERTIFICATIONS" – Lignes pointillées en croix & emblème central
   Uniquement les séparateurs et le centrage du logo.
   (Aucune modification de largeur de conteneur ni de typographie/couleurs).
   ========================================================================== */

/* 1. Conteneur parent : point de repère absolu pour les lignes et le logo */
[data-id="f0e1692"] > .e-con-inner {
    position: relative !important;
}

/* Ligne pointillée horizontale GAUCHE : alignée sur le début des titres */
[data-id="f0e1692"] > .e-con-inner::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 30px !important;
    width: calc(50% - 58px) !important;
    height: 0 !important;
    border-bottom: 1px dotted rgba(20, 40, 34, 0.28) !important;
    pointer-events: none !important;
    z-index: 3 !important;
    transform: translateY(-50%) !important;
}

/* Ligne pointillée horizontale DROITE : alignée sur la fin des contenus */
[data-id="f0e1692"] > .e-con-inner::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    right: 30px !important;
    width: calc(50% - 58px) !important;
    height: 0 !important;
    border-bottom: 1px dotted rgba(20, 40, 34, 0.28) !important;
    pointer-events: none !important;
    z-index: 3 !important;
    transform: translateY(-50%) !important;
}

/* 2. Les 2 rangées : repères pour les lignes verticales */
.elementor-element-8405707,
.elementor-element-3a90a10,
[data-id="8405707"],
[data-id="3a90a10"] {
    position: relative !important;
}

/* Ligne pointillée verticale HAUTE (sur rangée 1) : démarre au niveau du haut des titres (ne dépasse pas vers les icônes) */
.elementor-element-8405707::after,
[data-id="8405707"]::after {
    content: '' !important;
    position: absolute !important;
    top: 118px !important;
    bottom: 28px !important;
    left: 50% !important;
    width: 0 !important;
    height: auto !important;
    border-right: 1px dotted rgba(20, 40, 34, 0.28) !important;
    pointer-events: none !important;
    z-index: 3 !important;
    transform: translateX(-50%) !important;
}

/* Ligne pointillée verticale BASSE (sur rangée 2) : s'arrête sous les titres et sous-titres */
.elementor-element-3a90a10::before,
[data-id="3a90a10"]::before {
    content: '' !important;
    position: absolute !important;
    top: 28px !important;
    bottom: 260px !important;
    left: 50% !important;
    width: 0 !important;
    height: auto !important;
    border-right: 1px dotted rgba(20, 40, 34, 0.28) !important;
    pointer-events: none !important;
    z-index: 3 !important;
    transform: translateX(-50%) !important;
}

/* Espacement vertical autour de la ligne centrale */
.elementor-element-8405707,
[data-id="8405707"] {
    padding-bottom: 45px !important;
}

.elementor-element-3a90a10,
[data-id="3a90a10"] {
    padding-top: 45px !important;
}

/* Espacement horizontal des colonnes pour dégager la ligne verticale */
.elementor-element-f450c9b,
.elementor-element-9d5f189,
[data-id="f450c9b"],
[data-id="9d5f189"] {
    padding-right: 40px !important;
}

.elementor-element-b2a08da,
.elementor-element-3002aa2,
[data-id="b2a08da"],
[data-id="3002aa2"] {
    padding-left: 40px !important;
}

/* 3. Conteneur wrapper du logo – retiré du flux, centré en absolu au croisement */
.elementor-element-c2b16b0,
[data-id="c2b16b0"] {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 32px !important;
    height: 32px !important;
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    pointer-events: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}

/* Emblème central */
.elementor-element-9183493,
[data-id="9183493"] {
    width: 32px !important;
    height: 32px !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-element-9183493 .elementor-widget-container,
[data-id="9183493"] .elementor-widget-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

[data-id="9183493"] img {
    width: 22px !important;
    height: 22px !important;
    display: block !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* 4. Responsive (< 900px) */
@media (max-width: 900px) {
    [data-id="f0e1692"] > .e-con-inner::before,
    [data-id="f0e1692"] > .e-con-inner::after,
    .elementor-element-8405707::after,
    [data-id="8405707"]::after,
    .elementor-element-3a90a10::before,
    [data-id="3a90a10"]::before {
        display: none !important;
    }

    .elementor-element-8405707,
    [data-id="8405707"] {
        padding-bottom: 0 !important;
    }

    .elementor-element-3a90a10,
    [data-id="3a90a10"] {
        padding-top: 0 !important;
    }

    .elementor-element-f450c9b,
    .elementor-element-9d5f189,
    [data-id="f450c9b"],
    [data-id="9d5f189"] {
        padding-right: 0 !important;
    }

    .elementor-element-b2a08da,
    .elementor-element-3002aa2,
    [data-id="b2a08da"],
    [data-id="3002aa2"] {
        padding-left: 0 !important;
    }

    /* Masquer le logo central sur mobile */
    .elementor-element-c2b16b0,
    [data-id="c2b16b0"] {
        display: none !important;
    }
}