/* 23G — Dikkat çekici, paylaşılabilir site hissi */

/* --- Hero: canlı gradient başlık --- */
body.motion-home-active .hero--tobacco h1 {
  color: #e8f4ef;
  background: linear-gradient(
    120deg,
    #e8f4ef 0%,
    #4ecf8f 35%,
    #d4a853 65%,
    #7ec8e8 100%
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: wow-title-shine 6s ease-in-out infinite;
}

@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
  body.motion-home-active .hero--tobacco h1 {
    -webkit-text-fill-color: #e8f4ef;
    color: #e8f4ef;
    background: none;
  }
}

@keyframes wow-title-shine {
  0%, 100% { background-position: 0% center; }
  50% { background-position: 100% center; }
}

/* --- Butonlar: ışık süpürme --- */
.btn-primary,
.hero__cta .btn-primary {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.btn-primary::after {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 80%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.35),
    transparent
  );
  transform: skewX(-18deg);
  animation: wow-btn-sweep 3.5s ease-in-out infinite;
}

@keyframes wow-btn-sweep {
  0%, 70%, 100% { left: -120%; }
  35% { left: 140%; }
}

/* --- Özellik kartları: neon hover --- */
#view-home .feature-card.motion-revealed {
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s ease;
}

#view-home .feature-card:not(.motion-tilt):hover {
  transform: translateY(-10px) scale(1.02) !important;
  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.4),
    0 0 30px rgba(78, 207, 143, 0.25),
    0 0 0 1px rgba(78, 207, 143, 0.35) !important;
}

/* --- Sayfa geçişi: sinematik --- */
.spa-page-enter--auth {
  animation-name: wow-enter-auth !important;
  animation-duration: 0.65s !important;
}

.spa-page-enter--dashboard {
  animation-name: wow-enter-dash !important;
  animation-duration: 0.7s !important;
}

.spa-page-exit--auth {
  animation-name: wow-exit-auth !important;
}

@keyframes wow-enter-auth {
  from {
    opacity: 0;
    transform: perspective(800px) translateY(60px) rotateX(8deg) scale(0.9);
    filter: blur(8px);
  }
  to {
    opacity: 1;
    transform: none;
    filter: none;
  }
}

@keyframes wow-exit-auth {
  to {
    opacity: 0;
    transform: translateY(-30px) scale(1.05);
    filter: blur(6px);
  }
}

@keyframes wow-enter-dash {
  from {
    opacity: 0;
    transform: scale(1.05);
    filter: blur(12px) brightness(1.2);
  }
  60% {
    filter: blur(2px) brightness(1.05);
  }
  to {
    opacity: 1;
    transform: none;
    filter: none;
  }
}

/* --- Giriş gözü: dikkat çekici nabız --- */
.spa-view[data-view="login"].auth-page-ready .login-eye-outer {
  animation: wow-eye-beacon 2.5s ease-in-out infinite !important;
}

@keyframes wow-eye-beacon {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(78, 207, 143, 0.45), 0 20px 60px rgba(0, 0, 0, 0.45);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 0 18px rgba(78, 207, 143, 0), 0 24px 70px rgba(78, 207, 143, 0.2);
    transform: scale(1.04);
  }
}

/* --- Panel metrik kartları --- */
.spa-view[data-view="dashboard"].dash-page-ready .metric-card {
  animation: wow-metric-pop 0.6s cubic-bezier(0.34, 1.45, 0.64, 1) both;
}

.spa-view[data-view="dashboard"].dash-page-ready .metric-card:nth-child(1) { animation-delay: 0.05s; }
.spa-view[data-view="dashboard"].dash-page-ready .metric-card:nth-child(2) { animation-delay: 0.1s; }
.spa-view[data-view="dashboard"].dash-page-ready .metric-card:nth-child(3) { animation-delay: 0.15s; }
.spa-view[data-view="dashboard"].dash-page-ready .metric-card:nth-child(5) { animation-delay: 0.25s; }

@keyframes wow-metric-pop {
  from {
    opacity: 0;
    transform: translateY(30px) scale(0.85);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

/* --- Hava kutusu: cam üstü kart --- */
.panel--weather {
  animation: wow-weather-card 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes wow-weather-card {
  from {
    opacity: 0;
    transform: translateY(24px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.spa-transition-toast.is-visible {
  animation: wow-toast-pop 0.5s cubic-bezier(0.34, 1.5, 0.64, 1) forwards !important;
  border-color: rgba(78, 207, 143, 0.55) !important;
  box-shadow: 0 0 24px rgba(78, 207, 143, 0.3) !important;
}

@keyframes wow-toast-pop {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(-20px) scale(0.8);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.motion-home-active .hero--tobacco h1 {
    animation: none;
    color: #e8f4ef;
    background: none;
    -webkit-text-fill-color: inherit;
  }

  .btn-primary::after {
    display: none;
  }
}