/* Elementor Compatibility CSS */

/* Ensure Elementor elements are visible */
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget,
.elementor-element,
.elementor-widget-container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Fix Elementor layout issues */
.elementor-section {
    position: relative;
    overflow: hidden;
}

.elementor-container {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
}

.elementor-row {
    display: flex !important;
    flex-wrap: wrap;
    width: 100%;
}

.elementor-column {
    display: flex !important;
    flex-direction: column;
    position: relative;
    min-height: 1px;
}

/* Fix common CSS conflicts */
.elementor * {
    box-sizing: border-box;
}

/* Ensure proper z-index */
.elementor-section {
    z-index: 1;
}

.elementor-widget {
    z-index: 2;
}

/* Fix responsive issues */
@media (max-width: 768px) {
    .elementor-column {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* Fix header/footer display on Elementor pages */
body.elementor-template-canvas #masthead,
body.elementor-template-canvas .site-header,
body.elementor-template-canvas header {
    display: block !important;
    visibility: visible !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
}

body.elementor-template-canvas #colophon,
body.elementor-template-canvas .site-footer,
body.elementor-template-canvas footer {
    display: block !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 9999 !important;
}

/* Fix Bootstrap conflicts */
.elementor-section .container {
    max-width: none !important;
    padding: 0 !important;
}

.elementor-section .row {
    margin: 0 !important;
}

.elementor-section .col,
.elementor-section [class*="col-"] {
    padding: 0 !important;
}