@import 'fonts.css';
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .mobile-nav-link {
    @apply flex items-center justify-center text-center text-slate-700 hover:text-teal-600 font-semibold uppercase tracking-[0.2em] transition-all py-5 border-b border-slate-200 last:border-b-0;
  }
}

/* Fix GLightbox portrait centering which conflicts with Tailwind reset */
.gslide-image img {
  object-fit: contain;
  max-height: 100vh !important;
  max-width: 100vw !important;
  width: auto !important;
  height: auto !important;
}