/* Custom CSS for WPForms on Contact Page - MAGO Signature */

/* Style the WPForms container */
.wpforms-container {
    margin: 0 !important;
    padding: 0 !important;
}

.wpforms-form {
    margin: 0 !important;
}

/* Style form fields */
.wpforms-field-container {
    margin: 0 !important;
}

.wpforms-field {
    margin-bottom: 1.5rem !important;
    padding: 0 !important;
}

/* Style labels */
.wpforms-field-label {
    display: block !important;
    margin-bottom: 0.5rem !important;
    font-weight: 500 !important;
    color: #333 !important;
    font-size: 1rem !important;
}

/* Style input fields */
.wpforms-field input[type="text"],
.wpforms-field input[type="email"],
.wpforms-field input[type="tel"],
.wpforms-field input[type="url"],
.wpforms-field textarea,
.wpforms-field select {
    width: 100% !important;
    padding: 1rem !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 10px !important;
    font-size: 1rem !important;
    font-family: inherit !important;
    transition: border-color 0.3s !important;
    box-sizing: border-box !important;
}

/* Focus state for inputs */
.wpforms-field input[type="text"]:focus,
.wpforms-field input[type="email"]:focus,
.wpforms-field input[type="tel"]:focus,
.wpforms-field input[type="url"]:focus,
.wpforms-field textarea:focus,
.wpforms-field select:focus {
    outline: none !important;
    border-color: #FFD93D !important;
}

/* Style textarea */
.wpforms-field textarea {
    min-height: 150px !important;
    resize: vertical !important;
}

/* Style select dropdown */
.wpforms-field select {
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 1rem center !important;
    background-size: 12px !important;
    padding-right: 2.5rem !important;
}

/* Style submit button */
.wpforms-submit-container {
    margin: 0 !important;
    padding: 0 !important;
}

.wpforms-submit {
    width: 100% !important;
    padding: 1.2rem !important;
    background: #FFD93D !important;
    color: #000 !important;
    border: none !important;
    border-radius: 50px !important;
    font-size: 1.1rem !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    font-family: inherit !important;
}

.wpforms-submit:hover {
    background: #000 !important;
    color: #FFD93D !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2) !important;
}

/* Remove default WPForms styling */
.wpforms-container .wpforms-form .wpforms-field-container:after {
    content: none !important;
}

.wpforms-container .wpforms-form .wpforms-field-container:before {
    content: none !important;
}

/* Style required field indicator */
.wpforms-required-label {
    color: #FF6B6B !important;
    font-weight: normal !important;
}

/* Style error messages */
.wpforms-error {
    color: #FF6B6B !important;
    font-size: 0.9rem !important;
    margin-top: 0.5rem !important;
}

.wpforms-field.wpforms-has-error input,
.wpforms-field.wpforms-has-error textarea,
.wpforms-field.wpforms-has-error select {
    border-color: #FF6B6B !important;
}

/* Style success message */
.wpforms-confirmation-container-full {
    background: #4ECDC4 !important;
    color: white !important;
    padding: 1.5rem !important;
    border-radius: 10px !important;
    margin-bottom: 1rem !important;
    text-align: center !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .wpforms-field input[type="text"],
    .wpforms-field input[type="email"],
    .wpforms-field input[type="tel"],
    .wpforms-field input[type="url"],
    .wpforms-field textarea,
    .wpforms-field select {
        font-size: 16px !important; /* Prevents zoom on iOS */
    }
}