/* ============================================================
   WC Product Fields – Frontend Styles
   ============================================================ */

.fpo-fields {
    margin: 16px 0 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.fpo-field label {
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 14px;
}

.fpo-required { color: #e00; margin-left: 2px; }

.fpo-input {
    width: 100%;
    max-width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

.fpo-input:focus { border-color: #96588a; outline: none; box-shadow: 0 0 0 2px rgba(150,88,138,.15); }

.fpo-checkbox-group { display: flex; flex-direction: column; gap: 6px; }
.fpo-checkbox-label { display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 14px; }
.fpo-checkbox-label input[type="checkbox"] { width: 16px; height: 16px; cursor: pointer; margin: 0; }
.fpo-opt-price { color: #777; font-size: 13px; }

/* Admin order item editor tweaks (keep input/select widths consistent). */
.fpo-admin-order-item .fpo-field input.fpo-input,
.fpo-admin-order-item .fpo-field select.fpo-input {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    display: block;
}

.fpo-checkbox-group label.fpo-checkbox-label {
    display: flex;
}