@import "tailwindcss";
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;700;900&display=swap');

@theme {
  --font-sans: "Vazirmatn", system-ui, -apple-system, sans-serif;
}

/* Scrollbar Hiding for Horizontal Tabs Scroll */
.scrollbar-none {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.scrollbar-none::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera */
}

/* Standalone Styling adjustments for non-standard PWA installations */
@media (display-mode: standalone) {
  body {
    user-select: none;
    -webkit-tap-highlight-color: transparent;
  }
}

/* Animations helper classes */
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(-16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.animate-slide-in {
  animation: slideIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.animate-slide-up {
  animation: slideUp 0.45s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.animate-fade-in {
  animation: fadeIn 0.3s ease-out forwards;
}

/* Toast scale up/down animation */
.toast-active {
  opacity: 1 !important;
  transform: translate(-50%, 0) scale(1) translateY(0) !important;
  pointer-events: auto !important;
}

/* Responsive segment/tab transitions */
.active-tab-btn {
  background-color: var(--color-blue-600) !important;
  color: var(--color-white) !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
}