.elementor-3566 .elementor-element.elementor-element-a4b56cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-3566 .elementor-element.elementor-element-a4b56cd:not(.elementor-motion-effects-element-type-background), .elementor-3566 .elementor-element.elementor-element-a4b56cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F2EA;}.elementor-3566 .elementor-element.elementor-element-8bf28d8{text-align:center;}.elementor-3566 .elementor-element.elementor-element-8bf28d8 .elementor-heading-title{font-family:"Odibee Sans", Sans-serif;font-size:36px;line-height:45px;letter-spacing:3px;}.elementor-3566 .elementor-element.elementor-element-6e18ca8.elementor-element{--align-self:center;}.elementor-3566 .elementor-element.elementor-element-c7417ee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3566 .elementor-element.elementor-element-c7417ee:not(.elementor-motion-effects-element-type-background), .elementor-3566 .elementor-element.elementor-element-c7417ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F2EA;}.elementor-3566 .elementor-element.elementor-element-7cb4216{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3566 .elementor-element.elementor-element-7cb4216:not(.elementor-motion-effects-element-type-background), .elementor-3566 .elementor-element.elementor-element-7cb4216 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F2EA;}.elementor-3566 .elementor-element.elementor-element-d40c61b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3566 .elementor-element.elementor-element-769815b .elementor-heading-title{font-family:"Odibee Sans", Sans-serif;font-size:36px;line-height:34px;letter-spacing:3px;}.elementor-3566 .elementor-element.elementor-element-91e6706 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-3566 .elementor-element.elementor-element-a4b56cd{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3566 .elementor-element.elementor-element-c7417ee{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3566 .elementor-element.elementor-element-7cb4216{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-3566 .elementor-element.elementor-element-a4b56cd{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-3566 .elementor-element.elementor-element-c7417ee{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-3566 .elementor-element.elementor-element-7cb4216{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3566 .elementor-element.elementor-element-769815b > .elementor-widget-container{padding:20px 10px 0px 10px;}.elementor-3566 .elementor-element.elementor-element-769815b .elementor-heading-title{font-size:30px;}}/* Start custom CSS for shortcode, class: .elementor-element-937dafb */.vrai-agenda {
    max-width: 1160px;
    margin: 0 auto;
    padding: 3rem 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.vraia-btn-all{
    border:#c7af7a 1px solid;
}



.vraia-slider-bar {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    align-items: flex-end;
    margin-bottom: 2.5rem;
}

.vraia-slider-inner {
    display: flex;
    gap: 2rem;
    overflow-x: auto;
    padding-bottom: 0.4rem;
}

.vraia-tab {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    cursor: pointer !important;
    text-align: left !important;
    flex-shrink: 0 !important;
    color: #b5a58c !important;
    font-family: inherit !important;
}

.vraia-tab:hover{
    background: transparent !important
}

.vraia-tab-wday {
    display: block;
    font-size: 0.7rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #c7af7a; 
    margin-bottom: 0.15rem;
}



.vraia-tab-date {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    color: #4a4237;
}

.vraia-tab-underline {
    display: block;
    height: 2px;
    margin-top: 0.25rem;
    width: 0;
    background: #c7af7a;
    border-radius: 999px;
    transition: width 0.2s ease;
}

.vraia-tab-underline:hover{
    color:black;
}


.vraia-tab.is-active .vraia-tab-underline {
    width: 100%;
}

.vraia-slider-tools {
    display: flex;
    gap: 1rem;
    align-items: end;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.vraia-picker-label {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.8rem;
    color: #8a7a63;
}

.vraia-picker-input {
    padding: 0.3rem 0.6rem;
    border-radius: 6px;
    border: 1px solid #e3d5bc;
    font-size: 0.85rem;
    background: #fffaf2;
}

.vraia-btn-all {
    border: 1.5px solid #c7af7a !important;
    background: #fdf7ee !important;
    color: #5a4523 !important;
    padding: 0.45rem 1.1rem!important;
    border-radius: 999px !important;
    font-size: 0.85rem !important;
    cursor: pointer !important;
    transition: all 0.2s ease;
}
.vraia-btn-all:hover {
    background: #c7af7a !important;
    color: #fff !important;
}



.vraia-timeline {
    width: 100%;
}

.vraia-month {
    margin-bottom: 1.5rem;
}
.vraia-month-label {
    font-size: 0.95rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #42351d;
}

.vraia-item {
    display: grid;
    grid-template-columns: 110px minmax(0, 2.2fr) minmax(0, 1.4fr);
    gap: 2.5rem;
    align-items: center;
    padding: 3.6rem 0;
}


.vraia-date-col {
    position: relative;
    padding-left: 1.5rem;
}

.vraia-line {
    position: absolute;
    left: 0.5rem;
    top: -4rem;
    bottom: -4rem;
    width: 3px;
    background: #ffe4a7;
    border-radius: 999px;
}

.vraia-dot {
    position: absolute;
    left: 0.15rem;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background: #ffc85c;
    border-radius: 999px;
    box-shadow: 0 0 0 3px #fff8e4;
}

.vraia-date-inner {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}
.vraia-day-short {
    font-size: 0.85rem;
    color: #42351d;
    text-transform: lowercase;
}
.vraia-day-num {
    font-size: 1.2rem;
    font-weight: 600;
    color: #42351d;
}

.vraia-content {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.vraia-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}
.vraia-tag {
    font-size: 0.75rem;
    padding: 0.18rem 0.65rem;
    border-radius: 999px;
    background: #fff7e4;
    color: #d79b22;
}

.vraia-title {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 700;
    color: #262626;
    font-family: "Odibee Sans", Sans-serif;
    font-stretch: expanded;
}

.vraia-desc {
    font-size: 0.9rem;
    line-height: 1.6;
    color: #666;
    max-width: 550px;
}

.vraia-more {
    display: inline-block;
    padding: 0.5rem 1.2rem;
    font-size: 0.9rem;
    border-radius: 999px;
    border: 1.5px solid #c7af7a;
    background: #fdf7ee;
    color: #5a4523;
    text-decoration: none;
    transition: all 0.2s ease;
    width: fit-content
}
.vraia-more:hover {
    background: #c7af7a;
    color: #fff;
}

/* Image droite */
.vraia-image-col {
    display: flex;
    justify-content: flex-end;
}
.vraia-image-card {
    width: 100%;
    max-width: 260px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 14px 30px rgba(0,0,0,0.08);
}
.vraia-image-card img {
    display: block;
    width: 100%;
    height: 170px;
    object-fit: cover;
}

/* Bloc "vide" */
.vraia-empty {
    font-size: 0.9rem;
    color: #9a8770;
    margin-top: 1.5rem;
}

/* -------- RESPONSIVE -------- */

@media (max-width: 900px) {
    .vraia-item {
        grid-template-columns: 90px minmax(0, 2.2fr);
        grid-template-rows: auto auto;
        gap: 1.5rem;
    }

    .vraia-image-col {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .vraia-image-card {
        max-width: 100%;
    }

    .vraia-slider-bar {
        align-items: flex-start;
    }
}

@media (max-width: 640px) {
    .vraia-item {
        grid-template-columns: 1fr;
        padding: 1.2rem 0;
    }

    .vraia-date-col {
        padding-left: 0;
        margin-bottom: 0.5rem;
    }

    .vraia-line,
    .vraia-dot {
        display: none;
    }

    .vraia-date-inner {
        flex-direction: row;
        gap: 0.5rem;
        align-items: baseline;
    }

    .vraia-image-card img {
        height: 190px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-91e6706 */.members-carousel-section {
    width: 100%;
    padding: 4rem 0;
    background: #f5f2ea;
}

/* SECTION GLOBALE */
.members-carousel-section {
    width: 100%;
    background: #f5f2ea; /* beige doux */
}

.members-carousel-inner {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1.5rem;
}

/* HEADER */
.members-carousel-header {
    text-align: center;
    margin-bottom: 2.5rem;
}

.mc-chip {
    display: inline-flex;
    padding: 0.3rem 0.9rem;
    border-radius: 999px;
    background: #f1e0c6;
    color: #7b5b3e;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.mc-title {
    margin: 0.75rem 0 0.4rem;
    font-size: 2rem;
    font-weight: 700;
    color: #31221a;
}

.mc-subtitle {
    margin: 0;
    font-size: 0.98rem;
    color: #7b6a5a;
}

/* CONTAINER SWIPER */
.members-carousel-shell {
    position: relative;
}

/* SLIDES / CARDS */
.member-card {
    height: auto;
    display: flex;
}

.member-link {
    display: block;
    text-decoration: none;
    color: inherit;
    width: 100%;
}

.member-card-inner {
    background: #ffffff;
    border-radius: 28px;
    padding: 1.5rem 1.5rem 1.75rem;
    box-shadow: 0 18px 40px rgba(0,0,0,0.04);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
}

/* PHOTO STYLE "DET0URÉE" */
.member-photo-wrap {
    position: relative;
}

.member-photo {
    width: 100%;
    aspect-ratio: 4 / 4;
    border-radius: 24px;
    background-size: cover;
    background-position: center;
    background-color: #f6f4f0;
}

.member-photo--placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    color: #b8aa96;
}

/* PASTILLE RÔLE */
.member-role-pill {
    position: absolute;
    left: 1.2rem;
    bottom: 1.1rem;
    padding: 0.3rem 1rem;
    border-radius: 999px;
    background: #e5ff9f; /* vert citron doux comme sur la maquette */
    color: #43501e;
    font-size: 0.78rem;
    font-weight: 600;
}

/* ICÔNE FLECHE */
.member-arrow-icon {
    position: absolute;
    right: 1.2rem;
    top: 1.2rem;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: #101315;
    color: #f5f2ea;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
}

/* TEXTE */
.member-meta {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.member-name {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #2f231b;
}

.member-role-text {
    margin: 0;
    font-size: 0.9rem;
    color: #7b6a5a;
}

/* CTA */
.member-cta {
    margin-top: 0.65rem;
}

.member-cta button {
    border: none;
    border-radius: 999px;
    padding: 0.5rem 1.2rem;
    background: #f1e0c6;
    color: #4b3727;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.member-cta button:hover {
    background: #e5d2b4;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.12);
}

/* Pour que le slider Swiper défile en continu sans ralentissement */
.members-carousel-section .swiper-wrapper {
    transition-timing-function: linear !important;
}


/* NAVIGATION SWIPER (flèches) */
.my-members-swiper .swiper-button-prev,
.my-members-swiper .swiper-button-next {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: #101315;
    color: #f5f2ea;
    top: 45%;
}

.my-members-swiper .swiper-button-prev::after,
.my-members-swiper .swiper-button-next::after {
    font-size: 18px;
}

.my-members-swiper .swiper-pagination-bullet {
    background: #c9b8a4;
    opacity: 1;
}

.my-members-swiper .swiper-pagination-bullet-active {
    background: #7b5b3e;
}

.member-name{
    font-family: "atkinson hyperlegible", Sans-Serif
}

/* RESPONSIVE */
@media (max-width: 767.98px) {
    .members-carousel-section {
        padding: 3rem 0;
    }
    .members-carousel-inner{
        padding:0;
    }
    .member-card-inner {
        border-radius: 24px;
        padding: 1.25rem 1.25rem 1.5rem;
    }
    .my-members-swiper .swiper-button-prev,
    .my-members-swiper .swiper-button-next {
        display: none; /* flèches off mobile si tu veux */
    }
}/* End custom CSS */