/* ==========================================
   IFR DIWALI THEME
   Marigold Elegance
   ========================================== */

#ifr-diwali-overlay {
  position: fixed;
  inset: 0;
  z-index: 900;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  isolation: isolate;
}

/* Fireworks and petals canvas */
#ifr-diwali-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* Vertical floral hangings */
.ifr-corner-hanging {
  position: absolute;
  top: 0;
  width: 46px;
  height: 145px;
  opacity: .95;
  pointer-events: none;
  transform-origin: top center;
  animation: ifr-hanging-sway 6s ease-in-out infinite;
}

.ifr-corner-hanging.left {
  left: 2px;
}

.ifr-corner-hanging.right {
  right: 2px;
  animation-delay: -3s;
}

.ifr-corner-hanging svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* Bottom lotus rangoli */
.ifr-lotus {
  position: absolute;
  bottom: 0;
  width: 125px;
  height: 125px;
  opacity: .72;
  pointer-events: none;
  filter: drop-shadow(0 0 7px rgba(225, 166, 67, .16));
}

.ifr-lotus.left {
  left: 0;
}

.ifr-lotus.right {
  right: 0;
}

.ifr-lotus svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* Subtle bottom golden accent */
.ifr-bottom-glow {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 35%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(217, 164, 65, .3),
    transparent
  );
}

/* Animations */
@keyframes ifr-hanging-sway {
  0%, 100% {
    transform: rotate(-2deg);
  }

  50% {
    transform: rotate(2deg);
  }
}

/* Mobile */
@media (max-width: 700px) {
  .ifr-corner-hanging {
    width: 34px;
    height: 105px;
  }

  .ifr-lotus {
    width: 82px;
    height: 82px;
  }

  .ifr-bottom-glow {
    width: 25%;
  }
}

/* Reduced motion accessibility */
@media (prefers-reduced-motion: reduce) {
  .ifr-corner-hanging {
    animation: none !important;
  }
}