/**
 * T+ — شاشة الافتتاح (#splash) · دبوس أخضر
 */

#splash.screen.splash {
  background: #ffffff !important;
  display: none;
  z-index: 20;
}

#splash.screen.splash.on {
  display: flex;
  align-items: center;
  justify-content: center;
  animation: splashFadeIn 0.32s ease-out both !important;
}

#splash.screen.splash.is-leaving {
  animation: splashFadeOut 0.28s ease-in forwards !important;
  pointer-events: none;
}

@keyframes splashFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes splashFadeOut {
  to { opacity: 0; }
}

#splash .splash-bg {
  display: none;
}

#splash .splash-core {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  animation: splashMarkIn 0.42s cubic-bezier(0.25, 0.1, 0.25, 1) 0.04s both;
}

@keyframes splashMarkIn {
  from { opacity: 0; transform: scale(0.92); }
  to { opacity: 1; transform: scale(1); }
}

#splash.screen.splash.is-leaving .splash-core {
  animation: splashMarkOut 0.28s ease-in forwards;
}

@keyframes splashMarkOut {
  to { opacity: 0; transform: scale(1); }
}

#splash .splash-mark {
  position: relative;
  width: min(88px, 24vw);
  display: grid;
  place-items: center;
  pointer-events: none;
}

#splash .splash-mark::after {
  content: '';
  position: absolute;
  bottom: 2%;
  left: 50%;
  width: 44%;
  height: 9%;
  transform: translateX(-50%);
  background: radial-gradient(ellipse, rgba(15, 23, 42, 0.1) 0%, transparent 72%);
  pointer-events: none;
}

#splash .splash-logo-pin--solo {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  filter: drop-shadow(0 6px 14px rgba(22, 163, 74, 0.12));
}

#splash .splash-pin-body {
  stroke: #15803d;
  stroke-width: 0.95;
  stroke-linejoin: round;
  paint-order: stroke fill;
}

#splash .splash-pin-shine {
  pointer-events: none;
}

#splash .splash-pin-dot {
  fill: #ffffff;
  stroke: #15803d;
  stroke-width: 0.75;
  paint-order: stroke fill;
}

@media (prefers-reduced-motion: reduce) {
  #splash.screen.splash.on,
  #splash .splash-core {
    animation: none !important;
  }
}