/* Privacy Blur - Base Styles */
.fi-privacy-blur {
    /* Prevent selection of blurred text to prevent accidental copying of sensitive data */
    user-select: none;
    pointer-events: auto;
    transition: filter 0.3s ease, color 0.3s ease, text-shadow 0.3s ease;
}

/* Blur amounts - different levels of blur intensity (kept subtle) */
.fi-pb-1 { filter: blur(1px); }
.fi-pb-2 { filter: blur(1.5px); }
.fi-pb-3 { filter: blur(2px); }
.fi-pb-4 { filter: blur(2.5px); }
.fi-pb-5 { filter: blur(3px); }
.fi-pb-6 { filter: blur(3.5px); }
.fi-pb-8 { filter: blur(4.5px); }
.fi-pb-10 { filter: blur(6px); }

/* Text transparent - softly hides content while blur effect works (Adaptive Theme) */
.fi-text-transparent {
    /* Muted dark text for light mode */
    color: rgba(15, 23, 42, 0.4) !important; 
}

html.dark .fi-text-transparent,
.dark .fi-text-transparent {
    /* Muted light text for dark mode */
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Hover support - reveal on hover */
.fi-hover:hover {
    filter: blur(0px) !important;
    user-select: auto !important;
    color: inherit !important;
    text-shadow: none !important;
}

/* Form inputs: remove blur when focused */
input.fi-privacy-blur:focus,
textarea.fi-privacy-blur:focus,
.fi-privacy-blur:focus-within {
    filter: blur(0px) !important;
    user-select: auto !important;
}

/* Click reveal - shown state */
[data-is-revealed="true"] {
    filter: blur(0px) !important;
    user-select: auto !important;
    color: inherit !important;
    text-shadow: none !important;
}

/* Cursor pointer for clickable elements (both wrapper and inner span) */
.fi-cursor-pointer,
[data-privacy-click] {
    cursor: pointer;
}