
/* =========================
   GRILLE — version 3.4 stable
   ========================= */
.elementor-element.elementor-element-d4554df3.sgp-events-grid {
    --width: 100% !important;
    --content-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 100% !important;
    align-self: stretch !important;
}

.elementor-element.elementor-element-d4554df3.sgp-events-grid > .e-con-inner {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    align-items: stretch !important;
}

.elementor-element-d4554df3 > .e-con-inner > .sgp-event-card {
    --width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    flex: none !important;
}

/* =========================
   DATE — ciblage exact
   Les conteneurs blancs réels sont :
   2efe0b4c, 35535e8c, 952a93ff, 035ecc5e
   ========================= */

/* la zone photo sert de repère pour l'overlay */
.elementor-element-2b022c64,
.elementor-element-302fabfb,
.elementor-element-c653f6f7,
.elementor-element-7823c2e8 {
    position: relative !important;
}

/* supprimer réellement le fond blanc du conteneur DATE */
.elementor-element-2efe0b4c,
.elementor-element-35535e8c,
.elementor-element-952a93ff,
.elementor-element-035ecc5e {
    --width: auto !important;
    --background-transition: 0s !important;

    position: absolute !important;
    top: 12px !important;
    left: 14px !important;
    z-index: 20 !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
}

/* Elementor peut peindre le background sur ::before / ::after */
.elementor-element-2efe0b4c::before,
.elementor-element-35535e8c::before,
.elementor-element-952a93ff::before,
.elementor-element-035ecc5e::before,
.elementor-element-2efe0b4c::after,
.elementor-element-35535e8c::after,
.elementor-element-952a93ff::after,
.elementor-element-035ecc5e::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
}

/* le e-con-inner du petit conteneur ne doit plus s'étirer */
.elementor-element-2efe0b4c > .e-con-inner,
.elementor-element-35535e8c > .e-con-inner,
.elementor-element-952a93ff > .e-con-inner,
.elementor-element-035ecc5e > .e-con-inner {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* widget texte de date */
.elementor-element-2db3bd65,
.elementor-element-152b0990,
.elementor-element-919efd02,
.elementor-element-f203fe84,
.elementor-element-2db3bd65 > .elementor-widget-container,
.elementor-element-152b0990 > .elementor-widget-container,
.elementor-element-919efd02 > .elementor-widget-container,
.elementor-element-f203fe84 > .elementor-widget-container {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* div interne de la date */
.elementor-element-2db3bd65 .elementor-widget-container > div,
.elementor-element-152b0990 .elementor-widget-container > div,
.elementor-element-919efd02 .elementor-widget-container > div,
.elementor-element-f203fe84 .elementor-widget-container > div {
    display: inline-block !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    padding: 2px 4px !important;
    margin: 0 !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    color: #fff !important;
    text-align: center !important;
    line-height: .95 !important;

    text-shadow:
        0 2px 2px #000,
        0 0 7px #000,
        0 0 12px rgba(0,0,0,.9) !important;
}

/* jour rouge */
.elementor-element-2db3bd65 strong,
.elementor-element-152b0990 strong,
.elementor-element-919efd02 strong,
.elementor-element-f203fe84 strong {
    color: #ff1d2d !important;
    font-size: 31px !important;
    font-weight: 900 !important;
    line-height: .9 !important;
}

/* mois blanc */
.elementor-element-2db3bd65 span,
.elementor-element-152b0990 span,
.elementor-element-919efd02 span,
.elementor-element-f203fe84 span {
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .8px !important;
}

/* images uniformes */
.elementor-element-d4554df3 .sgp-event-card img {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:230px !important;
    object-fit:cover !important;
    object-position:center center !important;
}

/* tablette */
@media(max-width:1024px){
    .elementor-element.elementor-element-d4554df3.sgp-events-grid > .e-con-inner {
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

/* mobile */
@media(max-width:767px){
    .elementor-element.elementor-element-d4554df3.sgp-events-grid > .e-con-inner {
        grid-template-columns:1fr !important;
        gap:16px !important;
    }
}
