/* =========================================================
   UniPay Pub Preview — ouverture immersive 20260820L
   Le média occupe d'abord toute la modale. Les informations sont
   révélées par un mouvement de souris ou un glissement tactile ;
   le cycle d'auto-masquage existant reprend ensuite.
   ========================================================= */
.news-overlay.active{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  overscroll-behavior:contain!important;
}
.news-overlay .expanded-card.unipay-preview-immersive-card{
  position:relative!important;
  width:min(96vw,1120px)!important;
  height:min(88vh,760px)!important;
  max-width:1120px!important;
  max-height:760px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:block!important;
  background:rgba(3,8,17,.96)!important;
  border:1px solid rgba(0,243,255,.76)!important;
  box-shadow:0 0 36px rgba(0,243,255,.28),inset 0 0 58px rgba(0,243,255,.07)!important;
  border-radius:14px!important;
  isolation:isolate!important;
  animation:none!important;
  transition:opacity .5s cubic-bezier(.22,.61,.36,1),transform .5s cubic-bezier(.22,.61,.36,1),filter .5s ease!important;
}
.news-overlay.active:not(.preview-open-ready) .expanded-card.unipay-preview-immersive-card{
  opacity:0!important;
  transform:translateY(16px) scale(.955)!important;
  filter:brightness(.72) saturate(.82)!important;
}
.news-overlay.active.preview-open-ready .expanded-card.unipay-preview-immersive-card{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}
.news-overlay.active .expanded-card.unipay-preview-immersive-card.preview-description-hidden{
  touch-action:none!important;
  overscroll-behavior:contain!important;
}
.unipay-preview-immersive-card .expanded-body{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  overflow:hidden!important;
  background:#020713!important;
}
.unipay-preview-immersive-card .exp-media-zone{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  flex:none!important;
  overflow:hidden!important;
  background:#020713!important;
  z-index:1!important;
}
.unipay-preview-immersive-card .exp-media-zone::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
  background:linear-gradient(180deg,rgba(2,7,19,.58) 0%,rgba(2,7,19,.10) 22%,rgba(2,7,19,.08) 58%,rgba(2,7,19,.70) 100%);
  transition:opacity .65s cubic-bezier(.22,.61,.36,1);
}
.unipay-preview-immersive-card .exp-media,
.unipay-preview-immersive-card video.exp-media,
.unipay-preview-immersive-card img.exp-media,
.unipay-preview-immersive-card .exp-media-zone>img,
.unipay-preview-immersive-card .exp-media-zone>video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  min-width:100%!important;
  min-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#020713!important;
  transform:none!important;
  transition:filter .65s ease,transform .65s cubic-bezier(.22,.61,.36,1),opacity .42s ease!important;
}
.unipay-preview-immersive-card .meta-header,
.unipay-preview-immersive-card .exp-title,
.unipay-preview-immersive-card .preview-menu-toggle,
.unipay-preview-immersive-card .stats-bar,
.unipay-preview-immersive-card #close-btn-container,
.unipay-preview-immersive-card .action-bar,
.unipay-preview-immersive-card .exp-text-zone{
  position:absolute!important;
  z-index:12!important;
}
.unipay-preview-immersive-card .meta-header{
  top:8px!important;
  left:10px!important;
  right:64px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
  transition:opacity .55s ease,transform .55s ease!important;
}
.unipay-preview-immersive-card .meta-header::-webkit-scrollbar{display:none!important}
.unipay-preview-immersive-card .meta-header .meta-item{
  flex:0 0 auto!important;
  max-width:150px!important;
  min-height:24px!important;
  padding:4px 7px!important;
  font-size:10px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  background:rgba(0,10,20,.52)!important;
  border-color:rgba(0,243,255,.35)!important;
  backdrop-filter:blur(8px)!important;
}
.unipay-preview-immersive-card .exp-title{
  top:38px!important;
  left:12px!important;
  right:64px!important;
  margin:0!important;
  padding:0!important;
  max-height:2.15em!important;
  overflow:hidden!important;
  color:#00f3ff!important;
  font-size:clamp(1rem,2.2vw,1.45rem)!important;
  line-height:1.06!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  text-shadow:0 0 16px rgba(0,243,255,.42)!important;
  transition:opacity .55s ease,transform .55s ease!important;
  pointer-events:none!important;
}
.unipay-preview-immersive-card .preview-menu-toggle{
  top:8px!important;
  right:8px!important;
  width:46px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(0,243,255,.72)!important;
  border-radius:12px!important;
  background:rgba(0,9,20,.68)!important;
  color:#eaffff!important;
  box-shadow:0 0 18px rgba(0,243,255,.24)!important;
  backdrop-filter:blur(10px)!important;
  cursor:pointer!important;
  font-weight:900!important;
}
.unipay-preview-immersive-card .exp-text-zone{
  left:12px!important;
  right:12px!important;
  bottom:58px!important;
  max-height:min(34%,260px)!important;
  min-height:96px!important;
  padding:14px 16px!important;
  overflow-y:auto!important;
  color:#eafcff!important;
  background:linear-gradient(180deg,rgba(2,8,18,.22),rgba(2,8,18,.86) 30%,rgba(2,8,18,.94))!important;
  border:1px solid rgba(0,243,255,.24)!important;
  border-radius:16px!important;
  box-shadow:0 0 28px rgba(0,243,255,.10)!important;
  backdrop-filter:blur(10px)!important;
  transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1),max-height .72s ease!important;
}
.unipay-preview-immersive-card .preview-status,
.unipay-preview-immersive-card .nexus-meta-bar,
.unipay-preview-immersive-card .preview-object-summary,
.unipay-preview-immersive-card .preview-reaction-rail{
  display:none!important;
}
.unipay-preview-immersive-card .full-desc,
.unipay-preview-immersive-card .partial-desc{
  font-size:clamp(.86rem,1.9vw,1rem)!important;
  line-height:1.42!important;
  color:rgba(238,252,255,.98)!important;
  margin:.25rem 0 .5rem!important;
}
.unipay-preview-immersive-card .action-bar{
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  grid-auto-flow:row!important;
  gap:8px!important;
  transition:opacity .55s ease,transform .55s ease!important;
}
.unipay-preview-immersive-card .action-bar .circle-btn{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  background:rgba(0,10,20,.62)!important;
  backdrop-filter:blur(8px)!important;
}
.unipay-preview-immersive-card .stats-bar{
  left:12px!important;
  right:90px!important;
  bottom:10px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
  transition:opacity .35s ease,transform .35s ease!important;
}
.unipay-preview-immersive-card .stats-bar::-webkit-scrollbar{display:none!important}
.unipay-preview-immersive-card .stats-bar .stat-item{
  flex:0 0 auto!important;
  min-width:44px!important;
  min-height:32px!important;
  padding:5px 8px!important;
  background:rgba(0,5,12,.72)!important;
  backdrop-filter:blur(8px)!important;
}
.unipay-preview-immersive-card #close-btn-container{
  right:10px!important;
  bottom:10px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
}
.unipay-preview-immersive-card #close-btn-container .nav-btn{
  min-height:34px!important;
  min-width:70px!important;
  padding:6px 11px!important;
  font-size:11px!important;
  background:rgba(0,10,20,.72)!important;
  backdrop-filter:blur(10px)!important;
}
.unipay-preview-immersive-card .lock-overlay{z-index:11!important}
.unipay-preview-immersive-card.preview-description-hidden .exp-media,
.unipay-preview-immersive-card.preview-description-hidden video.exp-media,
.unipay-preview-immersive-card.preview-description-hidden img.exp-media,
.unipay-preview-immersive-card.preview-description-hidden .exp-media-zone>img,
.unipay-preview-immersive-card.preview-description-hidden .exp-media-zone>video,
.unipay-preview-immersive-card .expanded-body.full .exp-media,
.unipay-preview-immersive-card .expanded-body.full video.exp-media,
.unipay-preview-immersive-card .expanded-body.full img.exp-media,
.unipay-preview-immersive-card .expanded-body.full .exp-media-zone>img,
.unipay-preview-immersive-card .expanded-body.full .exp-media-zone>video{
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}
.unipay-preview-immersive-card.preview-description-hidden .exp-media-zone::after,
.unipay-preview-immersive-card .expanded-body.full .exp-media-zone::after{opacity:.16!important}
.unipay-preview-immersive-card.preview-description-hidden .exp-media-zone,
.unipay-preview-immersive-card .expanded-body.full .exp-media-zone{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  margin:0!important;
  background:radial-gradient(circle at center,rgba(0,243,255,.055),transparent 68%),#020713!important;
}
.unipay-preview-immersive-card:has(.expanded-body.full){
  grid-template-rows:100%!important;
  grid-auto-rows:0!important;
}
.unipay-preview-immersive-card:has(.expanded-body.full) .expanded-body{
  grid-row:auto!important;
  grid-column:auto!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
}
.unipay-preview-immersive-card .exp-media-zone.preview-media-has-backdrop>.preview-media-backdrop{
  position:absolute!important;
  inset:-7%!important;
  width:114%!important;
  height:114%!important;
  max-width:none!important;
  max-height:none!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:blur(20px) saturate(.88) brightness(.48)!important;
  opacity:.8!important;
  transform:scale(1.03)!important;
  pointer-events:none!important;
  z-index:0!important;
}
.unipay-preview-immersive-card .exp-media-zone.preview-media-has-backdrop>.exp-media:not(.preview-media-backdrop){
  z-index:1!important;
}
.unipay-preview-immersive-card.preview-description-hidden .exp-text-zone,
.unipay-preview-immersive-card .expanded-body.full .exp-text-zone{
  opacity:0!important;
  transform:translateY(22px)!important;
  pointer-events:none!important;
}
.unipay-preview-immersive-card.preview-description-hidden .meta-header,
.unipay-preview-immersive-card.preview-description-hidden .exp-title{
  opacity:0!important;
  transform:translateY(-14px)!important;
  pointer-events:none!important;
}
.unipay-preview-immersive-card.preview-description-hidden .action-bar,
.unipay-preview-immersive-card .expanded-body.full .action-bar{
  opacity:0!important;
  transform:translate(22px,-50%)!important;
  pointer-events:none!important;
}
.unipay-preview-immersive-card.preview-description-hidden .preview-menu-toggle,
.unipay-preview-immersive-card.preview-description-hidden .stats-bar,
.unipay-preview-immersive-card.preview-description-hidden #close-btn-container{
  opacity:0!important;
  transform:translateY(14px)!important;
  pointer-events:none!important;
}
.unipay-preview-immersive-card .preview-menu-toggle,
.unipay-preview-immersive-card .stats-bar,
.unipay-preview-immersive-card #close-btn-container{
  transition:opacity .55s ease,transform .55s cubic-bezier(.22,.61,.36,1)!important;
}
.unipay-preview-immersive-card.preview-menu-open .exp-text-zone{
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}
.unipay-preview-immersive-card.preview-menu-open .meta-header,
.unipay-preview-immersive-card.preview-menu-open .exp-title{
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}
.unipay-preview-immersive-card.preview-menu-open .action-bar{
  opacity:1!important;
  transform:translateY(-50%)!important;
  pointer-events:auto!important;
}
.unipay-preview-immersive-card .unipay-pub-media-pending{filter:saturate(.6) brightness(.78)!important}
.unipay-preview-immersive-card .unipay-pub-media-ready{animation:unipayPubMediaReady .38s ease both!important}
@keyframes unipayPubMediaReady{from{opacity:.62;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}
@media (max-width:768px) and (orientation:portrait){
  .news-overlay.active{
    align-items:flex-start!important;
    justify-content:flex-start!important;
    padding-top:calc(var(--unipay-content-top-reserve,92px) + 8px)!important;
    padding-left:calc(var(--unipay-leftbar-width,58px) + 8px)!important;
    padding-right:8px!important;
    padding-bottom:calc(var(--unipay-content-bottom-reserve,92px) + 8px)!important;
  }
  .news-overlay .expanded-card.unipay-preview-immersive-card{
    width:calc(100vw - var(--unipay-leftbar-width,58px) - 18px)!important;
    height:calc(100vh - var(--unipay-content-top-reserve,92px) - var(--unipay-content-bottom-reserve,92px) - 18px)!important;
    max-width:none!important;
    max-height:none!important;
    border-radius:12px!important;
  }
  .unipay-preview-immersive-card .meta-header{top:6px!important;left:8px!important;right:56px!important;gap:5px!important}
  .unipay-preview-immersive-card .meta-header .meta-item{font-size:9px!important;min-height:22px!important;max-width:118px!important;padding:3px 6px!important}
  .unipay-preview-immersive-card .exp-title{top:33px!important;left:9px!important;right:56px!important;font-size:clamp(.88rem,4vw,1.25rem)!important;max-height:2.1em!important;letter-spacing:.05em!important}
  .unipay-preview-immersive-card .preview-menu-toggle{top:6px!important;right:6px!important;width:42px!important;height:36px!important}
  .unipay-preview-immersive-card .exp-text-zone{left:8px!important;right:8px!important;bottom:54px!important;max-height:35%!important;min-height:92px!important;padding:10px 11px!important;border-radius:13px!important}
  .unipay-preview-immersive-card .preview-status,.unipay-preview-immersive-card .nexus-meta-bar,.unipay-preview-immersive-card .preview-object-summary,.unipay-preview-immersive-card .preview-reaction-rail{font-size:.68rem!important;margin-bottom:5px!important}
  .unipay-preview-immersive-card .full-desc,.unipay-preview-immersive-card .partial-desc{font-size:.78rem!important;line-height:1.34!important}
  .unipay-preview-immersive-card .action-bar{right:7px!important;gap:6px!important}
  .unipay-preview-immersive-card .action-bar .circle-btn{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
  .unipay-preview-immersive-card .stats-bar{left:8px!important;right:76px!important;bottom:8px!important;gap:5px!important}
  .unipay-preview-immersive-card .stats-bar .stat-item{min-width:38px!important;min-height:30px!important;font-size:10px!important;padding:4px 7px!important}
  .unipay-preview-immersive-card #close-btn-container{right:8px!important;bottom:8px!important}
  .unipay-preview-immersive-card #close-btn-container .nav-btn{min-width:62px!important;min-height:30px!important;padding:5px 8px!important;font-size:10px!important}
}