/**
 * CDSWerx Dynamic Link Widget Styles
 *
 * Layout modes for the enhanced dynamic link widget
 *
 * @since 1.1.0
 */

/* Base styles for all layouts */
.cdswerx-dynamic-link-wrapper .cdswerx-dynamic-link__link,
.cdswerx-dynamic-link-wrapper .jet-listing-dynamic-link__link {
    display: flex !important;
    align-items: center;
}

/* Icon Left Layout */
[class*="cdswerx-link-layout"][class*="-icon-left"] .jet-listing-dynamic-link__link {
    flex-direction: row !important;
}

[class*="cdswerx-link-layout"][class*="-icon-left"] .jet-listing-dynamic-link__icon {
    order: 1 !important;
}

[class*="cdswerx-link-layout"][class*="-icon-left"] .jet-listing-dynamic-link__label {
    order: 2 !important;
}

/* Icon Right Layout */
[class*="cdswerx-link-layout"][class*="-icon-right"] .jet-listing-dynamic-link__link {
    flex-direction: row !important;
}

[class*="cdswerx-link-layout"][class*="-icon-right"] .jet-listing-dynamic-link__icon {
    order: 2 !important;
}

[class*="cdswerx-link-layout"][class*="-icon-right"] .jet-listing-dynamic-link__label {
    order: 1 !important;
}

/* Icon Above Layout */
[class*="cdswerx-link-layout"][class*="-icon-above"] .jet-listing-dynamic-link__link {
    flex-direction: column !important;
}

[class*="cdswerx-link-layout"][class*="-icon-above"] .jet-listing-dynamic-link__icon {
    order: 1 !important;
}

[class*="cdswerx-link-layout"][class*="-icon-above"] .jet-listing-dynamic-link__label {
    order: 2 !important;
}

/* Icon Below Layout */
[class*="cdswerx-link-layout"][class*="-icon-below"] .jet-listing-dynamic-link__link {
    flex-direction: column !important;
}

[class*="cdswerx-link-layout"][class*="-icon-below"] .jet-listing-dynamic-link__icon {
    order: 2 !important;
}

[class*="cdswerx-link-layout"][class*="-icon-below"] .jet-listing-dynamic-link__label {
    order: 1 !important;
}

/* Spread Layout - The main feature! */
[class*="cdswerx-link-layout"][class*="-spread"] .jet-listing-dynamic-link {
    width: 100% !important;
}

[class*="cdswerx-link-layout"][class*="-spread"] .jet-listing-dynamic-link__link {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    align-self: stretch !important;
    width: 100% !important;
}

[class*="cdswerx-link-layout"][class*="-spread"] .jet-listing-dynamic-link__icon {
    order: 2 !important;
    flex-shrink: 0;
}

[class*="cdswerx-link-layout"][class*="-spread"] .jet-listing-dynamic-link__label {
    order: 1 !important;
    flex-grow: 1;
}

/* ========================================
   RESPONSIVE: Tablet (max-width: 1024px)
   ======================================== */
@media (max-width: 1024px) {
    /* Icon Left - Tablet */
    [class*="cdswerx-link-layout-tablet-icon-left"] .jet-listing-dynamic-link__link {
        flex-direction: row !important;
    }
    [class*="cdswerx-link-layout-tablet-icon-left"] .jet-listing-dynamic-link__icon {
        order: 1 !important;
    }
    [class*="cdswerx-link-layout-tablet-icon-left"] .jet-listing-dynamic-link__label {
        order: 2 !important;
    }

    /* Icon Right - Tablet */
    [class*="cdswerx-link-layout-tablet-icon-right"] .jet-listing-dynamic-link__link {
        flex-direction: row !important;
    }
    [class*="cdswerx-link-layout-tablet-icon-right"] .jet-listing-dynamic-link__icon {
        order: 2 !important;
    }
    [class*="cdswerx-link-layout-tablet-icon-right"] .jet-listing-dynamic-link__label {
        order: 1 !important;
    }

    /* Icon Above - Tablet */
    [class*="cdswerx-link-layout-tablet-icon-above"] .jet-listing-dynamic-link__link {
        flex-direction: column !important;
    }
    [class*="cdswerx-link-layout-tablet-icon-above"] .jet-listing-dynamic-link__icon {
        order: 1 !important;
    }
    [class*="cdswerx-link-layout-tablet-icon-above"] .jet-listing-dynamic-link__label {
        order: 2 !important;
    }

    /* Icon Below - Tablet */
    [class*="cdswerx-link-layout-tablet-icon-below"] .jet-listing-dynamic-link__link {
        flex-direction: column !important;
    }
    [class*="cdswerx-link-layout-tablet-icon-below"] .jet-listing-dynamic-link__icon {
        order: 2 !important;
    }
    [class*="cdswerx-link-layout-tablet-icon-below"] .jet-listing-dynamic-link__label {
        order: 1 !important;
    }

    /* Spread - Tablet */
    [class*="cdswerx-link-layout-tablet-spread"] .jet-listing-dynamic-link {
        width: 100% !important;
    }
    [class*="cdswerx-link-layout-tablet-spread"] .jet-listing-dynamic-link__link {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        align-self: stretch !important;
        width: 100% !important;
    }
    [class*="cdswerx-link-layout-tablet-spread"] .jet-listing-dynamic-link__icon {
        order: 2 !important;
    }
    [class*="cdswerx-link-layout-tablet-spread"] .jet-listing-dynamic-link__label {
        order: 1 !important;
    }
}

/* ========================================
   RESPONSIVE: Mobile (max-width: 767px)
   ======================================== */
@media (max-width: 767px) {
    /* Icon Left - Mobile */
    [class*="cdswerx-link-layout-mobile-icon-left"] .jet-listing-dynamic-link__link {
        flex-direction: row !important;
    }
    [class*="cdswerx-link-layout-mobile-icon-left"] .jet-listing-dynamic-link__icon {
        order: 1 !important;
    }
    [class*="cdswerx-link-layout-mobile-icon-left"] .jet-listing-dynamic-link__label {
        order: 2 !important;
    }

    /* Icon Right - Mobile */
    [class*="cdswerx-link-layout-mobile-icon-right"] .jet-listing-dynamic-link__link {
        flex-direction: row !important;
    }
    [class*="cdswerx-link-layout-mobile-icon-right"] .jet-listing-dynamic-link__icon {
        order: 2 !important;
    }
    [class*="cdswerx-link-layout-mobile-icon-right"] .jet-listing-dynamic-link__label {
        order: 1 !important;
    }

    /* Icon Above - Mobile */
    [class*="cdswerx-link-layout-mobile-icon-above"] .jet-listing-dynamic-link__link {
        flex-direction: column !important;
    }
    [class*="cdswerx-link-layout-mobile-icon-above"] .jet-listing-dynamic-link__icon {
        order: 1 !important;
    }
    [class*="cdswerx-link-layout-mobile-icon-above"] .jet-listing-dynamic-link__label {
        order: 2 !important;
    }

    /* Icon Below - Mobile */
    [class*="cdswerx-link-layout-mobile-icon-below"] .jet-listing-dynamic-link__link {
        flex-direction: column !important;
    }
    [class*="cdswerx-link-layout-mobile-icon-below"] .jet-listing-dynamic-link__icon {
        order: 2 !important;
    }
    [class*="cdswerx-link-layout-mobile-icon-below"] .jet-listing-dynamic-link__label {
        order: 1 !important;
    }

    /* Spread - Mobile */
    [class*="cdswerx-link-layout-mobile-spread"] .jet-listing-dynamic-link {
        width: 100% !important;
    }
    [class*="cdswerx-link-layout-mobile-spread"] .jet-listing-dynamic-link__link {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        align-self: stretch !important;
        width: 100% !important;
    }
    [class*="cdswerx-link-layout-mobile-spread"] .jet-listing-dynamic-link__icon {
        order: 2 !important;
    }
    [class*="cdswerx-link-layout-mobile-spread"] .jet-listing-dynamic-link__label {
        order: 1 !important;
    }
}

/* Editor preview fixes */
.elementor-editor-active [class*="cdswerx-link-layout"][class*="-spread"] .jet-listing-dynamic-link__link {
    width: 100% !important;
}