/* ==============================================================================
   EDUHUB AI — SAFARI, WEBKIT & MOBILE CROSS-BROWSER COMPATIBILITY
   Ensures glassmorphism backdrop-blur, smooth touch scrolling & mobile UX
   ============================================================================== */
header,
nav,
.backdrop-blur,
.backdrop-blur-sm,
.backdrop-blur-md,
.backdrop-blur-lg,
.backdrop-blur-xl,
.backdrop-blur-2xl,
.backdrop-blur-3xl,
.glass-card,
.premium-card,
.paywall-floating-overlay,
.paywall-glass-card,
.mobile-bottom-dock {
    -webkit-backdrop-filter: blur(14px) !important;
    backdrop-filter: blur(14px) !important;
}

*, ::before, ::after {
    -webkit-tap-highlight-color: transparent;
}

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-bottom: env(safe-area-inset-bottom, 0px);
}

.overflow-x-auto,
.overflow-y-auto {
    -webkit-overflow-scrolling: touch;
}

/* Prevent iOS Safari aggressive auto-zoom on input focus */
@media screen and (max-width: 768px) {
    input, select, textarea {
        font-size: 16px !important;
    }
}

/* Sleek horizontal scrollbar hiding for mobile chips */
.no-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    height: 0 !important;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Tactile mobile tap feedback */
.tap-active:active {
    transform: scale(0.97);
    transition: transform 0.1s ease;
}

/* Floating Mobile Bottom Dock Safe Spacing */
.mobile-bottom-dock {
    padding-bottom: max(10px, env(safe-area-inset-bottom, 10px));
}