/* =============================================
   StayHack – Smooth Page Transitions
   ============================================= */

/* Fade in όταν φορτώνει η σελίδα */
@keyframes sh-fadein {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

body {
  opacity: 0;
  animation: shFadeIn 0.2s ease forwards;
}

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

.sh-fade-out {
  animation: shFadeOut 0.12s ease forwards;
}

@keyframes shFadeOut {
  from { opacity: 1; transform: translateY(0); }
  to   { opacity: 0; transform: translateY(-4px); }
}

/* Smooth για links — fade out πριν φύγει */
.sh-fade-out {
  animation: sh-fadeout 0.18s ease forwards;
}

@keyframes sh-fadeout {
  from { opacity: 1; transform: translateY(0); }
  to   { opacity: 0; transform: translateY(-8px); }
}

/* Smooth scroll παντού */
html {
  scroll-behavior: smooth;
}

/* Hover transitions σε όλα τα links */
a {
  transition: opacity 0.15s ease, color 0.15s ease;
}

/* Smooth για κάρτες και tiles */
.card, .tile, .destination-card, .activity-card, .app-blog-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  will-change: transform;
}

/* Smooth για buttons */
.btn, .btn-primary, .back-btn, .sh-tab, .sh-btn, .action-btn, .q-btn {
  transition: background 0.2s ease, color 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
}

/* Tap feedback σε mobile */
@media (hover: none) {
  a:active, button:active {
    opacity: 0.7;
    transform: scale(0.97);
  }
}