/**
 * GLOBAL SEARCH PLACEHOLDER FIX
 * Ensures the placeholder text is crisp, clear, and readable on all devices/modes.
 */

/* Force hardware acceleration off for text to prevent some blurring artifacts */
.universal-header__search-input,
.mobile-search-input {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: none !important;
}

/* UNIVERSAL & MOBILE INPUT PLACEHOLDERS */
.universal-header__search-input::placeholder,
.mobile-search-input::placeholder,
#universal-search::placeholder,
#mobile-search-input::placeholder {
    opacity: 1 !important;
    /* Fix browser defaults */
    text-shadow: none !important;
    /* Remove any potential shadow */
    font-weight: 400 !important;
    /* Ensure consistent weight */
    letter-spacing: 0.3px !important;
    /* Improve legibility slightly */
}

/* Light Mode Defaults - High Contrast */
.universal-header__search-input::placeholder,
.mobile-search-input::placeholder {
    color: #4A4A4A !important;
    /* Darker gray for better visibility */
    -webkit-text-fill-color: #4A4A4A !important;
    opacity: 1 !important;
}

/* Dark Mode Overrides - High Contrast */
html.dark-mode .universal-header__search-input::placeholder,
body.dark-mode .universal-header__search-input::placeholder,
[data-theme="dark"] .universal-header__search-input::placeholder,
html.dark-mode .mobile-search-input::placeholder,
body.dark-mode .mobile-search-input::placeholder,
[data-theme="dark"] .mobile-search-input::placeholder {
    color: #B0B3B8 !important;
    /* Lighter gray for dark backgrounds (Google/FB standard) */
    -webkit-text-fill-color: #B0B3B8 !important;
    /* For WebKit/iOS */
    opacity: 1 !important;
    text-shadow: none !important;
}