/* Frontend styles for WooCommerce Custom Fields */

.wccf-fields-wrapper {
    margin-bottom: 1.5em;
    padding: 1em;
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.wccf-field-group {
    margin-bottom: 1em;
}

.wccf-field-group:last-child {
    margin-bottom: 0;
}

.wccf-group-title {
    font-size: 1.1em;
    margin: 0 0 0.75em 0;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #ddd;
}

.wccf-field {
    margin-bottom: 0.75em;
}

.wccf-field:last-child {
    margin-bottom: 0;
}

.wccf-field label {
    display: block;
    font-weight: 600;
    margin-bottom: 0.3em;
}

.wccf-field .required {
    color: #e2401c;
}

.wccf-visible-input {
    width: 100%;
    padding: 0.5em;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.wccf-visible-input.wccf-invalid {
    border-color: #e2401c;
    background: #fff5f5;
}

.wccf-visible-input.wccf-valid {
    border-color: #46b450;
    background: #f7fff7;
}

.wccf-validation-message {
    display: block;
    font-size: 0.85em;
    margin-top: 0.25em;
    min-height: 1.2em;
}

.wccf-validation-message.wccf-error {
    color: #e2401c;
}

.wccf-validation-message.wccf-success {
    color: #46b450;
}