/**
 * EZO Widgets Base Styles
 * 
 * Essential structural styles only - all other styles are generated dynamically
 * 
 * @package EZO_Child
 * @since 1.0.0
 */

/* ============================================
   Essential CTA Buttons Widget Structure
   Minimal CSS - most styles generated via Elementor controls
   ============================================ */

.ezo-cta-buttons-wrapper {
    display: flex;
}

.ezo-cta-buttons-layout-inline .ezo-cta-buttons-wrapper,
.ezo-cta-buttons-layout-inline-tablet .ezo-cta-buttons-wrapper,
.ezo-cta-buttons-layout-inline-mobile .ezo-cta-buttons-wrapper {
    flex-direction: row;
}

.ezo-cta-buttons-layout-stacked .ezo-cta-buttons-wrapper,
.ezo-cta-buttons-layout-stacked-tablet .ezo-cta-buttons-wrapper,
.ezo-cta-buttons-layout-stacked-mobile .ezo-cta-buttons-wrapper {
    flex-direction: column;
}

.ezo-cta-button-item {
    display: flex;
    flex-direction: column;
}

.ezo-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
}

.ezo-button-icon-left,
.ezo-button-icon-right {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.ezo-button-icon-left svg,
.ezo-button-icon-right svg {
    display: block;
    width: 1em;
    height: 1em;
}


/* Mobile responsive - stack buttons on small screens when inline */
@media (max-width: 767px) {
    .ezo-cta-buttons-layout-inline .ezo-cta-buttons-wrapper {
        flex-direction: column;
    }
}