/* assets/css/videowall-last-call.css — « Dernier appel » sur le mur (TV 16:9, 4:3, portrait).
   Tailles en vmin/clamp, animations transform/opacity, tokens --vw-* de videowall.css. */

#vw-lastcall {
  position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center;
  text-align: center; overflow: hidden; padding: var(--vw-gutter);
  background: var(--vw-overlay-bg); color: var(--text);
  opacity: 0; transition: opacity .6s ease;
}
#vw-lastcall.is-shown { opacity: 1; }
.vwlc-inner { position: relative; max-width: 92vw; }
.vwlc-title {
  font: 800 clamp(3rem, 15vmin, 16rem)/1 var(--vw-font-serif); letter-spacing: -.01em; font-variant-numeric: lining-nums tabular-nums;
  background: var(--vw-pride-ink); -webkit-background-clip: text; background-clip: text; color: transparent;
  animation: vwlcPulse 2s ease-in-out infinite;
}
.vwlc-clock {
  font: 800 clamp(4rem, 26vmin, 28rem)/1.05 var(--vw-font-display); font-variant-numeric: tabular-nums;
  color: var(--vw-accent-ink, var(--vw-accent)); margin: .04em 0;
}
.vwlc-sub { font: 600 clamp(1.2rem, 4vmin, 4.5rem)/1.2 var(--vw-font-display); color: var(--text2); margin-bottom: .6em; }
.vwlc-hint { font: 700 clamp(1.3rem, 4.6vmin, 5rem)/1.25 var(--vw-font-display); }
.vwlc-ring {
  position: absolute; left: 50%; top: 50%; width: 90vmin; height: 90vmin; margin: -45vmin 0 0 -45vmin;
  border-radius: 50%; border: .5vmin solid var(--vw-accent); opacity: 0; pointer-events: none;
  animation: vwlcRing 3.6s ease-out infinite;
}
.vwlc-ring--2 { animation-delay: 1.8s; }
@keyframes vwlcPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.03); } }
@keyframes vwlcRing { 0% { transform: scale(.35); opacity: .5; } 100% { transform: scale(1.6); opacity: 0; } }

/* Compte à rebours discret, sous l'horloge (à droite de la bannière de soirée) */
#vw-lastcall-corner {
  position: fixed; right: var(--vw-gutter); top: clamp(2.6rem, 8.6vmin, 9rem); z-index: 9998;
  padding: .35em .9em; border-radius: 999px; pointer-events: none;
  font: 800 clamp(.85rem, 2vmin, 2.6rem)/1 var(--vw-font-display); font-variant-numeric: tabular-nums;
  background: var(--vw-accent-fill); color: var(--vw-on-accent);
  opacity: 0; transform: translateY(8px); transition: opacity .5s, transform .5s;
}
#vw-lastcall-corner.is-shown { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  .vwlc-title, .vwlc-ring { animation: none; }
  .vwlc-ring { display: none; }
  #vw-lastcall, #vw-lastcall-corner { transition: none; }
}
