/* Target very specifically - use the ID or form context */
form textarea#requests,
form textarea[name="requests"],
.contact3-form textarea {  /* .contact3-form is a common wrapper class in Contact3 */
    width: 100% !important;
    min-height: 180px !important;   /* Start taller – adjust up to 250px if needed */
    height: auto !important;
    padding: 15px !important;
    font-size: 1.1rem !important;
    line-height: 1.6 !important;
    border: 2px solid #999 !important;  /* Temporary border to see if it's applying */
    border-radius: 8px !important;
    box-sizing: border-box !important;
    resize: vertical !important;
}

/* Grow even more on larger screens */
@media (min-width: 768px) {
    form textarea#requests,
    form textarea[name="requests"],
    .contact3-form textarea {
        min-height: 220px !important;
    }
}

/* Debug: Make background stand out so you know CSS loaded */
form textarea#requests {
    background-color: #f8fff8 !important;  /* Light green – remove later if it works */
}
