/*
 * Safari/iOS Compatibility Fixes
 * إصلاحات التوافق مع Safari و iOS
 */

/* =========================================
   1. Text Gradient Fix (background-clip: text)
   ========================================= */

/* إصلاح gradient على النصوص */
.bg-clip-text,
[class*="bg-clip-text"] {
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}

/* Fallback للمتصفحات القديمة */
@supports not (-webkit-background-clip: text) {
    .bg-clip-text,
    [class*="bg-clip-text"] {
        -webkit-text-fill-color: inherit;
        text-fill-color: inherit;
        color: inherit;
    }
}

/* =========================================
   2. Backdrop Filter Fix
   ========================================= */

/* إصلاح backdrop-filter */
.backdrop-blur,
.backdrop-blur-sm,
.backdrop-blur-md,
.backdrop-blur-lg,
[class*="backdrop-blur"] {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.backdrop-blur-sm {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

.backdrop-blur-md {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.backdrop-blur-lg {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

/* Fallback للمتصفحات التي لا تدعم backdrop-filter */
@supports not (backdrop-filter: blur(8px)) {
    .backdrop-blur,
    .backdrop-blur-sm,
    .backdrop-blur-md,
    .backdrop-blur-lg,
    [class*="backdrop-blur"] {
        background-color: rgba(0, 0, 0, 0.3) !important;
    }
}

/* =========================================
   3. Gradient Fix
   ========================================= */

/* إصلاح gradients للتأكد من ظهورها بشكل صحيح */
.bg-gradient-to-r,
.bg-gradient-to-l,
.bg-gradient-to-t,
.bg-gradient-to-b,
.bg-gradient-to-br,
.bg-gradient-to-bl,
[class*="bg-gradient"] {
    background-image: -webkit-linear-gradient(left, var(--tw-gradient-stops));
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

/* Safari-specific gradient fixes */
@supports (-webkit-appearance: none) {
    .bg-gradient-to-r {
        background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-from)), to(var(--tw-gradient-to)));
        background-image: -webkit-linear-gradient(left, var(--tw-gradient-from), var(--tw-gradient-to));
        background-image: linear-gradient(to right, var(--tw-gradient-from), var(--tw-gradient-to));
    }

    .bg-gradient-to-l {
        background-image: -webkit-gradient(linear, right top, left top, from(var(--tw-gradient-from)), to(var(--tw-gradient-to)));
        background-image: -webkit-linear-gradient(right, var(--tw-gradient-from), var(--tw-gradient-to));
        background-image: linear-gradient(to left, var(--tw-gradient-from), var(--tw-gradient-to));
    }
}

/* Fallback لـ gradients المعقدة */
@supports not (background: linear-gradient(to right, #000, #fff)) {
    .bg-gradient-to-r,
    .bg-gradient-to-l,
    .bg-gradient-to-t,
    .bg-gradient-to-b,
    [class*="bg-gradient"] {
        background-color: var(--tw-gradient-from, #2563eb);
    }
}

/* =========================================
   4. إصلاحات إضافية لـ Safari/iOS
   ========================================= */

/* تحسين rendering على Safari */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* إصلاح scroll سلس على iOS */
html {
    -webkit-overflow-scrolling: touch;
}

/* إصلاح sticky position على Safari */
.sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}

/* منع zoom على input في iOS */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="url"],
select,
textarea {
    font-size: 16px !important;
}

/* إصلاح tap highlight على iOS */
* {
    -webkit-tap-highlight-color: transparent;
}

a, button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}