/* CloudSynQ Event Builder - Critical Icon Fixes */
/* This file contains the most important fixes for icon alignment and color control */

/* CRITICAL: Force icon alignment - highest specificity */
.csq-event-card .csq-event-meta > div,
.csq-single-event-card .csq-event-meta > div {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

/* CRITICAL: Force icon dimensions and positioning */
.csq-event-card i.fas,
.csq-event-card i.far,
.csq-event-card i.fab,
.csq-single-event-card i.fas,
.csq-single-event-card i.far,
.csq-single-event-card i.fab {
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    text-align: center !important;
    vertical-align: middle !important;
    margin-right: 12px !important;
    font-size: 14px !important;
    line-height: 16px !important;
    position: relative !important;
    top: -1px !important;
    flex-shrink: 0 !important;
}

/* CRITICAL: Attendees alignment */
.csq-event-card .csq-attendees,
.csq-single-event-card .csq-attendees {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* CRITICAL: Color control - must override everything */
.elementor-widget-cloudsynq-single-event .csq-event-card i,
.elementor-widget-cloudsynq-events-list .csq-event-card i,
body .elementor-widget-cloudsynq-single-event i,
body .elementor-widget-cloudsynq-events-list i {
    color: inherit !important;
}

/* CRITICAL: Multi-line date handling */
.csq-event-datetime {
    align-items: flex-start !important;
}

.csq-event-datetime i {
    margin-top: 1px !important;
}

/* CRITICAL: Override any conflicting styles from themes or plugins */
.csq-event-card * {
    box-sizing: border-box !important;
}

/* CRITICAL: Font Awesome reliability */
.csq-meta-icon::before,
.csq-attendees-icon::before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}