/* ==========================================================================
   GYEONGJU TRAVEL WEBSITE CUSTOM STYLES
   ========================================================================== */

/* Smooth Scrolling */
html {
  scroll-behavior: smooth;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #F7F4EB;
}
::-webkit-scrollbar-thumb {
  background: #C5A059;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #B28E46;
}

/* Typography polish */
.font-serif {
  font-family: 'Gowun Batang', serif;
}

/* Subtle Zoom animation for Hero background */
@keyframes subtleZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.04);
  }
  100% {
    transform: scale(1);
  }
}

.animate-subtle-zoom {
  animation: subtleZoom 25s ease-in-out infinite;
}

/* Timeline vertical line connector */
.itinerary-timeline::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
}

/* Card hover transitions */
.timeline-spot {
  transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease;
}

.timeline-spot:hover {
  transform: translateX(4px);
}

/* Category filter hide state */
.spot-hidden {
  display: none !important;
}

/* Checklist item completed state */
.checklist-item.completed {
  background-color: #F8FAFC;
  opacity: 0.65;
  text-decoration: line-through;
}

/* Print Styling */
@media print {
  #mainNav,
  .hero-action-ctas,
  #calculator,
  #checklist,
  #tips,
  footer,
  #toast,
  .day-tab-btn,
  .cat-filter-btn {
    display: none !important;
  }

  body {
    background-color: white !important;
    color: black !important;
    font-size: 11pt;
  }

  .day-content {
    display: block !important;
    page-break-after: always;
  }

  .timeline-spot {
    border: 1px solid #ccc !important;
    box-shadow: none !important;
    margin-bottom: 15px !important;
    page-break-inside: avoid;
  }
}