/* Minimal CSS - Everything else handled by Tailwind */

/* CSS-only dropdown functionality using Tailwind utilities */
.dropdown-menu {
    @apply opacity-0 invisible transform -translate-y-2 transition-all duration-200;
}

.group:hover .dropdown-menu {
    @apply opacity-100 visible translate-y-0;
}

/* Legacy support for unconverted pages - minimal fallback styling */
.container {
    @apply max-w-7xl mx-auto px-4;
}

h1, h2, h3, h4 {
    @apply font-bold text-gray-900 mb-4;
}

h1 { @apply text-4xl; }
h2 { @apply text-3xl; }
h3 { @apply text-xl text-forest-500; }
h4 { @apply text-lg; }

p { @apply text-gray-600 mb-4 leading-relaxed; }
a { @apply text-forest-500 hover:text-forest-600; }
ul { @apply space-y-2 text-gray-600; }
li { @apply flex items-start; }
li:before { content: "•"; @apply text-forest-500 mr-2; }

/* Optional: Custom scrollbar styling */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    @apply bg-gray-100;
}

::-webkit-scrollbar-thumb {
    @apply bg-gray-300 rounded;
}

::-webkit-scrollbar-thumb:hover {
    @apply bg-gray-400;
}

/* Print styles */
@media print {
    .no-print {
        display: none !important;
    }
}