/* Elementor Editor Styles for Yoga Widgets */

.elementor-widget-yoga-hero,
.elementor-widget-yoga-about,
.elementor-widget-yoga-services,
.elementor-widget-yoga-what-we-do,
.elementor-widget-yoga-why-choose,
.elementor-widget-yoga-benefits,
.elementor-widget-yoga-intro-video,
.elementor-widget-yoga-how-it-work,
.elementor-widget-yoga-features,
.elementor-widget-yoga-pricing,
.elementor-widget-yoga-testimonials,
.elementor-widget-yoga-faqs,
.elementor-widget-yoga-blog,
.elementor-widget-yoga-footer,
.elementor-widget-yoga-classes-list {
    /* Ensure widgets display properly in editor */
    min-height: 200px;
}

/* Widget icons in Elementor panel */
.elementor-element[data-widget_type="yoga-hero"] .elementor-element-icon,
.elementor-element[data-widget_type="yoga-about"] .elementor-element-icon,
.elementor-element[data-widget_type="yoga-services"] .elementor-element-icon,
.elementor-element[data-widget_type="yoga-what-we-do"] .elementor-element-icon,
.elementor-element[data-widget_type="yoga-why-choose"] .elementor-element-icon,
.elementor-element[data-widget_type="yoga-benefits"] .elementor-element-icon,
.elementor-element[data-widget_type="yoga-intro-video"] .elementor-element-icon,
.elementor-element[data-widget_type="yoga-how-it-work"] .elementor-element-icon,
.elementor-element[data-widget_type="yoga-features"] .elementor-element-icon,
.elementor-element[data-widget_type="yoga-pricing"] .elementor-element-icon,
.elementor-element[data-widget_type="yoga-testimonials"] .elementor-element-icon,
.elementor-element[data-widget_type="yoga-faqs"] .elementor-element-icon,
.elementor-element[data-widget_type="yoga-blog"] .elementor-element-icon,
.elementor-element[data-widget_type="yoga-footer"] .elementor-element-icon {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

/* Preview styles for editor */
.elementor-editor .hero,
.elementor-editor .about-us,
.elementor-editor .our-services,
.elementor-editor .what-we-do,
.elementor-editor .why-choose-us,
.elementor-editor .our-benefits,
.elementor-editor .intro-video,
.elementor-editor .how-it-work,
.elementor-editor .our-features,
.elementor-editor .our-pricing,
.elementor-editor .our-testimonials,
.elementor-editor .our-faqs,
.elementor-editor .our-blog,
.elementor-editor .footer-main {
    /* Ensure proper spacing in editor */
    margin: 20px 0;
    padding: 20px 0;
}

/* Classes List Widget - Override section-row margin */
.classes-list-widget .section-row {
    margin-bottom: 10px !important;
}