/* GIO Custom Styles */

/* Smooth animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes slideDown {
    from { opacity: 0; max-height: 0; overflow: hidden; }
    to { opacity: 1; max-height: 1000px; overflow: visible; }
}

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

.animate-slide-down {
    animation: slideDown 0.4s ease-out;
}

/* Flash messages */
.flash-message {
    animation: fadeIn 0.3s ease-out;
}

/* Topic block transitions */
.topic-block {
    animation: fadeIn 0.3s ease-out;
}

/* Tag input - remove default focus outline since Tailwind handles it */
.tag-input:focus {
    outline: none;
}

/* Print styles for admin */
@media print {
    header, footer, .no-print {
        display: none !important;
    }
    body {
        background: white !important;
    }
    .shadow-md, .shadow-sm {
        box-shadow: none !important;
    }
}

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
}