/* =========================================================================
   Otti Vitrine Web - Styles & Animations
   ========================================================================= */

/* Polices Noto chargées à la demande */
.font-ar { font-family: 'Noto Sans Arabic', system-ui, sans-serif !important; }
.font-zh { font-family: 'Noto Sans SC', system-ui, sans-serif !important; }
.font-ja { font-family: 'Noto Sans JP', system-ui, sans-serif !important; }
.font-hi { font-family: 'Noto Sans Devanagari', system-ui, sans-serif !important; }
.font-ru { font-family: 'Noto Sans', system-ui, sans-serif !important; }

/* RTL Support */
[dir="rtl"] .rtl-flip { transform: scaleX(-1); }
[dir="rtl"] .rtl-mr { margin-left: 0.5rem; margin-right: 0; }

/* Barre mobile fixée en bas */
.mobile-sticky-bar {
  padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
}

/* Animation battement de loupe (Recherche active) */
@keyframes beatingLoupe {
  0% { transform: scale(1) rotate(0deg); }
  20% { transform: scale(1.3) rotate(-12deg); }
  40% { transform: scale(1) rotate(0deg); }
  60% { transform: scale(1.3) rotate(12deg); }
  80% { transform: scale(1.15) rotate(-6deg); }
  100% { transform: scale(1) rotate(0deg); }
}
.animate-beating-loupe {
  animation: beatingLoupe 0.9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

/* Onde radar pour focus de recherche */
@keyframes radarPulseRing {
  0% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.6); }
  70% { box-shadow: 0 0 0 16px rgba(37, 99, 235, 0); }
  100% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0); }
}
.animate-radar-pulse {
  animation: radarPulseRing 1.1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

/* Effet de lueur et halo pulsant haute visibilité pour l'Espace Pro */
@keyframes proGlowPulse {
  0%, 100% {
    box-shadow: 0 0 25px rgba(16, 185, 129, 0.45), 0 0 0 2px rgba(52, 211, 153, 0.7);
    border-color: rgba(52, 211, 153, 0.9);
  }
  50% {
    box-shadow: 0 0 45px rgba(16, 185, 129, 0.85), 0 0 0 3px rgba(110, 231, 183, 1);
    border-color: rgba(110, 231, 183, 1);
  }
}
.animate-pro-glow {
  animation: proGlowPulse 2.6s ease-in-out infinite;
}