/* Custom CSS or Tailwind Overrides */
/* The primary styles are generated via Tailwind CDN in the layout */

/* Premium Hover Transition */
.umkm-scale {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.umkm-scale:hover {
    transform: translateY(-6px) scale(1.02);
}

/* Glassmorphism Category background */
.umkm-glass {
    background: linear-gradient(135deg, color-mix(in srgb, var(--cat-color) 8%, transparent), color-mix(in srgb, var(--cat-color) 18%, transparent));
    backdrop-filter: blur(12px);
    border: 1px solid color-mix(in srgb, var(--cat-color) 15%, transparent);
}

/* Dynamic Card Glow */
.umkm-card-glow {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
}

.umkm-card-glow:hover {
    box-shadow: 0 20px 25px -5px color-mix(in srgb, var(--cat-color) 25%, transparent), 0 8px 10px -6px color-mix(in srgb, var(--cat-color) 20%, transparent);
}

/* Category Picker selected state (Admin Edit form) */
.category-glow-selected {
    outline: 3px solid var(--cat-color);
    outline-offset: 2px;
    box-shadow: 0 0 20px color-mix(in srgb, var(--cat-color) 40%, transparent);
    transform: scale(1.03);
    border-color: var(--cat-color) !important;
}