@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom styles for WordPress admin integration */
.hbm-admin-wrapper {
    @apply bg-gray-50 min-h-screen;
}

/* Custom scrollbar */
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    @apply bg-gray-100 rounded;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    @apply bg-gray-400 rounded;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    @apply bg-gray-500;
}

/* Animation classes */
@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.animate-slide-in {
    animation: slideIn 0.3s ease-out;
}

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

.animate-spin {
    animation: spin 1s linear infinite;
}

/* Loading spinner */
.spinner {
    @apply w-12 h-12 border-4 border-blue-200 border-t-blue-600 rounded-full;
    animation: spin 1s linear infinite;
}

/* Card hover effects */
.hover-lift {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hover-lift:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* Status badges */
.status-badge {
    @apply px-3 py-1 rounded-full text-xs font-semibold uppercase;
}

/* WordPress admin fixes */
#wpcontent {
    padding-left: 0 !important;
}

.hbm-admin-page {
    margin: -20px -20px -20px 0;
}