/** OOI Platform — Prochains rendez-vous */

.ooi-agenda-upcoming{position:relative;overflow:hidden;padding:clamp(86px,10vw,138px) 0 clamp(92px,11vw,150px);background:radial-gradient(circle at 85% 10%,rgba(128,197,207,.1),transparent 26%),#0b1b30;color:#fff}
.ooi-agenda-upcoming::before{position:absolute;top:-50px;right:-5%;left:-5%;height:82px;border-radius:0 0 50% 50%;background:#071426;content:''}
.ooi-agenda-upcoming__inner{width:min(100%,1540px);margin:auto}
.ooi-agenda-upcoming__header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:0 clamp(24px,5vw,82px);margin-bottom:42px}
.ooi-agenda-upcoming__eyebrow{margin:0 0 12px;color:#80c5cf;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.ooi-agenda-upcoming__title{margin:0;color:#fff;font-size:clamp(42px,5vw,70px);font-weight:900;line-height:1;letter-spacing:-.045em}
.ooi-agenda-upcoming__summary{margin:15px 0 0;color:rgba(255,255,255,.68);font-size:17px;line-height:1.5}
.ooi-agenda-upcoming__controls{display:flex;gap:10px;flex:0 0 auto}
.ooi-agenda-upcoming__controls button{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border:1px solid rgba(128,197,207,.34);border-radius:50%;background:transparent;color:#80c5cf;font-size:20px;cursor:pointer;transition:background .2s ease,transform .2s ease}
.ooi-agenda-upcoming__controls button:hover,.ooi-agenda-upcoming__controls button:focus-visible{background:rgba(128,197,207,.12);transform:translateY(-2px)}

.ooi-agenda-upcoming__rail{display:flex;gap:24px;overflow-x:auto;padding:58px clamp(24px,5vw,82px) 28px;scroll-snap-type:x mandatory;scroll-padding-left:clamp(24px,5vw,82px);scrollbar-width:none}
.ooi-agenda-upcoming__rail::-webkit-scrollbar{display:none}
.ooi-agenda-upcoming__item{flex:0 0 clamp(290px,25vw,370px);scroll-snap-align:start}
.ooi-agenda-upcoming__item.is-next{flex-basis:clamp(310px,28vw,410px)}

/* Variante Agenda de la carte Home */
.ooi-home-moment-card--agenda{height:100%;overflow:visible;border:1px solid rgba(128,197,207,.18);border-radius:0 28px 28px 28px;background:#10243a;box-shadow:0 22px 50px rgba(0,0,0,.22)}
.ooi-home-moment-card--agenda .ooi-home-moment-card__link{overflow:visible}
.ooi-home-moment-card--agenda:hover{border-color:rgba(128,197,207,.46);box-shadow:0 28px 64px rgba(0,0,0,.35)}
.ooi-home-moment-card--agenda .ooi-home-moment-card__date{position:absolute;z-index:8;top:-42px;left:-14px;min-height:0;padding:8px 12px 9px;border-radius:10px;background:rgba(7,20,38,.9);box-shadow:0 12px 28px rgba(0,0,0,.32);color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.75);transform:rotate(-4deg);transform-origin:left bottom;pointer-events:none}
.ooi-agenda-upcoming__item:nth-child(even) .ooi-home-moment-card__date{transform:rotate(3deg)}
.ooi-home-moment-card--agenda .ooi-home-moment-card__month{color:#fff;font-size:clamp(40px,4.2vw,64px);font-weight:950;line-height:.84;text-transform:uppercase}
.ooi-home-moment-card--agenda .ooi-home-moment-card__year{margin-top:8px;color:#ffab4e;font-size:clamp(18px,1.7vw,24px);font-weight:950;line-height:1}
.ooi-home-moment-card--agenda .ooi-home-moment-card__branch{position:absolute;z-index:6;top:18px;right:18px;max-width:46%;padding:6px 9px;border-radius:999px;background:#ffab4e;color:#071426;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.ooi-home-moment-card--agenda .ooi-home-moment-card__poster{order:0;border-radius:0 27px 0 0;aspect-ratio:1/1;background:#071426}
.ooi-home-moment-card--agenda .ooi-home-moment-card__poster::after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,20,38,.5),transparent 42%);content:'';pointer-events:none}
.ooi-home-moment-card--agenda .ooi-home-moment-card__footer{align-items:flex-start;justify-content:flex-start;min-height:178px;padding:22px 22px 24px;border-radius:0 0 27px 27px;text-align:left;background:#10243a}
.ooi-home-moment-card--agenda .ooi-home-moment-card__title{margin:0;color:#fff;font-size:clamp(21px,2vw,28px);font-weight:850;line-height:1.08}
.ooi-home-moment-card--agenda .ooi-home-moment-card__location{margin-top:9px;color:rgba(255,255,255,.58);font-size:12px;font-weight:700}
.ooi-home-moment-card--agenda .ooi-home-moment-card__discover{margin-top:auto;padding-top:20px;color:#80c5cf;font-size:14px;font-weight:900}
.ooi-home-moment-card--agenda .ooi-home-moment-card__arrow{position:absolute;right:22px;bottom:25px;margin:0;color:#80c5cf;font-size:23px;transform:rotate(-90deg)}
.ooi-home-moment-card--agenda:hover .ooi-home-moment-card__arrow{transform:translateX(4px) rotate(-90deg)}

.ooi-agenda-upcoming__empty{margin:0 clamp(24px,5vw,82px);padding:32px;border:1px dashed rgba(128,197,207,.28);border-radius:20px;background:rgba(128,197,207,.05);text-align:center}
.ooi-agenda-upcoming__empty p{margin:8px 0 0;color:rgba(255,255,255,.64)}

@media(max-width:700px){.ooi-agenda-upcoming{padding-top:82px}.ooi-agenda-upcoming__header{align-items:flex-start;margin-bottom:24px}.ooi-agenda-upcoming__controls{display:none}.ooi-agenda-upcoming__title{font-size:clamp(38px,11vw,52px)}.ooi-agenda-upcoming__rail{gap:18px;padding-top:66px}.ooi-agenda-upcoming__item,.ooi-agenda-upcoming__item.is-next{flex-basis:82vw;max-width:390px}.ooi-home-moment-card--agenda{margin:0;max-width:none}.ooi-home-moment-card--agenda .ooi-home-moment-card__date{top:-38px;left:-5px}.ooi-home-moment-card--agenda .ooi-home-moment-card__month{font-size:clamp(38px,12vw,54px)}.ooi-home-moment-card--agenda .ooi-home-moment-card__year{font-size:19px}.ooi-home-moment-card--agenda .ooi-home-moment-card__footer{min-height:164px}}
@media(prefers-reduced-motion:reduce){.ooi-agenda-upcoming__controls button,.ooi-home-moment-card--agenda{transition:none}.ooi-home-moment-card--agenda:hover{transform:none}}