.wcwp-form-fields {
margin: 0 0 8px;
}
.wcwp-field-wrap {
margin-bottom: 12px;
} .wcwp-input,
.wcwp-select {
width: 100%;
padding: 8px;
border: 1px solid #d0d0d0;
border-radius: 3px;
font-size: 0.95em;
color: #111;
background: #fff;
box-sizing: border-box;
transition: border-color 0.15s, box-shadow 0.15s;
}
.wcwp-input:focus,
.wcwp-select:focus {
outline: none;
border-color: #007cba;
box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.2);
}
textarea.wcwp-input {
resize: vertical;
min-height: 80px;
vertical-align: top;
} .wcwp-field-wrap .select2-container {
width: 100% !important;
}
.wcwp-field-wrap .select2-selection--multiple {
border: 1px solid #d0d0d0;
border-radius: 3px;
min-height: 36px;
padding: 2px 4px;
}
.wcwp-field-wrap .select2-container--open .select2-selection--multiple,
.wcwp-field-wrap .select2-container--focus .select2-selection--multiple {
border-color: #007cba;
box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.2);
outline: none;
} .wcwp-radio-group {
display: flex;
flex-wrap: wrap;
gap: 6px 20px;
padding: 2px 0;
}
.wcwp-radio-label {
display: inline-flex;
align-items: center;
gap: 6px;
cursor: pointer;
}
.wcwp-radio-label input[type="radio"] {
width: auto;
margin: 0;
flex-shrink: 0;
} .wcwp-file-hint {
display: block;
font-size: 0.82em;
color: #6b7280;
margin-bottom: 5px;
}
.wcwp-file-input {
display: block;
width: 100%;
padding: 7px 10px;
border: 1px dashed #d0d0d0;
border-radius: 3px;
background: #fff;
cursor: pointer;
font-size: 0.9em;
box-sizing: border-box;
transition: border-color 0.15s, background 0.15s;
}
.wcwp-file-input:hover {
border-color: #007cba;
background: #f0f7fc;
} .required {
color: #dc2626;
} .wcwp-notice-error {
background: #f8d7da;
border: 1px solid #dc3545;
border-radius: 3px;
padding: 10px 14px;
margin-bottom: 1rem;
color: #58151c;
}
.wcwp-notice-success {
background: #e3fdeb;
border: 1px solid #26b303;
border-radius: 3px;
padding: 10px 14px;
margin-bottom: 1rem;
color: #0a4a18;
} .wcwp-field-wrap[data-condition-field] { }