/* Custom Umbraco Forms Theme - Figma Design */

/* Form container styling is handled by Form.cshtml - cream background, etc. */

/* Input field styling */
.umbraco-forms input[type="text"],
.umbraco-forms input[type="email"],
.umbraco-forms input[type="tel"],
.umbraco-forms select,
.umbraco-forms textarea {
    width: 100% !important;
    background: white !important;
    border: 1px solid #efe7d1 !important;
    border-radius: 4px !important;
    padding: 12px !important;
    font-size: 18px !important;
    font-family: 'Open Sans', sans-serif !important;
    color: #202a44 !important;
    line-height: 1.6 !important;
}

/* Input field focus states */
.umbraco-forms input[type="text"]:focus,
.umbraco-forms input[type="email"]:focus,
.umbraco-forms input[type="tel"]:focus,
.umbraco-forms select:focus,
.umbraco-forms textarea:focus {
    border-color: #202a44 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(32, 42, 68, 0.1) !important;
}

/* Textarea specific */
.umbraco-forms textarea {
    min-height: 200px !important;
    resize: vertical !important;
}

/* Label styling */
.umbraco-forms label,
.umbraco-forms legend {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #202a44 !important;
    font-family: 'Open Sans', sans-serif !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* Field wrapper styling */
.umbraco-forms .umbraco-forms-field-wrapper {
    margin-bottom: 16px !important;
}

/* Select dropdown styling */
.umbraco-forms select {
    height: 48px !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23202a44' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 20px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

/* Checkbox styling */
.umbraco-forms input[type="checkbox"] {
    width: auto !important;
    margin-right: 8px !important;
}

/* Submit button - already styled correctly by Form.cshtml */
.umbraco-forms input[type="submit"] {
    background: #ffc106 !important;
    color: #202a44 !important;
    border: none !important;
    padding: 12px 32px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    font-family: 'Open Sans', sans-serif !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
}

.umbraco-forms input[type="submit"]:hover {
    background: #e6ad05 !important;
}

/* Validation error styling */
.umbraco-forms .field-validation-error {
    color: #dc2626 !important;
    font-size: 14px !important;
    margin-top: 4px !important;
    display: block !important;
}

/* Required indicator */
.umbraco-forms .umbraco-forms-indicator {
    color: #dc2626 !important;
    margin-left: 4px !important;
}