/* iris.css — אנימציות ואינטראקציות שמחליפות את framer-motion מהאתר המקורי */

html { scroll-behavior: smooth; }

/* צבעי קישורים (מהעיצוב של Claude Design) */
a { color: #c9a96e; text-decoration: none; }
a:hover { color: #e8c99a; }

/* מיכל שקוף שמזרים כרטיסים לתוך הגריד */
.contents { display: contents; }

/* --- חלונית כתיבת ביקורת --- */
#review-modal {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background: rgba(10, 10, 10, 0.75);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease, visibility .3s ease;
}
#review-modal.open { opacity: 1; visibility: visible; }
#review-modal .review-dialog {
  width: 100%;
  max-width: 30rem;
  background: linear-gradient(135deg, #0f0f0f 0%, #1a1210 100%);
  border: 1px solid rgba(201, 169, 110, 0.25);
  border-radius: .25rem;
  padding: 2rem;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  transform: translateY(16px) scale(.98);
  transition: transform .3s cubic-bezier(.16, 1, .3, 1);
  max-height: 90vh;
  overflow-y: auto;
}
#review-modal.open .review-dialog { transform: none; }
#review-stars button { background: none; border: 0; padding: 0 2px; cursor: pointer; line-height: 0; }
#review-user img { object-fit: cover; }

/* --- אנימציות טעינה (Hero + Header) --- */
@keyframes irisFadeDown { from { opacity: 0; transform: translateY(-100px); } to { opacity: 1; transform: translateY(0); } }
@keyframes irisFadeUp   { from { opacity: 0; transform: translateY(50px); }  to { opacity: 1; transform: translateY(0); } }
@keyframes irisFadeUpSm { from { opacity: 0; transform: translateY(20px); }  to { opacity: 1; transform: translateY(0); } }
@keyframes irisFadeRight{ from { opacity: 0; transform: translateX(30px); }  to { opacity: 1; transform: translateX(0); } }
@keyframes irisGrowX    { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes irisBob      { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(8px); } }

.anim {
  opacity: 0;
  animation-duration: .7s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.16, 1, .3, 1);
}
.anim-down   { animation-name: irisFadeDown; }
.anim-up     { animation-name: irisFadeUp; }
.anim-up-sm  { animation-name: irisFadeUpSm; }
.anim-right  { animation-name: irisFadeRight; }
.anim-grow {
  transform: scaleX(0);
  transform-origin: right;
  animation: irisGrowX .6s cubic-bezier(.16, 1, .3, 1) forwards;
}
.anim-bob { animation: irisBob 2s ease-in-out infinite; }

/* --- חשיפה בגלילה (whileInView) --- */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .7s cubic-bezier(.16, 1, .3, 1), transform .7s cubic-bezier(.16, 1, .3, 1);
  transition-delay: var(--rd, 0s);
}
.reveal-x     { transform: translateX(20px); }
.reveal-scale { transform: scale(.97); }
.reveal.is-visible { opacity: 1; transform: none; }

/* --- תפריט מובייל --- */
#mobile-menu {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height .35s ease, opacity .35s ease;
}
#mobile-menu.open { max-height: 420px; opacity: 1; }

/* --- כפתור צף --- */
#floating-cta {
  opacity: 0;
  transform: translateY(20px) scale(.8);
  pointer-events: none;
  transition: opacity .4s cubic-bezier(.16, 1, .3, 1), transform .4s cubic-bezier(.16, 1, .3, 1);
}
#floating-cta.show { opacity: 1; transform: none; pointer-events: auto; }

/* --- מצב שליחה בטופס --- */
#sent-message.visible { display: flex; }