@tailwind base;
@tailwind components;
@tailwind utilities;

html,
body {
  scroll-behavior: smooth;
  font-family: 'Montserrat', sans-serif;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
  appearance: textfield;
}

article,
div,
section {
  scroll-margin-top: 70px;
}

.toast {
  @apply fixed bottom-4 right-4 translate-y-full transform rounded bg-red-500 px-6 py-3 text-white shadow-lg transition-transform duration-300;
}

.toast.show {
  @apply translate-y-0;
}

.nav-link {
  @apply px-3 py-2 text-gray-600 hover:text-gray-900;
}

.nav-link.active {
  @apply text-blue-600;
}

.contact-btn {
  @apply rounded-lg bg-blue-600 px-4 py-2 text-white transition duration-300 hover:bg-blue-700;
}

.section {
  @apply px-4 py-16 md:px-8;
}

.section-title {
  @apply mb-8 text-center text-3xl font-bold md:text-4xl;
}

.card {
  @apply rounded-lg bg-white p-6 shadow-lg;
}

html,
body {
  scroll-behavior: smooth;
}