/* Transitions d'activité (activity-transition.js) : photo réelle en plein écran, nom de l’activité en bas à gauche. */
.act-tr{position:fixed;inset:0;z-index:3000;overflow:hidden;background:var(--g-ink,#0b1f4d);color:#fff;opacity:0;touch-action:none;user-select:none;-webkit-user-select:none}
.act-tr-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;transform:translate3d(0,100%,0) scale(1.06);will-change:transform;backface-visibility:hidden}
.act-tr-shade{position:absolute;inset:0;opacity:0;background:linear-gradient(180deg,rgba(6,21,47,0) 42%,rgba(6,21,47,.8) 100%)}
.act-tr-cap{position:absolute;left:24px;right:24px;bottom:max(72px,calc(env(safe-area-inset-bottom) + 64px));opacity:0}
.act-tr-eyebrow{display:block;font:600 11px/1 var(--body,system-ui);letter-spacing:.2em;text-transform:uppercase;opacity:.8}
.act-tr-title{display:block;margin-top:10px;font:700 40px/1.04 var(--body,system-ui);letter-spacing:-.02em;color:#fff;text-shadow:0 2px 18px rgba(2,7,17,.45)}
.act-tr-count{display:block;margin-top:8px;font:500 15px/1.3 var(--body,system-ui);opacity:.82}

/* En-tête du choix de destination : la même photo que la transition. */
.ocean-v2 #spotsTop[data-act]:not([data-act=""]){position:relative;isolation:isolate;overflow:hidden;margin-bottom:18px;padding:26px 22px 20px!important;border-radius:26px;color:#fff;
  background:linear-gradient(180deg,rgba(6,21,47,.1) 0%,rgba(6,21,47,.62) 100%),var(--act-scene) center 40%/cover no-repeat;box-shadow:0 20px 44px -26px color-mix(in srgb,var(--t-deep) 70%,transparent);animation:act-hero .6s cubic-bezier(.2,.8,.2,1)}
.ocean-v2 #spotsTop[data-act]:not([data-act=""]) h1,.ocean-v2 #spotsTop[data-act]:not([data-act=""]) h1 span{color:#fff!important;text-shadow:0 3px 18px rgba(2,7,17,.45)}
.ocean-v2 #spotsTop[data-act]:not([data-act=""]) h1 span{color:#d7f75b!important}
.ocean-v2 #spotsTop[data-act]:not([data-act=""]) .sub{color:rgba(255,255,255,.92)!important}
@keyframes act-hero{from{background-position:center 55%;opacity:.4}}
.reduce-motion #spotsTop[data-act]{animation:none}
.ocean-v2 #spotsTop[data-act]:not([data-act=""]) .page-eyebrow{color:#d7f75b!important;opacity:1}

::view-transition-old(root),::view-transition-new(root){animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}