/*
Theme Name: Webcast Guru Theme
Description: A custom theme designed specifically for the Webcast Guru Plugin with Tailwind CSS
Version: 1.0.0
Author: Webcast Guru
Text Domain: webcast-guru-theme
*/

/* WordPress-specific overrides */
.wp-block-image img {
    @apply max-w-full h-auto;
}

.wp-block-gallery {
    @apply flex flex-wrap gap-4;
}

.wp-block-gallery .blocks-gallery-item {
    @apply flex-grow;
}

/* Custom utility styles for Tailwind integration */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Custom scrollbar for better UX */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 3px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Dark mode scrollbar */
.dark .custom-scrollbar::-webkit-scrollbar-track {
    background: #374151;
}

.dark .custom-scrollbar::-webkit-scrollbar-thumb {
    background: #6b7280;
}

.dark .custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}