/* Global placeholder styling to make all placeholder text lighter and more temporary looking */

/* Standard placeholder pseudo-element */
::placeholder {
    color: #c0c0c0 !important;
    opacity: 0.6 !important;
    font-style: italic !important;
}

/* Webkit browsers (Chrome, Safari, newer Edge) */
::-webkit-input-placeholder {
    color: #c0c0c0 !important;
    opacity: 0.6 !important;
    font-style: italic !important;
}

/* Mozilla Firefox 19+ */
::-moz-placeholder {
    color: #c0c0c0 !important;
    opacity: 0.6 !important;
    font-style: italic !important;
}

/* Mozilla Firefox 4-18 */
:-moz-placeholder {
    color: #c0c0c0 !important;
    opacity: 0.6 !important;
    font-style: italic !important;
}

/* Internet Explorer 10-11 */
:-ms-input-placeholder {
    color: #c0c0c0 !important;
    opacity: 0.6 !important;
    font-style: italic !important;
}

/* Microsoft Edge */
::-ms-input-placeholder {
    color: #c0c0c0 !important;
    opacity: 0.6 !important;
    font-style: italic !important;
}

/* For contenteditable elements with data-placeholder attribute */
[contenteditable]:empty:before {
    content: attr(data-placeholder);
    color: #c0c0c0 !important;
    opacity: 0.6 !important;
    font-style: italic !important;
    pointer-events: none;
    display: block;
}

/* Form control placeholders */
.form-control::placeholder,
.form-select::placeholder,
textarea::placeholder,
input::placeholder {
    color: #c0c0c0 !important;
    opacity: 0.6 !important;
    font-style: italic !important;
}

/* Bootstrap form floating labels when placeholder is shown */
/* Removed custom form-floating styles */

/* Make sure placeholder text doesn't interfere with typing */
[contenteditable]:focus:empty:before {
    color: #d0d0d0 !important;
    opacity: 0.4 !important;
}