/* Custom styles and enhancements for Mohammad Hossein Misaghpour's Portfolio */

@layer components {
  .tech-tag {
    @apply inline-flex items-center px-2.5 py-1 rounded-lg text-[11px] font-mono font-medium bg-slate-100 dark:bg-slate-800 text-slate-700 dark:text-slate-300 border border-slate-200 dark:border-slate-700/60 hover:border-brand-500/50 transition-colors;
  }

  .skill-level {
    @apply font-mono text-[11px] px-2 py-0.5 rounded-md bg-brand-50 dark:bg-brand-950/60 text-brand-700 dark:text-brand-300 border border-brand-200/50 dark:border-brand-800/50 font-semibold;
  }
}

/* Smooth custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}

.dark ::-webkit-scrollbar-thumb {
  background: #334155;
}

::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

.dark ::-webkit-scrollbar-thumb:hover {
  background: #475569;
}

/* Custom subtle animations */
@keyframes bounceSlow {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

.animate-bounce-slow {
  animation: bounceSlow 4s ease-in-out infinite;
}

/* Print Stylesheet for clean CV printing */
@media print {
  header, footer, #toast, #theme-toggle, #mobile-menu-btn, .no-print {
    display: none !important;
  }

  body {
    background: #ffffff !important;
    color: #0f172a !important;
    font-size: 11pt;
  }

  .max-w-6xl {
    max-width: 100% !important;
    padding: 0 !important;
  }

  section {
    page-break-inside: avoid;
    margin-bottom: 24px !important;
  }

  .bg-white, .dark\:bg-slate-900\/60, .bg-slate-900\/60 {
    background: transparent !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: none !important;
  }
}