/* ========================================
   EMPOWERING BUSINESSES - CSS CLEANUP
   Remove all interfering styles for old class
   Only allow empowering-section-rebuild.css to style the new section
   ======================================== */

/* DISABLE ALL OLD EMPOWERING BUSINESSES SECTION STYLES */
/* The new section uses .empowering-businesses-section-new */
/* Old styles for .empowering-businesses-section should not interfere */

/* Completely override old section styles - prevent any interference */
.empowering-businesses-section:not(.empowering-businesses-section-new) {
    display: none !important; /* Hide old section if it exists */
}

/* Ensure new section is isolated from old styles */
.empowering-businesses-section-new {
    /* Only styled by empowering-section-rebuild.css */
    /* No interference from old styles */
    isolation: isolate !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Override any old grid styles that might interfere */
.empowering-businesses-section-new .stats-grid {
    display: none !important; /* Old grid class - not used in new section */
}

/* Ensure Bootstrap row works properly */
.empowering-businesses-section-new .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}

/* Ensure Bootstrap columns work properly */
.empowering-businesses-section-new .col-12,
.empowering-businesses-section-new .col-md-6,
.empowering-businesses-section-new .col-lg-4 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    margin-bottom: 0 !important;
    position: relative !important;
}

/* Force proper display for stat cards */
.empowering-businesses-section-new .stat-card-new {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
}

/* Override any old stat-card styles */
.empowering-businesses-section-new .stat-card {
    display: none !important; /* Old card class - not used */
}

/* Override any old stat-icon styles */
.empowering-businesses-section-new .stat-icon {
    display: none !important; /* Old icon class - not used */
}

/* Override any old stat-number styles */
.empowering-businesses-section-new .stat-number {
    display: none !important; /* Old number class - not used */
}

/* Override any old stat-label styles */
.empowering-businesses-section-new .stat-label {
    display: none !important; /* Old label class - not used */
}

/* Override any old stat-content styles */
.empowering-businesses-section-new .stat-content {
    display: none !important; /* Old content class - not used */
}

/* Ensure Bootstrap columns work at all breakpoints */
@media (min-width: 992px) {
    .empowering-businesses-section-new .col-lg-4 {
        flex: 0 0 auto !important;
        width: 33.33333333% !important;
        max-width: 33.33333333% !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .empowering-businesses-section-new .col-md-6 {
        flex: 0 0 auto !important;
        width: 50% !important;
        max-width: 50% !important;
    }
}

@media (max-width: 767.98px) {
    .empowering-businesses-section-new .col-12 {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Remove any JavaScript-injected styles that might hide cards */
.empowering-businesses-section-new *[style*="display: none"],
.empowering-businesses-section-new *[style*="visibility: hidden"] {
    display: flex !important;
    visibility: visible !important;
}

/* Ensure g-4 gap works */
.empowering-businesses-section-new .row.g-4 {
    --bs-gutter-x: 1.5rem !important;
    --bs-gutter-y: 1.5rem !important;
    margin-left: calc(var(--bs-gutter-x) * -0.5) !important;
    margin-right: calc(var(--bs-gutter-x) * -0.5) !important;
}

.empowering-businesses-section-new .row.g-4 > * {
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    margin-top: var(--bs-gutter-y) !important;
}

/* Prevent any grid display from interfering */
.empowering-businesses-section-new .row {
    display: flex !important;
    flex-wrap: wrap !important;
}

/* Override any display: grid that might be applied */
.empowering-businesses-section-new .row[style*="display: grid"],
.empowering-businesses-section-new .row[style*="grid-template-columns"] {
    display: flex !important;
    flex-wrap: wrap !important;
}