/**
 * Professional Placeholder Styling
 * Author: Yogesh
 * 
 * Makes placeholder text look more professional for a SAAS company
 * Applies consistent styling across all form inputs
 */

/* Base placeholder styling for all inputs and textareas */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #9CA3AF !important;
    opacity: 1 !important;
    font-weight: 400 !important;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #9CA3AF !important;
    opacity: 1 !important;
    font-weight: 400 !important;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #9CA3AF !important;
    font-weight: 400 !important;
}
:-moz-placeholder { /* Firefox 18- */
    color: #9CA3AF !important;
    opacity: 1 !important;
    font-weight: 400 !important;
}
::placeholder {
    color: #9CA3AF !important;
    opacity: 1 !important;
    font-weight: 400 !important;
}

/* Specific styling for contact form inputs */
.contacts-input::-webkit-input-placeholder,
.contacts-textarea::-webkit-input-placeholder {
    color: #9CA3AF !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}

.contacts-input::-moz-placeholder,
.contacts-textarea::-moz-placeholder {
    color: #9CA3AF !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}

.contacts-input:-ms-input-placeholder,
.contacts-textarea:-ms-input-placeholder {
    color: #9CA3AF !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}

.contacts-input::placeholder,
.contacts-textarea::placeholder {
    color: #9CA3AF !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}

/* Specific styling for banner form (phone form) */
.banner-form-text-field::-webkit-input-placeholder {
    color: #9CA3AF !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}

.banner-form-text-field::-moz-placeholder {
    color: #9CA3AF !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}

.banner-form-text-field:-ms-input-placeholder {
    color: #9CA3AF !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}

.banner-form-text-field::placeholder {
    color: #9CA3AF !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}

/* Make placeholder slightly more visible on focus */
.contacts-input:focus::-webkit-input-placeholder,
.contacts-textarea:focus::-webkit-input-placeholder,
.banner-form-text-field:focus::-webkit-input-placeholder {
    color: #6B7280 !important;
    transition: color 0.3s ease;
}

.contacts-input:focus::-moz-placeholder,
.contacts-textarea:focus::-moz-placeholder,
.banner-form-text-field:focus::-moz-placeholder {
    color: #6B7280 !important;
    transition: color 0.3s ease;
}

.contacts-input:focus:-ms-input-placeholder,
.contacts-textarea:focus:-ms-input-placeholder,
.banner-form-text-field:focus:-ms-input-placeholder {
    color: #6B7280 !important;
    transition: color 0.3s ease;
}

.contacts-input:focus::placeholder,
.contacts-textarea:focus::placeholder,
.banner-form-text-field:focus::placeholder {
    color: #6B7280 !important;
    transition: color 0.3s ease;
}

/* Ensure consistent font family */
input::placeholder,
textarea::placeholder {
    font-family: inherit !important;
}

/* Mobile adjustments */
@media (max-width: 479px) {
    .contacts-input::placeholder,
    .contacts-textarea::placeholder,
    .banner-form-text-field::placeholder {
        font-size: 14px !important;
    }
}