@layer utilities {
  /* מסגרת צ'אט עבה ומקצועית בכחול כהה */
  .chat-border-heavy {
    @apply border-[3px] border-[#002147] shadow-[0_30px_70px_rgba(0,33,71,0.1)];
  }
  
  /* פס כחול עדין תחת המילה המתחלפת */
  .blue-underline {
    @apply relative inline-block;
  }
  .blue-underline::after {
    content: '';
    @apply absolute bottom-1 left-0 w-full h-[5px] bg-[#4f46e5]/20 rounded-full -z-10;
  }

  /* כרטיסיית זכוכית נקייה בסגנון אפל */
  .glass-panel {
    @apply bg-white/90 backdrop-blur-2xl border border-white/50 shadow-xl;
  }

  /* כפתור עגול כחול - ללא אותיות גדולות */
  .btn-primary {
    @apply bg-[#4f46e5] text-white px-10 py-3 rounded-full font-bold transition-all duration-300 hover:bg-[#4338ca] hover:shadow-xl active:scale-95 inline-block text-center cursor-pointer text-base normal-case tracking-normal;
  }

  .btn-dark {
    @apply bg-[#002147] text-white px-8 py-4 rounded-full font-bold transition-all duration-300 hover:bg-black active:scale-95 inline-block text-center cursor-pointer text-xs normal-case tracking-normal;
  }

  .soft-card {
    @apply bg-white border border-[#d2d2d7] rounded-[2rem] transition-all duration-500 hover:shadow-xl;
  }

  .input-field {
    @apply bg-white border border-slate-200 px-4 py-3.5 rounded-xl text-slate-800 font-medium transition-all duration-300 focus:border-[#4f46e5] outline-none;
  }
}

/* עיצוב גוף הדף */
body {
  @apply text-slate-800 overflow-x-hidden bg-[#ececec];
  font-family: "Plus Jakarta Sans", "Heebo", sans-serif;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

/* ביטול אותיות גדולות גורף מכל האתר */
h1, h2, h3, h4, span, a, button, div {
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* צבע המילה המתחלפת */
#changing-text {
  @apply text-[#4f46e5] font-bold;
  text-transform: none !important;
}

/* רקע אפור קבוע לכל הדף */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #ececec;
  z-index: -10;
  pointer-events: none;
}

.blob-container {
  display: none !important;
}

@keyframes fadeInCustom {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fadeIn-fast {
  animation: fadeInCustom 0.4s ease-out forwards;
}

.perspective-1200 {
  perspective: 1200px;
}
.carousel-item {
  will-change: transform, opacity;
}

/* דריסת המיקום של Enable accessibility */
#enable-accessibility, 
.enable-accessibility-widget,
#enable-accessibility-button {
  top: 100px !important;    
  bottom: auto !important;
  right: 20px !important;
  left: auto !important;
  position: fixed !important;
  z-index: 2147483647 !important;
}

@media (max-width: 768px) {
  .mr-story-wrapper {
    transform: scale(0.85); /* מקטין את כל מערך ה-SVG ב-15% במובייל */
    transform-origin: center center;
  }
}