Style Form Placeholder Text

/* Style placeholder text consistently across all browsers */

::placeholder {
    color: #9ca3af;
    font-style: italic;
    opacity: 1; /* Firefox reduces opacity by default — override it */
}

/* Focus: fade placeholder so it is less distracting while typing */
input:focus::placeholder,
textarea:focus::placeholder {
    opacity: 0.4;
    transition: opacity 0.2s ease;
}

/* Optional: slightly lighter colour inside the search widget */
.widget_search input::placeholder {
    color: #d1d5db;
    font-style: normal;
}