/* Frontend Tailwind styles with em- prefix */

/* Event container styles */
.awl_em_main_div {
    @apply em-max-w-6xl em-mx-auto em-bg-white em-rounded-lg em-shadow-lg em-overflow-hidden;
}

/* Event header styles */
.em_display_logo {
    @apply em-relative em-w-full em-mb-6;
}

.em_display_logo_image {
    @apply em-w-full em-h-64 em-md:h-80 em-lg:h-96 em-overflow-hidden em-rounded-t-lg;
}

.em_display_logo_image img {
    @apply em-w-full em-h-full em-object-cover em-transition-transform em-duration-300 hover:em-scale-105;
}

.em_display_logo_video {
    @apply em-relative em-w-full em-h-64 em-md:h-80 em-lg:h-96 em-bg-gray-900 em-rounded-t-lg em-overflow-hidden;
}

.em_display_logo_video iframe {
    @apply em-w-full em-h-full em-border-0;
}

.em_display_logo_icon {
    @apply em-flex em-items-center em-justify-center em-h-32 em-bg-gradient-to-r em-from-blue-500 em-to-purple-600 em-rounded-t-lg;
}

.em_display_logo_icon i {
    @apply em-text-6xl em-text-white em-drop-shadow-lg;
}

/* Event content styles */
#event_heading {
    @apply em-px-6 em-py-4 em-border-b em-border-gray-200;
}

.em_title_align {
    @apply em-text-center;
}

.em_display_title {
    @apply em-text-3xl em-md:text-4xl em-font-bold em-text-gray-800 em-mb-4 em-leading-tight;
}

.em_display_desc {
    @apply em-text-gray-600 em-leading-relaxed em-px-6 em-py-4;
}

/* Event details styles */
.em_details {
    @apply em-bg-gray-50 em-px-6 em-py-6;
}

.em_detail {
    @apply em-mb-6 em-md:mb-0;
}

.em_main_font_size {
    @apply em-text-xl em-font-semibold em-text-gray-800 em-mb-3 em-flex em-items-center;
}

.em_main_font_size::before {
    @apply em-content-[''] em-w-1 em-h-6 em-bg-blue-500 em-mr-3 em-rounded;
}

.em_hr {
    @apply em-border-t-2 em-border-blue-500 em-w-12 em-mb-4;
}

.em_nrml_font_size {
    @apply em-text-gray-700 em-mb-2 em-flex em-items-center;
}

.em_nrml_font_size i {
    @apply em-text-blue-500 em-mr-3 em-w-5 em-text-center;
}

/* Countdown styles */
.em_coundown {
    @apply em-bg-gradient-to-r em-from-purple-600 em-to-blue-600 em-text-white em-py-8 em-px-6 em-text-center;
}

.countdown-container {
    @apply em-flex em-justify-center em-items-center em-space-x-4 em-md:space-x-8;
}

.countdown-item {
    @apply em-bg-white em-bg-opacity-20 em-rounded-lg em-p-4 em-min-w-[80px] em-backdrop-blur-sm;
}

.countdown-number {
    @apply em-text-2xl em-md:text-3xl em-font-bold em-block;
}

.countdown-label {
    @apply em-text-sm em-uppercase em-tracking-wide em-opacity-90;
}

/* Booking form styles */
.em_booking_form {
    @apply em-bg-white em-p-6 em-border-t em-border-gray-200;
}

.em_booking_form h3 {
    @apply em-text-2xl em-font-semibold em-text-gray-800 em-mb-6 em-text-center;
}

.em_form_group {
    @apply em-mb-4;
}

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

.em_form_input {
    @apply em-w-full em-px-3 em-py-2 em-border em-border-gray-300 em-rounded-md em-shadow-sm focus:em-outline-none focus:em-ring-2 focus:em-ring-blue-500 focus:em-border-blue-500;
}

.em_form_button {
    @apply em-w-full em-bg-blue-600 hover:em-bg-blue-700 em-text-white em-font-semibold em-py-3 em-px-6 em-rounded-md em-transition-colors em-duration-200 em-shadow-lg hover:em-shadow-xl;
}

/* Gallery styles */
.em_gallery {
    @apply em-p-6;
}

.em_gallery_grid {
    @apply em-grid em-grid-cols-1 em-md:em-grid-cols-2 em-lg:em-grid-cols-3 em-gap-4;
}

.em_gallery_item {
    @apply em-relative em-overflow-hidden em-rounded-lg em-shadow-md hover:em-shadow-lg em-transition-shadow em-duration-300;
}

.em_gallery_item img {
    @apply em-w-full em-h-48 em-object-cover em-transition-transform em-duration-300 hover:em-scale-110;
}

/* Sponsors styles */
.em_sponsors {
    @apply em-bg-gray-50 em-p-6;
}

.em_sponsors_grid {
    @apply em-flex em-flex-wrap em-justify-center em-items-center em-gap-6;
}

.em_sponsor_item {
    @apply em-bg-white em-p-4 em-rounded-lg em-shadow-sm hover:em-shadow-md em-transition-shadow em-duration-200;
}

.em_sponsor_item img {
    @apply em-max-h-16 em-w-auto em-grayscale hover:em-grayscale-0 em-transition-all em-duration-300;
}

/* Responsive utilities */
@media (max-width: 768px) {
    .awl_em_main_div {
        @apply em-mx-4 em-rounded-none;
    }
    
    .em_display_title {
        @apply em-text-2xl;
    }
    
    .countdown-container {
        @apply em-space-x-2;
    }
    
    .countdown-item {
        @apply em-p-2 em-min-w-[60px];
    }
    
    .countdown-number {
        @apply em-text-xl;
    }
}

/* Animation utilities */
.em-fade-in {
    @apply em-opacity-0 em-transition-opacity em-duration-500;
}

.em-fade-in.em-visible {
    @apply em-opacity-100;
}

.em-slide-up {
    @apply em-transform em-translate-y-4 em-opacity-0 em-transition-all em-duration-500;
}

.em-slide-up.em-visible {
    @apply em-translate-y-0 em-opacity-100;
}