/**
 * Custom Icon List Widget - Responsive Layout & Hover Styles
 */

/* -------------------------------------------------------
   BASE TRANSITION for smooth hover effects
   ------------------------------------------------------- */
.elementor-widget-icon-list .elementor-icon-list-item {
    transition-property: color, background-color, background, border-color, box-shadow, transform, border-radius;
    transition-timing-function: ease-in-out;
    transition-duration: 300ms; /* default, overridden by widget control */
}

.elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon i,
.elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon svg,
.elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-text {
    transition-property: color, fill;
    transition-timing-function: ease-in-out;
    transition-duration: 300ms;
}

/* -------------------------------------------------------
   RESPONSIVE LAYOUT OVERRIDES
   Elementor generates prefix classes like:
     elementor-icon-list--layout-traditional  (desktop)
     elementor-tablet-icon-list--layout-inline (tablet)
     elementor-mobile-icon-list--layout-inline (mobile)
   ------------------------------------------------------- */

/* Desktop: Traditional (vertical) */
.elementor-icon-list--layout-traditional .elementor-icon-list-items {
    display: flex;
    flex-direction: column;
}

.elementor-icon-list--layout-traditional .elementor-icon-list-item {
    display: flex;
    width: 100%;
}

/* Desktop: Inline (horizontal) */
.elementor-icon-list--layout-inline .elementor-icon-list-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.elementor-icon-list--layout-inline .elementor-icon-list-item {
    display: inline-flex;
    width: auto;
}

.elementor-icon-list--layout-inline .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child)::after {
    content: "";
}

/* ------ TABLET OVERRIDES ------ */
@media (max-width: 1024px) {
    .elementor-tablet-icon-list--layout-traditional .elementor-icon-list-items {
        display: flex;
        flex-direction: column;
    }

    .elementor-tablet-icon-list--layout-traditional .elementor-icon-list-item {
        display: flex;
        width: 100%;
    }

    .elementor-tablet-icon-list--layout-inline .elementor-icon-list-items {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .elementor-tablet-icon-list--layout-inline .elementor-icon-list-item {
        display: inline-flex;
        width: auto;
    }
}

/* ------ MOBILE OVERRIDES ------ */
@media (max-width: 767px) {
    .elementor-mobile-icon-list--layout-traditional .elementor-icon-list-items {
        display: flex;
        flex-direction: column;
    }

    .elementor-mobile-icon-list--layout-traditional .elementor-icon-list-item {
        display: flex;
        width: 100%;
    }

    .elementor-mobile-icon-list--layout-inline .elementor-icon-list-items {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .elementor-mobile-icon-list--layout-inline .elementor-icon-list-item {
        display: inline-flex;
        width: auto;
    }
}