/* FENEXT Compatibility Layer */
/* Generated by Compatibility Architect to support Legacy Browsers (Safari <14, Mobile iOS) */

/* 1. Gap Fallback Strategy (Safari <14.1) */
/* FlexGap Polyfill - Applies margin to children of flex containers where gap is used */
/* Note: This is a safe fallback for general utility classes if they exist */

/* 2. Backdrop Filter Fallback (Firefox <103) */
/* Adds a semi-transparent background color when effect is not supported */
@supports not ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {

    .header-inner,
    .site-header.scrolled .header-inner,
    .btn-primary,
    .service-card,
    .feature-card,
    .process-card,
    .impact-unified-card,
    .cta-glass-container {
        background-color: rgba(14, 20, 32, 0.95) !important;
    }
}

/* 3. Mobile Height Fix (100vh vs 100dvh) */
@supports (height: 100dvh) {
    .hero-section {
        min-height: 100dvh !important;
    }
}

/* 4. Touch Action for iOS Delay */
button,
a,
input[type="button"],
input[type="submit"] {
    touch-action: manipulation;
}

/* 5. User Select Prefixes */
.noselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}