/**
 * KC Feature List Widget Styles
 * Works with Elementor's icon-list classes for maximum compatibility
 */

/* Remove default Elementor widget container spacing */
.elementor-widget-kc_feature_list .elementor-widget-container {
    margin: 0;
    padding: 0;
}

/* Base list styles */
.elementor-icon-list-items {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* List item */
.elementor-icon-list-item {
    display: flex;
    align-items: flex-start;
    line-height: 1.6;
}

/* Icon container */
.elementor-icon-list-icon {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.elementor-icon-list-icon svg {
    width: 1em;
    height: 1em;
}

.elementor-icon-list-icon i {
    font-size: inherit;
}

/* Text */
.elementor-icon-list-text {
    flex: 1;
}

/* Field label (for array fields) */
.elementor-icon-list-label {
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: inherit;
}

/* Layout: Traditional (Vertical) */
.elementor-icon-list--layout-traditional .elementor-icon-list-item {
    display: flex;
}

/* Layout: Inline (Horizontal) */
.elementor-icon-list--layout-inline {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.elementor-icon-list--layout-inline .elementor-icon-list-item {
    display: inline-flex;
    margin-right: 1rem;
}

.elementor-icon-list--layout-inline .elementor-icon-list-item:last-child {
    margin-right: 0;
}

/* Hover effects */
.elementor-icon-list-item {
    transition: all 0.3s ease;
}

/* Responsive */
@media (max-width: 767px) {
    .elementor-icon-list--layout-inline {
        flex-direction: column;
    }

    .elementor-icon-list--layout-inline .elementor-icon-list-item {
        margin-right: 0;
    }
}