/* Base Styles */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Animation Utilities */
.fade-in {
	animation: fadeIn 0.5s ease-in-out;
}

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

/* Modal Transitions */
#imageModal {
	transition: opacity 0.3s ease;
}
#imageModal.hidden {
	opacity: 0;
	pointer-events: none;
}
#imageModal:not(.hidden) {
	opacity: 1;
	pointer-events: auto;
}

/* Horizontal Gallery Scrollbar */
.gallery-scroll::-webkit-scrollbar {
	height: 8px;
}
.gallery-scroll::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 4px;
}
.gallery-scroll::-webkit-scrollbar-thumb {
	background: #c7c7c7;
	border-radius: 4px;
}
.gallery-scroll::-webkit-scrollbar-thumb:hover {
	background: #a0a0a0;
}