/* Container width and padding (fully transparent) */
.contact-form-container {
    width: 800px;                  /* desktop width */
    max-width: 100%;               /* responsive */
    margin: 0 auto;                /* center horizontally */
    padding: 10px 0;               /* less vertical padding */
    box-sizing: border-box;
    background: transparent;       /* fully transparent */
}

/* Inputs, textareas, selects */
.contact-form-container input,
.contact-form-container textarea,
.contact-form-container select {
    width: 100%;
    padding: 10px;                 /* comfortable padding */
    margin-bottom: 6px;            /* tighter spacing */
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 16px;
    line-height: 1.3;              /* tighter lines */
    background: transparent;        /* fully transparent field background */
}

/* Dropdowns specifically */
.contact-form-container select {
    height: 42px;                  /* slightly smaller dropdown height */
    font-size: 16px;
}

/* Send button - orange from logo */
.contact-form-container button,
.contact-form-container input[type="submit"] {
    background-color: #FF6A00;     /* logo orange */
    color: #ffffff;
    padding: 12px 25px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    transition: background-color 0.3s;
}

/* Hover effect for button */
.contact-form-container button:hover,
.contact-form-container input[type="submit"]:hover {
    background-color: #e55a00;     /* slightly darker orange */
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .contact-form-container {
        width: 100%;
        padding: 10px 0;
    }
    .contact-form-container input,
    .contact-form-container textarea,
    .contact-form-container select {
        font-size: 14px;
        padding: 8px;
    }
    .contact-form-container button,
    .contact-form-container input[type="submit"] {
        font-size: 15px;
        padding: 10px 20px;
    }
}