/* Homepage Form Styles - Previously in header.php */

/* All fields - transparent with white border */
#wsf-field,
#wsf-1-field-14, 
#wsf-1-field-15,
#wsf-1-field-16 {
    background-color: transparent !important;
    color: #FFFFFF !important;
    border: 1px solid #FFFFFF !important;
    border-radius: 30px !important;
    height: 50px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

#wsf-1-field-14.wsf-field[type="text"],
#wsf-1-field-15.wsf-field[type="text"],
#wsf-1-field-16.wsf-field[type="email"] {
    background-color: transparent !important;
    color: #FFFFFF !important;
    border: 1px solid #FFFFFF !important;
    border-radius: 30px !important;
    height: 60px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;        
}

/* Style the submit button - transparent with border initially */
#wsf-1-field-17,
button#wsf-1-field-17,
#wsf-1-field-17.wsf-button.wsf-button-primary, 
#wsf-1-field-17.wsf-button.wsf-button-full.wsf-button-primary {
    background-color: transparent !important;
    padding: 10px 30px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 16px !important;    
    font-weight: 500;
    letter-spacing: 0.4em;
    text-transform: uppercase;
    transition: all 0.3s ease;
    color: #FFFFFF !important;
    border: 1px solid #F8F5F2 !important;
    border-radius: 30px !important;
    height: 60px !important;
    width: 100% !important;
    cursor: pointer !important;
    position: relative !important;
    text-align: center !important;
    margin-top: 15px !important;
    overflow: hidden !important;
    transition: background-color 0.3s ease, border-color 0.3s ease !important;
}

/* Hover state - blue background */
#wsf-1-field-17:hover,
#wsf-1-field-17.wsf-button.wsf-button-primary:hover {
    background-color: #F8F5F2 !important;
    border-color: #174541 !important;
    color: #174541 !important;
}

/* Adjust placeholder color */
#wsf-1-field-14::placeholder,
#wsf-1-field-15::placeholder,
#wsf-1-field-16::placeholder {
    color: rgba(255, 255, 255, 0.9) !important;
}

#wsf-1-invalid-feedback-14.wsf-invalid-feedback,
#wsf-1-invalid-feedback-16.wsf-invalid-feedback {
    color: #FFFFFF !important;
    font-size: 14px !important;
    align-items: left !important;
}

.wsf-alert {
    background-color: #174541 !important;
    border-color: #174541 !important;
    color: #FFFFFF !important;        
}    

.wsf-alert.wsf-alert-success {
    background-color: #174541 !important;
    border-color: #174541 !important;
    color: #FFFFFF !important;
}

.wsf-alert.wsf-alert-success.p {
    background-color: #174541 !important;
    border-color: #174541 !important;
    color: #FFFFFF !important;
}