/* Custom CSS */
html, body {
    scroll-behavior: smooth;
}

.hero-overlay {
    background: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.6));
}

/* เพิ่ม Animation การลอยขึ้นลง */
@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-15px); /* ขยับขึ้นไป 15px */
    }
    100% {
        transform: translateY(0px);
    }
}

.animate-float {
    /* เรียกใช้ animation ชื่อ float นาน 4 วินาที วนลูปตลอดไป */
    animation: float 4s ease-in-out infinite;
}

/* style.css */

/* ซ่อน Scrollbar แต่ยังเลื่อนได้ */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* ================================
   Toast Animation (Bounce-in)
   ================================ */

@keyframes bounce-in {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  60% {
    transform: scale(1.05);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.animate-bounce-in {
  animation: bounce-in 0.45s ease-out;
}


/* Loading Spinner */
.loader {
    border: 6px solid #f3f3f3;
    border-top: 6px solid #007A66;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}