/* Custom CSS untuk Bakehouse */
/* Tailwind CSS sudah termasuk via CDN */

/* Contoh custom styles */
.custom-card {
    @apply bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow;
}

.btn-primary {
    @apply bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded;
}

/* Responsive utilities */
@media (max-width: 768px) {
    .mobile-full {
        width: 100%;
    }
}

.fade-overlay {
    background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
    opacity: 0;
    transition: opacity 1s ease;
}

.parent:hover .fade-overlay {
    opacity: 1;
}