
<style>
select[multiple] {
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow-y: hidden;
}

select[multiple] option {
    padding: 8px;
    margin: 2px 0;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

select[multiple] option:hover {
    background-color: #f0f0f0;
}

/* Style for selected options */
select[multiple] option:checked {
    background: #e0f0ff linear-gradient(0deg, #e0f0ff 0%, #e0f0ff 100%);
    color: #000;
}

.poster-type-hint {
    font-size: 0.9em;
    color: #666;
    margin: 5px 0;
    font-style: italic;
}

/* Add visual feedback for selected items */
@-moz-document url-prefix() {
    select[multiple] option:checked {
        background: #e0f0ff;
        box-shadow: 0 0 10px 100px #e0f0ff inset;
    }
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
    var posterTypeSelect = document.getElementById('poster_type');
    if (posterTypeSelect) {
        // Set initial height with extra padding (increased from 10 to 25)
        var optionCount = posterTypeSelect.options.length;
        var totalHeight = (optionCount * 35) + 25; // Increased padding
        posterTypeSelect.style.height = totalHeight + 'px';
        posterTypeSelect.size = optionCount;

        // Prevent default multiple selection behavior
        posterTypeSelect.addEventListener('mousedown', function(e) {
            e.preventDefault();
            
            var option = e.target;
            if (option.tagName === 'OPTION') {
                option.selected = !option.selected; // Toggle selection
                
                // Check if we're at the maximum selections
                var selectedOptions = Array.from(this.selectedOptions);
                if (selectedOptions.length > 20) {
                    option.selected = false;
                    alert('You can only select up to 20 poster types');
                }
            }
        });

        // Prevent text selection
        posterTypeSelect.addEventListener('selectstart', function(e) {
            e.preventDefault();
        });

        // Optional: Add visual feedback when clicking
        posterTypeSelect.addEventListener('click', function(e) {
            if (e.target.tagName === 'OPTION') {
                // Add a brief highlight effect
                e.target.style.transition = 'background-color 0.2s';
                e.target.style.backgroundColor = '#f0f0ff';
                setTimeout(() => {
                    e.target.style.backgroundColor = '';
                }, 200);
            }
        });
    }
});
</script>
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="https://bibaevents.com/wp-sitemap-index.xsl" ?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><sitemap><loc>https://bibaevents.com/wp-sitemap-posts-page-1.xml</loc></sitemap></sitemapindex>
