/* =============================================
   MUDHAXK FINANCE — ELEMENTOR COMPATIBILITY
   ============================================= */

/* Remove padding on Elementor full-width pages */
.elementor-page .mf-page-content {
    padding: 0;
    max-width: 100%;
}

/* Elementor sections inside theme */
.elementor-section-boxed > .elementor-container {
    max-width: 1200px;
}

/* Fix for Elementor widgets in sidebar */
.mf-sidebar .elementor-widget-container {
    font-family: var(--mf-font-main);
}

/* Elementor shortcode widget */
.elementor-widget-shortcode .mf-hero-slider { margin: 0; }
.elementor-widget-shortcode .mf-stats-section { margin: 0; }
.elementor-widget-shortcode .mf-services-section { margin: 0; }
.elementor-widget-shortcode .mf-testimonials-section { margin: 0; }
.elementor-widget-shortcode .mf-blog-section { margin: 0; }

/* Theme buttons in Elementor button widget */
.elementor-button.mf-style-primary {
    background: var(--mf-primary) !important;
    border-color: var(--mf-primary) !important;
}
.elementor-button.mf-style-accent {
    background: var(--mf-accent) !important;
    border-color: var(--mf-accent) !important;
}

/* Elementor color system sync */
body {
    --e-global-color-primary:    var(--mf-primary);
    --e-global-color-secondary:  var(--mf-primary-dark);
    --e-global-color-accent:     var(--mf-accent);
    --e-global-color-text:       var(--mf-text);
}

/* Elementor heading widget */
.elementor-widget-heading .elementor-heading-title {
    font-family: var(--mf-font-heading);
}

/* Elementor full width page template */
.page-template-elementor_canvas .mf-header,
.page-template-elementor_canvas .mf-footer {
    display: none;
}

/* Elementor header/footer CPT preview */
.post-type-mf_header .elementor-preview,
.post-type-mf_footer .elementor-preview {
    background: var(--mf-bg-light);
}

/* Override Elementor's default padding for shortcode sections */
.elementor-widget-shortcode .mf-services-section,
.elementor-widget-shortcode .mf-testimonials-section,
.elementor-widget-shortcode .mf-blog-section,
.elementor-widget-shortcode .mf-why-section {
    padding-top: 60px;
    padding-bottom: 60px;
}

/* Elementor Image widget */
.elementor-widget-image img {
    border-radius: var(--mf-radius-sm);
}