/* css/egg.css */

/* Yumurta butonu (oran ve görsel) */
.btn-egg{
  position: relative;
  width: 100%;
  /* min-height: 140px;  --> KALDIRILDI */
  min-height: 0;                 /* mobilde daha kompakt */
  aspect-ratio: 3 / 4;           /* oranı koruyoruz */

  background: none !important;
  background-image: url('../assets/img/egg/whole_egg.webp') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;

  transition: transform .15s ease, box-shadow .2s ease;
}

/* Basma hissi (JS .is-pressed ekliyor) */
.btn-egg:active,
.btn-egg.is-pressed{
  transform: translateY(3px) scale(.995);
  box-shadow: 0 10px 22px rgba(23,50,77,.16);
}

/* Etiket (kelime) */
.btn-egg .label{
  font-size: clamp(22px, 7vw, 34px);
  font-family: 'ttkb';
  letter-spacing: .2px;
  transition: opacity .18s ease;
}


/* DOĞRU SEÇİM → gülen yumurta + label gizle */
.btn-egg.is-happy{
  background-image: url('../assets/img/egg/egg_smile.webp') !important;
}
.btn-egg.is-happy .label{
  opacity: 0;
  visibility: hidden;                 /* DOM’da kalsın ama görünmesin */
}

/* Aktif satır nefes efekti (opsiyonel) */
@keyframes eggBreath {
  0%,100%{ box-shadow:0 18px 32px rgba(23,50,77,.18) }
  50%    { box-shadow:0 22px 40px rgba(23,50,77,.24) }
}
.ladder-row.is-active .btn-egg{
  animation: eggBreath 1600ms ease-in-out infinite;
}

/* Tamamlanan satır: pasif + yeşil aura */
.ladder-row.is-done .btn-egg{
  pointer-events: none !important;
  box-shadow: 0 0 0 6px rgba(56,176,0,.18), 0 18px 32px rgba(23,50,77,.18);
}

/* Yanlışta çatlak overlay (varsa görseli kullan) */
.btn-egg.is-cracked::after{
  content:"";
  position:absolute; inset:0;
  background: center / 84% 84% no-repeat url('../assets/img/egg/egg_crack.webp');
  opacity:0; transform:scale(.96);
  animation: crackIn 280ms ease-out forwards;
}
@keyframes crackIn{ to{ opacity:1; transform:scale(1); } }
.btn-egg.is-cracked { background-image: none !important; }