/* FORSA cinematic splash — rays, logo bounce, FORSA / فرصة / tagline */

body.forsa-home .av-siteloader-wrap,
html.av-preloader-active body.forsa-home .av-siteloader-wrap {
  display: none !important;
  visibility: hidden !important;
}

body.forsa-splash-active {
  overflow: hidden;
}

.forsa-splash {
  position: fixed;
  inset: 0;
  z-index: 1000001;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  transition: opacity 0.65s ease, visibility 0.65s;
}

.forsa-splash.is-done {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.forsa-splash__rays,
.forsa-splash__particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.forsa-splash__ray {
  position: absolute;
  width: 1.5px;
  height: 280px;
  left: 50%;
  top: calc(50% - 280px);
  background: linear-gradient(to bottom, transparent, rgba(201, 168, 76, 0.2), transparent);
  transform-origin: center bottom;
  opacity: 0;
  animation: forsaSplashRay 1.2s ease-out 0.15s forwards;
}

@keyframes forsaSplashRay {
  0% { opacity: 0; transform: rotate(var(--r)) scaleY(0); }
  100% { opacity: 1; transform: rotate(var(--r)) scaleY(1); }
}

.forsa-splash__rings {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.forsa-splash__ring {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  border: 1px solid rgba(201, 168, 76, 0.18);
  opacity: 0;
  animation: forsaSplashRing 2.6s ease-out var(--rd, 1.1s) 2;
}

.forsa-splash__ring--bg1 { width: 270px; height: 270px; --rd: 1.1s; }
.forsa-splash__ring--bg2 { width: 360px; height: 360px; --rd: 1.55s; }
.forsa-splash__ring--logo {
  width: 230px;
  height: 230px;
  --rd: 1.3s;
  margin: 0;
}

@keyframes forsaSplashRing {
  0% { opacity: 0.55; transform: translate(-50%, -50%) scale(0.85); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(1.65); }
}

.forsa-splash__particle {
  position: absolute;
  border-radius: 50%;
  background: #c9a84c;
  opacity: 0;
  animation: forsaSplashFloat var(--d, 3.4s) ease-in-out var(--delay, 0.1s) infinite;
}

@keyframes forsaSplashFloat {
  0% { opacity: 0; transform: translateY(0) scale(0.5); }
  20% { opacity: 0.5; }
  80% { opacity: 0.15; }
  100% { opacity: 0; transform: translateY(-300px) scale(1.2); }
}

.forsa-splash__content {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.forsa-splash__logo-slot {
  position: relative;
}

.forsa-splash__logo-img {
  width: 180px;
  height: 180px;
  object-fit: contain;
  background: transparent;
  opacity: 0;
  filter: drop-shadow(0 0 28px rgba(201, 168, 76, 0.55));
  animation: forsaSplashLogo 1.1s cubic-bezier(0.22, 1, 0.36, 1) 0.15s forwards;
  display: block;
}

@keyframes forsaSplashLogo {
  0% { opacity: 0; transform: scale(0.35) translateY(50px); }
  60% { opacity: 1; transform: scale(1.07) translateY(-6px); }
  100% { opacity: 1; transform: scale(1) translateY(0); }
}

.forsa-splash__divider {
  width: 0;
  height: 1px;
  background: linear-gradient(to right, transparent, #c9a84c, transparent);
  margin: 12px auto;
  animation: forsaSplashLine 0.8s ease-out var(--ld, 1.4s) forwards;
}

.forsa-splash__divider--1 { --ld: 0.9s; }
.forsa-splash__divider--2 { --ld: 1.05s; }

@keyframes forsaSplashLine {
  0% { width: 0; opacity: 0; }
  100% { width: 190px; opacity: 1; }
}

.forsa-splash__brand-name {
  font-family: var(--forsa-brand-font, 'Butler', Georgia, serif);
  font-size: 34px;
  font-weight: 700;
  letter-spacing: 10px;
  color: #c9a84c;
  opacity: 0;
  text-transform: uppercase;
  animation: forsaSplashSlideUp 0.9s ease-out 1.1s forwards;
}

.forsa-splash__brand-ar {
  font-family: var(--forsa-brand-font-ar, 'Amiri', 'Traditional Arabic', serif);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  color: rgba(201, 168, 76, 0.55);
  opacity: 0;
  animation: forsaSplashSlideUp 0.9s ease-out 1.4s forwards;
}

.forsa-splash__tagline {
  font-family: var(--forsa-brand-font, 'Butler', Georgia, serif);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 4px;
  color: rgba(201, 168, 76, 0.4);
  opacity: 0;
  text-transform: uppercase;
  animation: forsaSplashSlideUp 0.9s ease-out 1.7s forwards;
  margin: 0;
}

@keyframes forsaSplashSlideUp {
  0% { opacity: 0; transform: translateY(18px); }
  100% { opacity: 1; transform: translateY(0); }
}

.forsa-splash__skip {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 12;
  background: transparent;
  border: 1px solid rgba(201, 168, 76, 0.35);
  color: rgba(255, 255, 255, 0.82);
  padding: 0.5rem 1.5rem;
  border-radius: 999px;
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
  opacity: 0;
  animation: forsaSplashSlideUp 0.5s ease 1s forwards;
  transition: border-color 0.3s, color 0.3s, background 0.3s;
}

.forsa-splash__skip:hover {
  border-color: #c9a84c;
  color: #c9a84c;
  background: rgba(201, 168, 76, 0.08);
}

@media (prefers-reduced-motion: reduce) {
  .forsa-splash { display: none !important; }
}