/* Custom Styles for Product Catalog */

/* Product Card Styles */
.product-card {
    @apply bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 hover:shadow-xl hover:scale-105;
}

.product-card:hover {
    @apply shadow-xl;
}

.product-image {
    @apply w-full h-48 object-cover bg-gray-200;
}

.product-title {
    @apply text-lg font-semibold text-gray-800 mb-2;
}

.product-price {
    @apply text-2xl font-bold text-blue-600;
}

/* Category Card Styles */
.category-card {
    @apply bg-white rounded-lg shadow-md p-6 transition-all duration-300 hover:shadow-lg hover:bg-blue-50;
}

/* Button Styles */
.btn-primary {
    @apply px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors;
}

.btn-secondary {
    @apply px-4 py-2 bg-gray-600 text-white rounded-lg hover:bg-gray-700 transition-colors;
}

.btn-danger {
    @apply px-4 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors;
}

.btn-success {
    @apply px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 transition-colors;
}

/* Form Styles */
.form-input {
    @apply w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent;
}

.form-label {
    @apply block text-sm font-medium text-gray-700 mb-2;
}

/* Table Styles */
.admin-table {
    @apply w-full border-collapse;
}

.admin-table th {
    @apply bg-gray-100 text-gray-700 font-semibold text-left px-4 py-3 border-b;
}

.admin-table td {
    @apply px-4 py-3 border-b;
}

.admin-table tbody tr:hover {
    @apply bg-gray-50;
}

/* Alert Styles */
.alert-success {
    @apply bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded-lg mb-4;
}

.alert-error {
    @apply bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded-lg mb-4;
}

.alert-info {
    @apply bg-blue-100 border border-blue-400 text-blue-700 px-4 py-3 rounded-lg mb-4;
}