/**
 * Event Repeater Field Fallback Styles
 * This file provides alternative styles for browsers that don't support the :has() CSS selector
 */

/* Basic hiding for all hidden elements */
.codicts-cmlerf-hidden {
    display: none !important;
}

/* Alternative selectors for browsers without :has() support */
.codicts-events-repeater[data-show-name="false"] .codicts-cmlerf-event-name-field {
    display: none !important;
}

.codicts-events-repeater[data-show-date="false"] .codicts-cmlerf-event-date-field {
    display: none !important;
}

.codicts-events-repeater[data-show-location="false"] .codicts-cmlerf-event-location-field {
    display: none !important;
}

.codicts-events-repeater[data-show-url="false"] .codicts-cmlerf-event-url-field {
    display: none !important;
}

.codicts-events-repeater[data-show-description="false"] .codicts-cmlerf-event-description-field {
    display: none !important;
}

/* Ensure proper spacing between fields */
.codicts-cmlerf-item-head {
    margin-bottom: 15px;
    padding: 10px 0;
}

/* Styling for specific field types */
.codicts-cmlerf-event-name-field {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 10px;
}

.codicts-cmlerf-event-date-field {
    padding-top: 10px;
}

.codicts-cmlerf-event-location-field {
    padding-top: 10px;
}

.codicts-cmlerf-event-url-field {
    padding-top: 10px;
}

.codicts-cmlerf-event-description-field {
    padding-top: 10px;
}



/* Fix for jQuery Repeater plugin */
.codicts-cmlerf-repeater-field-wrapper {
    position: relative;
    padding: 20px;
    margin-bottom: 15px;
    border: 1px solid #eee;
    border-radius: 5px;
}