/* ===================================
   FLOATING FRUITS BACKGROUND
   Fundal animat cu fructe plutitoare
   =================================== */

/* Container pentru fructe */
.floating-fruits-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
}

/* Face page-frame semi-transparent pentru a vedea fructele */
.page-frame {
  background: rgba(255, 252, 247, 0.85) !important;
}

/* Fiecare fruct plutitor */
.floating-fruit {
  position: absolute;
  opacity: 0.18;
  font-size: 2.5rem;
  animation: float 8s ease-in-out infinite;
  user-select: none;
}

/* Poziționare și timing diferit pentru fiecare fruct */
.floating-fruit:nth-child(1) {
  top: 5%;
  left: 3%;
  font-size: 2.8rem;
  animation-delay: 0s;
  animation-duration: 7s;
}

.floating-fruit:nth-child(2) {
  top: 12%;
  right: 5%;
  font-size: 2.2rem;
  animation-delay: 1.5s;
  animation-duration: 9s;
}

.floating-fruit:nth-child(3) {
  top: 25%;
  left: 8%;
  font-size: 2rem;
  animation-delay: 3s;
  animation-duration: 8s;
}

.floating-fruit:nth-child(4) {
  top: 35%;
  right: 4%;
  font-size: 2.5rem;
  animation-delay: 0.5s;
  animation-duration: 10s;
}

.floating-fruit:nth-child(5) {
  top: 50%;
  left: 2%;
  font-size: 1.8rem;
  animation-delay: 2s;
  animation-duration: 7.5s;
}

.floating-fruit:nth-child(6) {
  top: 55%;
  right: 6%;
  font-size: 2.3rem;
  animation-delay: 4s;
  animation-duration: 8.5s;
}

.floating-fruit:nth-child(7) {
  top: 70%;
  left: 5%;
  font-size: 2.6rem;
  animation-delay: 1s;
  animation-duration: 9s;
}

.floating-fruit:nth-child(8) {
  top: 75%;
  right: 3%;
  font-size: 2rem;
  animation-delay: 2.5s;
  animation-duration: 7s;
}

.floating-fruit:nth-child(9) {
  top: 88%;
  left: 7%;
  font-size: 2.2rem;
  animation-delay: 3.5s;
  animation-duration: 8s;
}

.floating-fruit:nth-child(10) {
  top: 92%;
  right: 8%;
  font-size: 2.4rem;
  animation-delay: 0.8s;
  animation-duration: 9.5s;
}

/* Extra fructe pentru mai multă densitate */
.floating-fruit:nth-child(11) {
  top: 18%;
  left: 15%;
  font-size: 1.6rem;
  opacity: 0.12;
  animation-delay: 5s;
  animation-duration: 11s;
}

.floating-fruit:nth-child(12) {
  top: 42%;
  right: 12%;
  font-size: 1.8rem;
  opacity: 0.12;
  animation-delay: 6s;
  animation-duration: 10s;
}

.floating-fruit:nth-child(13) {
  top: 65%;
  left: 12%;
  font-size: 1.5rem;
  opacity: 0.10;
  animation-delay: 4.5s;
  animation-duration: 12s;
}

.floating-fruit:nth-child(14) {
  top: 82%;
  right: 15%;
  font-size: 1.7rem;
  opacity: 0.12;
  animation-delay: 2.2s;
  animation-duration: 9s;
}

/* Animația de plutire */
@keyframes float {
  0%, 100% {
    transform: translateY(0) rotate(0deg) scale(1);
  }
  25% {
    transform: translateY(-15px) rotate(5deg) scale(1.03);
  }
  50% {
    transform: translateY(-8px) rotate(-3deg) scale(0.97);
  }
  75% {
    transform: translateY(-20px) rotate(6deg) scale(1.02);
  }
}

/* Gradient subtil colorat pe fundalul body */
body {
  background: 
    radial-gradient(ellipse at 5% 15%, rgba(255, 150, 150, 0.12) 0%, transparent 40%),
    radial-gradient(ellipse at 95% 20%, rgba(255, 220, 100, 0.12) 0%, transparent 35%),
    radial-gradient(ellipse at 10% 85%, rgba(255, 180, 100, 0.10) 0%, transparent 40%),
    radial-gradient(ellipse at 90% 80%, rgba(180, 255, 180, 0.10) 0%, transparent 35%),
    radial-gradient(ellipse at 50% 50%, rgba(255, 200, 200, 0.08) 0%, transparent 50%),
    #faf6ef !important;
}

/* ===================================
   RESPONSIVE
   =================================== */
@media (max-width: 768px) {
  .floating-fruit {
    opacity: 0.12;
    font-size: 1.8rem !important;
  }
  
  /* Ascunde fructele extra pe mobile */
  .floating-fruit:nth-child(n+9) {
    display: none;
  }

  .page-frame {
    background: rgba(255, 252, 247, 0.9) !important;
  }
}

@media (max-width: 480px) {
  .floating-fruit {
    opacity: 0.10;
    font-size: 1.5rem !important;
  }
  
  /* Păstrează doar 6 fructe pe telefoane */
  .floating-fruit:nth-child(n+7) {
    display: none;
  }
}

/* ===================================
   REDUCE MOTION (accesibilitate)
   =================================== */
@media (prefers-reduced-motion: reduce) {
  .floating-fruit {
    animation: none;
  }
}