/* =============================================================
   Able Care — Elementor Overrides
   Fixes Elementor defaults that conflict with Tailwind/theme CSS
   ============================================================= */

/* --- Box-sizing reset (Tailwind uses border-box globally) --- */
.elementor *,
.elementor *::before,
.elementor *::after {
    box-sizing: border-box;
}

/* --- Strip Elementor default section padding so Tailwind py-* works --- */
.elementor-section.elementor-section-boxed > .elementor-container,
.elementor-section > .elementor-container {
    max-width: 100%;
}

.elementor-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 0 !important;
}

/* --- Full-width containers (Able Care widgets manage their own max-w-7xl) --- */
.elementor-section.elementor-section-stretched {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
}

.elementor-section-content-middle > .elementor-container {
    align-items: stretch;
}

/* --- Prevent Elementor from overriding our font stack --- */
.elementor-widget-container {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.elementor-widget-container h1,
.elementor-widget-container h2,
.elementor-widget-container h3,
.elementor-widget-container h4,
.elementor-widget-container h5,
.elementor-widget-container h6 {
    font-family: inherit;
    line-height: inherit;
}

/* --- Remove Elementor's default column gap --- */
.elementor-row {
    column-gap: 0;
}

/* --- Widget inner wrap --- */
.elementor-widget-wrap {
    padding: 0 !important;
}

/* --- Elementor inner section padding reset --- */
.elementor-inner-section .elementor-column-gap-default .elementor-element-populated {
    padding: 0 !important;
}

/* --- Fix z-index stacking so our fixed header stays on top --- */
.elementor-section {
    z-index: auto;
}

#site-header {
    z-index: 9999 !important;
}

/* --- Elementor edit mode: restore visible padding for empty sections --- */
.elementor-editor-active .elementor-section:empty,
.elementor-editor-active .elementor-widget-empty-title {
    min-height: 40px;
    padding: 10px !important;
}

/* --- Hero slider margin fix: widget already handles margin-top:80px --- */
#hero-slider {
    position: relative;
}

/* --- Prevent Elementor image widget from adding unwanted figure margin --- */
.elementor-widget-image figure {
    margin: 0;
    line-height: 0;
}

.elementor-widget-image img {
    display: block;
    max-width: 100%;
}

/* --- Remove extra Elementor button styling conflicts --- */
.elementor-button-wrapper .elementor-button {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

/* --- Elementor popup / overlay z-index --- */
.elementor-popup-modal {
    z-index: 10000;
}

/* --- Mobile: Elementor adds horizontal scroll sometimes --- */
@media (max-width: 767px) {
    .elementor-section {
        overflow: visible;
    }
    .elementor-row {
        flex-wrap: wrap;
    }
}